We hebben vandaag de typografie in de bètatest van de UI-vernieuwing aangepast. Ook hebben we de lettertypes voor de koppen en broodteksten herzien om de leesbaarheid te verbeteren en de forumlay-out breder gemaakt op desktop.
BodytekstenWe hebben eerder een bètatest aangekondigd van de UI-vernieuwing die we dit jaar willen uitrollen. De meest in het oog springende verandering is de nieuwe typografie met andere en vooral grotere lettertypes. Aanvankelijk kozen we voor Roboto Flex in een relatief brede font-variation-setting als lettertype voor broodteksten. We kregen de nodige feedback, deels subjectief over de stijl, maar vooral over een verminderde leesbaarheid.
Om beter inzicht te krijgen in jullie voorkeuren hebben we in het feedbacktopic over de UI-vernieuwing een formulier gepost. Hierin vroegen we om de leesbaarheid van lettertypen als Arial, het platformspecifieke systeemlettertype en Roboto Flex met elkaar te vergelijken. Hieruit bleek een voorkeur voor het systeemlettertype, gevolgd door Arial. Daarom hebben we de keuze voor Roboto Flex heroverwogen. We hanteren voortaan de volgende lettertypes voor bodyteksten:
In een parallel traject hebben we gekozen voor Clash Grotesk als het nieuwe lettertype voor headings in onze huisstijl. Dit is een wat bredere letter. We hebben bij het afstemmen op de bodytekstlettertypes gelet op samenhang in stijl en op leesbaarheid.
Arial is een relatief smalle letter en past in stijl niet goed bij Clash Grotesk. Op Windows-systemen biedt Arial wel de beste leesbaarheid van de beschikbare lettertypes. Op de overige platformen sluiten we aan bij het systeemlettertype dat gebruikers al kennen vanuit de OS-interface. Dit zijn allemaal neogroteske schreefloze lettertypes die passen bij het lettertype van de headings en zijn geoptimaliseerd voor leesbaarheid op beeldschermen.
Forumopmaak: bredere lay-out en kleinere lettergrootteIn de UI-vernieuwing kiezen we bewust voor grotere lettertypes om de leesbaarheid te verbeteren en aan te sluiten bij moderne webstandaarden. Meer over onze beweegredenen lees je in de vorige .plan. Op het forum zorgden grote letters ervoor dat titels in listings soms (op desktop) doorliepen op een tweede regel. Om dit te voorkomen hebben we een stapje terug gedaan en de lettergrootte verlaagd van 16 naar 15 pixels. Dit geldt ook voor de teksten in forumberichten.
Daarnaast is de lay-outbreedte op desktop aangepast naar de breedte die we ook hanteren op de frontpage en in de Pricewatch. Dit levert ongeveer 80 pixels extra horizontale ruimte op. De breedte van alinea's in forumposts zelf is ongewijzigd gebleven, omdat het aantal tekens per regel al aan de bovenkant van de aanbevolen range voor leesbaarheid zit. De kolom voor gebruikersnaam en avatar heeft wel meer ruimte gekregen, en afbeeldingen en tabellen kunnen iets breder worden weergegeven.
Op desktopformaat lopen forumtitels in lijstweergaven dankzij deze update vrijwel niet meer door op een tweede regel. Op kleinere schermformaten komt dit eveneens minder voor.
Heb je de bètatest nog niet aangezet, maar ben je benieuwd naar de verandering, zet dan 'Vernieuwing UI' aan onder bètafeatures in je instellingen.
Source: Tweakers.net