Wow factor
Last updated
Was this helpful?
Last updated
Was this helpful?
Volgens het artikel van Hallam (2019) vertellen ze dat het de inhoud is die de wow factor maakt, niet de manier waarop een website is ontworpen. Maar de wow factor kan ook worden bereikt door de kwaliteit van het product of dienstenaanbod.
Wat ik denk is dat een wow factor ten eerste erg subjectief is, iedereen heeft wel een voorkeur voor een bepaald element of stijl. De een is niet snel onder de indruk van bijvoorbeeld een interactieve showcase site, en de ander wel.
Tijdens het zoeken naar voorbeelden die mij een wow factor geven, is het mij wel opgevallen dat vaak het visuele, de beelden, illustraties en foto's, mijn aandacht vroegen. Maar daarentegen is de inhoud ook wat een website een website maakt, want de ontwerper van het concept/de UX/het design heeft bedacht dat de layout zo benuttigd gaat worden.
Het werk van Resn (z.d) heeft een wow effect op mij. Hun site met alle projecten is er ook al onderdeel van, alles ziet er gewoon heel clean uit, er zit geluid bij, heeft interactieve elementen en smooth animaties.
Daarnaast hebben ze ook een leuke extra in de home pagina als je met je muis klikt en vast blijft houden. Elke keer is er weer een ander iets om mee te spelen.
VanMoof
De site van VanMoof (z.d), die de Resn (z.d) agency van hierboven gemaakt heeft, om hun nieuwe modellen en daarmee ook de technologieën te showcasen vind ik een voorbeeld van een wow factor. Ze laten het product zien op een manier dat nog niet heel veel gebruikt wordt, maar wel heel effectief is, en ook nog eens interactief op een leuke manier.
Deze site, die ontwikkeld is door Bremer (z.d), is niet alleen erg handig maar ook de manier waarop ze de informatie hebben weergegeven krijgt een wow factor van mij. Why do cats/dogs ...? is eigenlijk een verzameling van linkjes die naar Google gaan. Zo kan de gebruiker achter vragen komen waarvan ze niet denken die te stellen, zoals 'Waarom wordt een neus van een kat nat?'.
De gebruiker kan over de verschillende vragen, die gecategoriseerd zijn, met de cursor er over heen gaan voor verduidelijking.
Ook bij dit concept van Steele (2019) kun je zien dat er gebruik gemaakt wordt van veel parallax effecten. Dit geeft altijd een wow gevoel als ze goed uitgevoerd zijn zoals bij dit voorbeeld.
Daarnaast bewegen veel kleine dingen tot in de details die je, als je goed kijkt echt opmerkt, maar als je snel kijkt niet eens door hebt. De wow factor zit hier ook in de vloeiende animaties.
Vaak zitten er op sites animaties als achtergrond of als laadschermen. Deze doen ook veel bij mij. Als ik op een site kwam die deze animatie van Shakuro (2017) af laat spelen als laad animatie en daarna een soort Google Maps tevoorschijn komt, zou het een wow factor hebben op mij.
De animatie is weer vloeiend en het heeft potentie om een goede transitie te vormen.
Ook dit concept van Riley (2018) heeft iets origineels, als je op een locatie klikt, dan zoomt de aarde in en wordt het een 3D kaart. Daarnaast is de transitie als je op de locatie klikt erg vloeiend naar het 3D gedeelte.
Dit voorbeeld van Marcato Studio (2019) geeft een wow factor weer in een soort easter egg. Dit is een concept en ik weet niet precies hoe het bakje met eten in beeld komt, maar het is een leuk element en detail van de website.
Om wat dieper in te duiken wat een standaard is voor wat gebruikers een wow factor geeft, heb ik tijdens de wekelijkse catch-up van het team waar ik stage mee heb gelopen deze vraag gesteld:
What gives you a wow factor in sites/apps?
Al snel hoorde ik verschillende factoren, maar ook overeenkomende. Ik heb een lijst gemaakt van alle benoemde elementen:
Georganiseerde en gestructureerde sites waarmee de navigatie optimaal is.
Interactie design - vloeiende animaties en transities
Storytelling
Details in een website
Originaliteit
Wel vonden ze allemaal dat als er iets kleins was dat niet helemaal werkt, maar de site voor de rest helemaal top is, dat er geen wow factor meer mogelijk is.
Deze site van Superhero Cheesecake en Colorbleed (z.d) werd benoemd vanwege de originaliteit aan navigatie. Natuurlijk moet het nog wel functioneel en gebruiksvriendelijk blijven als er iets origineels wordt gemaakt. Ook vond het team dat het niet een 'gimmick' moet zijn om aandacht te vragen maar echt goed uitgevoerd moet worden. Gelukkig werkte deze site perfect en is het concept vernieuwend.
Tijdens een andere meeting heeft iemand deze website van Pioneer (z.d) als inspiratie neergezet in het deck. Dit zie je wel steeds vaker maar het geeft voor nu nog een wow factor vanwege de mooie 3D effecten en de manier waarop het verhaal daardoor ondersteund wordt.
De navigatie bestaat uit een paar segmenten waarin er weer kleinere onderdelen van het verhaal bestaan. Bij sommige delen kun je ook meer interacteren met bijvoorbeeld hoe een maïsplant tegen het weer kan.
Dit zijn voorbeelden van het werk van Cuscito (2018, 2019) voor de vloeiende animaties en transities waar iedereen het mee eens was dat deze een wow factor geven. Dit is een designer op Dribbble die mooie voorbeelden maakt met parallax effecten. Bij zijn werk zie je dat alles afhankelijk van elkaar beweegt en de juiste timing heeft.
Voor de website hims (z.d) is de content en de storytelling heel belangrijk. Deze website is voor mannen die haarverlies, erectiestoornissen en huidproblemen hebben. Daarnaast kun je ook tips krijgen over verschillende ziektes.
Doordat de tekst en foto's zo nauwkeurig zijn afgestemd is het verhaal, dat over moeilijke onderwerpen gaat, een stuk minder intimiderend. Bij haarverlies staat een plaatje van een plant die zijn bladeren verliest en bij de erectiestoornissen een slappe plant. Ook al zijn het minder fijne onderwerpen maakt het toch een impact wat voor een wow factor kan zorgen.
The Boat (z.d) doet de storytelling ook heel mooi met bewegende elementen, geluid en illustraties om het tot leven te laten komen. Dit is eigenlijk een heel gewoon verhaal maar door al die elementen bij elkaar te voegen wordt het een wow verhaal.
Zoals in het voorbeeld hierboven wordt er verteld dat de boot iedereen van rechts naar links geduwd worden door de woeste golven, als het beeld meedraait met geweld wordt je fantasie gestuurd om de situatie beter voor te stellen.
Bremer, N. (z.d.). Why do cats and dogs. Geraadpleegd op 23 mei 2020, van https://whydocatsanddogs.com/cats
Cuscito, G. (2018, 22 oktober). Daily UI “Para-Scroll Exploration”. Geraadpleegd op 25 mei 2020, van https://dribbble.com/shots/5426137-Daily-UI-Para-Scroll-Exploration
Cuscito, G. (2019, 11 januari). Daily UI “Text Integration Concept”. Geraadpleegd op 26 mei 2020, van https://dribbble.com/shots/5821878-Daily-UI-Text-Integration-Concept
Hallam. (2019, 15 januari). What is the “Wow Factor” in Web Design? Geraadpleegd op 20 mei 2020, van https://www.hallaminternet.com/wow-factor-web-design/
hims. (z.d.). Telehealth for a healthy, handsome you | hims. Geraadpleegd op 23 mei 2020, van https://www.forhims.com/
Marcato Studio. (2019, 29 oktober). Pet Food Website. Geraadpleegd op 24 mei 2020, van https://dribbble.com/shots/7885798-Pet-Food-Website
Pioneer. (z.d.). Pioneer – Corn. Revolutionized. Geraadpleegd op 27 mei 2020, van https://go.pioneer.com/cornrevolution#
Resn. (z.d.). Resn. Geraadpleegd op 22 mei 2020, van https://resn.co.nz/#
Riley, N. (2018, 14 december). Global Design Events. Geraadpleegd op 25 mei 2020, van https://dribbble.com/shots/5699187-Global-Design-Events
Shakuro. (2017, 9 november). Earth Born. Geraadpleegd op 22 mei 2020, van https://dribbble.com/shots/3935394-Earth-Born
Steele, Z. (2019, 2 december). S X F. Geraadpleegd op 21 mei 2020, van https://dribbble.com/shots/8715940-S-X-F
Superhero Cheesecake, & Colorbleed. (z.d.). The Year of Greta. Geraadpleegd op 22 mei 2020, van https://theyearofgreta.com/
SBS Online. (2015, 20 mei). The Boat. Geraadpleegd op 27 mei 2020, van http://www.sbs.com.au/theboat/
VanMoof. (z.d.). VanMoof S3 & X3 Launch. Geraadpleegd op 24 mei 2020, van https://live.vanmoof.com/site
Creative Content UX team, persoonlijke communicatie.
