Development-round-up - Iteratie #43

Was me wel opgevallen, maar ik vond de tekst bij 'harde schijven' veel storender eigenlijk. Dat lijkt ook niet helemaal lekker uit en lijkt een heel andere aliasing te hebben? Daarnaast lijnen de icoontjes voor geen meter uit.

In de definitieve site kom iets andere categorieën met namen die allemaal ongeveer van gelijke lengte zijn. Dit oogt ook wat rustiger omdat de ruimte tussen de categorienamen dan ongeveer gelijk is. De categorieën op gelijke afstand tussen de namen uitlijnen is ook geen oplossing omdat de afstand tussen de iconen dan zal variëren. De iconen + namen in een kadertje plaatsen zorgt weer voor dat allerlei extra elementen aan het ontwerp worden toegevoegd wat het beeld drukker maakt.

Vind het ook jammer dat de homepagina nu ook weer lichter oogt, iets wat sinds Tweakers 7 eigenlijk al als minpunt wordt gezien door veel gebruikers. Ik zou toch de titels weer in zwarte/antraciete blokken plaatsen, dan is het ook duidelijker dat het bij de afbeelding eronder hoort. Daarnaast vind ik de witte overlay aan de onderkant, met het vergelijken van de winkels niet echt handig. Vooral bij erg lichte/witte afbeeldingen zal dit helemaal wegvallen.

De huidige ankeilers worden door sommige bezoekers niet eens als redactionele content gezien omdat ze er als geheel een advertentieachtige vorm hebben en daardoor worden weggeschant. Een vormgeving met grote losstaande koppen ziet er 'redactioneler' uit. Het is niet de bedoeling dat er afbeelding met een witte achtergrond in geplaatst worden. Ik had liever gezien dat we laagste prijs en links naar andere interessante content over het besproken product (bijv. ervaringentopics) onder de ankeiler hadden geplaatst omdat we daarmee kunnen laten zien welke content we over een belangrijke nieuwe producten hebben, maar idee is afgeketst.

We hebben usabilitytests gedaan met het nieuwe ontwerp en daar is niet uit gebleken dat gebruikers een probleem hebben om te begrijpen dat de titels bij de afbeelding horen. De visuele cues zouden daarvoor ook sterk genoeg moeten zijn (de titels en afbeelding staan tussen twee dikke horizontale lijnen waaruit duidelijk blijkt dat die bij elkaar horen).

Ook is het mij niet direct duidelijk wat ik nou precies zie. Bij de eerste twee items staat 'review' in de titel, dus dat is nog enigszins duidelijk, al heb je nog geen idee of je naar een geschreven review of een video gaat. Bij de derde heb ik geen idee om wat voor 'artikel' het gaat. Is het een product? Een review? Ga ik naar een video kijken?

Het is de bedoeling om dit zoveel in de titel van het artikel te doen (bijv. 'Apple iPhone 5s review' of 'Apple iPhone 5s video'). Als er echt behoefte is aan duiding van het type content zouden we het ook in een label kunnen doen dat het ankeilerplaatje wordt geplaatst.

Daarnaast vind ik de 2px grijze randen boven en onder de drie uitgelichte blokken niet helemaal passen bij de rest van de website. Overal zijn de lijnen en kaders minimaal gebruikt en soms zelfs helemaal weggelaten, en nu opeens 2 'lompe' lijnen die verder nergens terugkomen. Vind ik persoonlijk een vreemde designkeuze.

Deze lijnen komen ook elders voor (bijv. overzichtstab van categorieën en prijstab van producten) en zijn een manier om hiërarchie aan te brengen in lijnen op de pagina. De dikke lijnen scheiden blokken die verschillende soorten inhoud van functionaliteit bevatten, dunnen lijnen scheiden items binnen zo'n blok.

Ook de titels worden nu een rommeltje. Overal verschillende fonts, font-groottes, font-weights en kleuren. De eenheid is compleet weg. Bij de vergelijker bovenin lijkt rode titels die bold zijn in verschillende sizes. Rechts opeens blauw en dan weer niet bold. (En al die pijlen? WHY?). Bij de drie uitgelichte artikelen opeens blauwe teksten in een compleet heel ander font, alleen hier al drie verschillende stijlen voor titel, subtitel en de linkjes onderin. Daaronder de titels weer rood, de nieuwstip blauw, de artikelen zelf nu zwart (?) ipv blauw?

De ankeilerkoppen zijn niet dezelfde soort koppen als de dikke roden koppen. De rode koppen duiden de blokken met de verschillende soorten content/functionaliteit op de frontpage, de ankeilerkoppen bevatten de titels van artikelen en linken naar deze artikelen. Ik kan je verzekeren dat het er verwarrend uitziet als beide dezelfde vormgeving zouden hebben.

We hebben ervoor gekozen om categorieën naast het kopje met de duiding van dat blok te zetten om verticale ruimte te besparen. Het gevolg hiervan was wel dat een lange kop voor 'Vergelijk producten en prijzen' niet wenselijk was. De hebben we beperkt door 'Vergelijk' en 'Producten en prijzen' onder elkaar te zetten. De versie met de kop in één lettergrootte boven de categorieën is mooier en rustiger maar neemt dus wel veel meer verticale ruimte in.