Design pattern search
20 mei
Last updated
Was this helpful?
20 mei
Last updated
Was this helpful?
Uit de voorbeelden die ik heb gevonden met een kaart of aarde layout ben ik erachter gekomen dat de meeste sites hun layout als volgt hebben:
Zoals hieronder is ongeveer 1/4 of 1/5 gedeelte van de totale breedte een blok met daarin informatie. De rest is een kaart of een wereldbol. Daarnaast staan er hier en daar in de hoeken nog een paar buttons om mee te navigeren.
Met de informatie blokken en hoe de aarde worden weergegeven kan natuurlijk erg geïtereerd worden, hier ga ik verder mee in conceptontwikkeling. Wat belangrijk is, is dat de layout minimalistisch is en overzichtelijk blijft.
Alle patterns van de layout kun je hier terug vinden:
Voor het geavanceerd zoeken waren er vooral 2 layouts die naar boven kwamen. De een met aan de (meestal) linker kant de filters, en de een met de filters aan de bovenkant.
In deze filters kwamen als parameters voor:
Checkboxen in een dropdown
Eventueel in een gefixeerde hoogte zodat je kan scrollen.
Hyperlinks
Worden vaak gebruikt bij een hiërarchie met veel lagen.
Radio buttons
Meestal gebruikt voor het sorteren van de content.
Slider
Vaak voor de prijs radius, maar kan ook gebruikt worden voor jaartallen.
Visuele iconen
Om wat meer ondersteuning te bieden met het zoeken, bijvoorbeeld bij kleuren.
Voor wat ik in gedachten heb, denk ik, dat de layout met de filters aan de zijkant handiger is. Er zit meer overzicht in doordat de filters onder elkaar staan, zo kunnen de gebruikers makkelijker zien welke filters er beschikbaar zijn en dan gaat de UI niet over de content heen als er een filter uitgeklapt moet worden zoals bij de tweede layout.
Daarnaast is ook de content in de eerste layout makkelijker aan te passen naar een lijst of zoals het voorbeeld blokken met eventueel foto's.
Alle patterns van het geavanceerd zoeken kun je hier terug vinden:
Toen ik voor mezelf aan het onderzoeken was wat ik een wow factor vind, ben ik uitgekomen op mooie animaties, vloeiende transities en leuke extra's in websites. Omdat er weinig te vinden was aan artikelen, heb ik de hulp van mijn collega's ingeschakeld.
Tijdens de meeting is mijn vermoeden dat een wow factor subjectief is, bevestigd. Niet iedereen heeft dezelfde voorkeuren voor wat voor hun een wow factor heeft. Als er een standaard was, dan zou iedereen een website zo maken en daarna zou het niet meer een wow factor opleveren omdat iedereen het doet.
Maar tijdens de meeting zijn er wel overeenkomende factoren benoemd waar iedereen het mee eens was.
Een website met iets origineels dat ook nog eens een functie heeft, geeft een wow factor. Als iets origineels is dan kan dat al veel sneller deze factor geven omdat het onbekend en nieuw is.
Neem bijvoorbeeld de Greta Thunberg website van Superhero Cheesecake en Colorbleed (z.d) met de originele tijdlijn. Deze website is erg uniek qua hoe ze de informatie hebben weergegeven. En hoe je door de tijdlijn heen scrollt, normaal zou het van links naar rechts of van boven naar beneden zijn.
Wat ook een wow factor geeft zijn vloeiende animaties en transities. Deze geven een level van skill weer maar ook dat er nagedacht is over de kleine dingen in de website.
Als je naar het voorbeeld van Cuscito (2019) hieronder kijkt, dan zie je dat alles onafhankelijk van elkaar beweegt. Er is veel over nagedacht over wat elk element moet doen en hoe ze bewegen.
Naast het visuele kan de manier waarop en hoe het verhaal verteld wordt ook een wow factor geven. Bijvoorbeeld bij de site van hims (z.d) maken ze heel goed gebruik van de juiste storytelling waardoor moeilijke onderwerpen wat luchtiger worden. Ook het beeldtaal maakt het minder lastig om naar te kijken.
Alle patterns van de wow factor kun je hier terug vinden:
Cuscito, G. (2019, 11 januari). Daily UI “Text Integration Concept”. Geraadpleegd op 26 mei 2020, van
hims. (z.d.). Telehealth for a healthy, handsome you | hims. Geraadpleegd op 23 mei 2020, van
Superhero Cheesecake, & Colorbleed. (z.d.). The Year of Greta. Geraadpleegd op 22 mei 2020, van
