Voor Kabelshop.nl heb ik een bestelmeepopup ontworpen. Deze popup is voornamelijk bedoeld om gebruikers te begeleiden bij hun online aankopen en hen te helpen de juiste keuzes te maken. Het is ook gunstig voor Kabelshop.nl voor cross-sellingdoeleinden. Gebruikers ontvangen feedback nadat ze een product aan hun winkelwagen hebben toegevoegd, inclusief suggesties voor aanvullende producten die vaak samen worden gekocht. De gebruikersinterface is volledig ontworpen in de huisstijl van Kabelshop.nl.
Bestel mee pop-up voor Kabelshop.nl website
Mobile First Thinking
Voordat een interface wordt ontworpen, is het cruciaal om eerst mobile-first te denken. Tijdens mijn deskresearch heb ik geconcludeerd dat maar liefst 75% van de gebruikers een website bezoekt via mobiele apparaten. Daarom ben ik begonnen met het schetsen van een wireframe voor mobiele apparaten, om ervoor te zorgen dat de gebruikerservaring optimaal is, zelfs op kleine schermen.
Na het plaatsen van product in winkelwagen, krijgt gebruiker feedback op z’n interactie in vorm van pop-up.
Gebruiker keert weer terug naar productpagina.
Gebruiker keert weer terug naar productpagina
Gebruiker krijgt z’n winkelwagen te zien.
Wireframe's desktop (Low-Fidelity)
Huisstijl Kabelshop.nl
Open Sans Bold
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
Open Sans Regular
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
#91C13E
#DAF5E1
#DE0D7C
#FFFFFF
#111210
Design Desktop & Mobiel (High-Fidelity)
Feedback interactie
Een strak design is natuurlijk belangrijk, maar het is niet alles als de gebruikerservaring (UX) niet optimaal is. Feedback is daarom van cruciaal belang voor gebruikers wanneer ze interageren met websites. Gebruikers willen zekerheid hebben en een terugkoppeling krijgen van hun acties. Dit voorkomt frustrerende momenten, vooral tijdens het afrekenen.
Default button
Button nadat gebruiker interactie mee heeft gehad. Kleur van de button veranderd om de gebruiker duidelijk feedback te geven dat het genomen actie met succes is afgerond.