documentatie-IxD

Concept
Kort beschreven is het concept een wedstrijd. Mensen kunnen zijn of haar ideale slaapkamer maken,
die ze vervolgens kunnen delen op Social Media. Hier kan op gestemd worden en degene met de
meeste stemmen, wint dan een nacht in zijn of haar ideale slaapkamer EN de meubels die ze hebben
gebruikt in de slaapkamer mogen ze houden. Beter Bed kan hierop inspelen door de meeste
gebruikte meubels hiervan uit te lichten.
Als groep hebben we ervoor gekozen om de landingpage individueel uit te werken. Op deze
landingpage is informatie te vinden over de wedstrijd, uitgelichte items en een aantal kamers van
anderen.
Organisatie
Je komt dus eerst op de landingpage. Op deze pagina is kort omschreven wat de wedstrijd inhoudt,
kun je verder gaan met het meedoen aan de wedstrijd, uitgelichte items en de kamers van anderen.
De kamers van anderen en de uitgelichte items zal online zijn, maar voornamelijk visueel. Het
interactieve gedeelte hierbij is dat je bij de uitgelichte items naar de webshop kan gaan, om de item
te kopen, en bij de kamers van anderen dat je kan stemmen.
Het maken van de kamer is alleen interactief. Je maakt je eigen kamer en vervolgens kun je deze op
Social Media delen. Het delen op Social Media is dan weer communicatief. Door het delen van Social
Media kun je stemmen verdienen door vrienden/familie/etc.
Visuele stijl
De pagina is heel strak en modern vormgegeven. Ten eerste is dit de stijl die Beter Bed zelf al
gebruikt, ten tweede spreekt dit ook een gevoel van rust uit.
Interaction stijl
De knoppen zit een soort ‘schaduw’ onder en veranderd van kleur als je erover heen hovert of erop
klikt. Hierdoor is het voor de mensen duidelijk dat je hierop kan klikken.
Bovenaan de pagina is een menu te zien om te navigeren door de website. Hieronder zal ook een lijn
komen te staan zodra je hovert, die van links naar rechts tevoorschijn komt. Klik je er niet, maar
hover je alleen, dan verdwijnt de lijn weer (van rechts naar links). Klik je er wel op, dan komt de lijn
onder het ‘woord’ van de actieve pagina te staan.
Ook staat er in dit menu een zoek optie. Hierdoor kun je opzoek naar andere kamers door hun
gebruikersnaam in te voeren of de titel van de kamer. Zodra je op het icoontje drukt, zal er een
zoekbalk tevoorschijn komen. Deze verdwijnt zodra je weer op het zoek icoontje drukt, iets hebt
gezocht of als je ergens anders op de pagina drukt.

Bij de ‘tab’ van de kamers van anderen, kun je in een balk de kamers van anderen zien. Je zult steeds
(ongeveer) 3 kamers zien. Wil je verder klikken/scrollen, dan kun je op het gele vak en de pijl
drukken. Hierdoor komt er een andere kamer op je beeld tevoorschijn (met een animatie). Zat je op
het ‘einde’ van de balk en klik je verder? Dan komt er aan de andere/linker kant een pijl tevoorschijn.
Verder staan er onderaan de pagina een aantal Social Media buttons die doorverwijzen naar de
Social Media van Beter Bed. Deze zullen van kleur veranderen wanneer je daar overheen hovert of
erop klikt.
Usability
De pagina is redelijk gebruikersvriendelijk. Mensen kunnen makkelijk navigeren door de website,
inspiratie opdoen en meedoen aan de wedstrijd. Wel had ik ergens de informatie beter moeten
vermelden op de voorpagina, zodat mensen snel kunnen zien waarom ze mee zouden doen aan de
wedstrijd.
Ook de knop ‘Klik voor meer..’ anders verwoorden. De button spreekt voor zichzelf, zodra je dat erbij
gaat zetten weet je dat de button niet goed begrepen wordt door de mensen.
Feedback van Ferry + groepsgenoten
- Het menu is heel erg groot tegenover de rest van de pagina.
- Het zoekicoon is niet helemaal duidelijk. Wat kun je zoeken? En waar kun je typen? Als ik
erop klik, dan verdwijnt ‘Mijn account’ uit het menu?
- Bij de uitgelichte items staat er maar één knop om te kopen. Als ik alleen het bed wil, klik ik
dan eerst op het bed en dan op de ‘koop nu’ knop? Of als ik op die knop druk, ga ik dan alles
kopen?
- Is het duidelijk dat het om een wedstrijd gaat en hoe je kunt winnen? Je ziet nergens op de
pagina snel informatie over de wedstrijd.
- Design is mooi en strak, maar misschien iets te wit?
- De uitgelichte items is fijn, door hoe ze zijn uitgelicht. Wel kun je de korting anders en
duidelijker aangeven. Dit kun je doen door bijvoorbeeld de oude en nieuwe prijs te laten
zien.
- Ik ben de inlog/registreer knop vergeten.
Deze punten waren dus voor mij duidelijk, maar voor een ander niet. Dit is wel iets wat ik in mijn
achterhoofd moet houden in het vervolg. Iedereen ziet dingen anders.
Ook ben ik het zeker met de feedback punten eens. Ik heb alleen geen tijd gehad om dit te
verbeteren. Wel had ik zelf sommige punten ook door toen we in de groep iedereens prototype
lieten zien. Deze feedback punten hebben we dan ook niet opgenomen in de uiteindelijke ontwerp
van de landingpage.

User Experience
De ervaring voor de gebruiker is dat je makkelijk kan navigeren door de site, makkelijk ziet waar de
wedstrijd over gaat, makkelijk kan meedoen, makkelijk inspiratie kan opdoen en makkelijk
uitgelichte/meeste gebruikte items kan vinden.
De ervaring moet dus makkelijk zijn, maar hierbij speelt de sfeer die je ermee overbrengt ook een
grote rol.
Link prototype
Voor het prototype, klik hier:
https://xd.adobe.com/view/3debd024-1268-4185-51a7-a8128c81fe0c-4bda/screen/bcd6d103-7bd5-
4795-8ad6-228581f17b89/Web-1920-5