H&M Afstudeerproject
  • Intro
  • Onderzoek
    • Design brief
      • Introductie onderwerp
      • Stakeholders
      • Context
      • Design Challenge + Deelvragen
      • Focus
      • Product visie
      • Mogelijke impact
      • Mijlpalen
      • Bronnen
    • Desk research
      • Over H&M + must haves
      • H&M geeft toe dat de winkels beter kunnen
      • H&M wil innovatie toepassen in de winkels
      • Nieuwsberichten over H&M
      • Kalverstraat 125
      • Decoding the New Consumer Mind van Kit Yarrow
      • Technologie redt de winkel?! van de Hogeschool van Amsterdam
    • Fly on the Wall
    • Interviews
      • Expert interview Tess Jansen
      • Interview Andrea en Samira
      • Interview Fatima
      • Interview Sonny
      • Overeenkomsten interview
    • Enquête
    • Competitive Analysis
      • Zara
      • Uniqlo
      • Primark
      • Albert Heijn
      • Competitive Analysis
    • RFID
      • Wat is RFID?
      • Wat houdt RFID in?
      • Hoe kan RFID beveiligd worden?
      • Uniqlo zelfscan kassa
    • Persona
    • Customer Journey
    • Betalingsproces
      • Functies van de kassa
      • Betalingsproces visual
    • Bronnen onderzoek
  • Concept fase
    • Feedback frenzy 1.0
    • Ideation consumenten
    • Feedback frenzy 2.0
    • Wachten in de rij
    • Ideation caissière
    • Brainstormen
      • Trend analyse concurrent
    • 4 Concepten
      • Scanner 0.1
      • App 0.1
      • Zelfscan kassa 0.1
      • Wachtrij kassa 0.1
    • Concepten test resultaten
    • Bronnen concept fase
  • Uitwerking
    • Groenlicht presentatie
    • Best practices
      • Express self check out kiosk
      • Quora tips
    • Prototype's + feedback
      • Expert Review Report 1
      • User test zelfscan kassa 0.2
      • Presentatie voor H&M
      • Peer Review zelfscan kassa 0.3 - Monika Rutten
      • User test zelfscan kassa 0.4
      • Expert Review Report 2 + Aanbevelingen
    • Iteraties
      • Iteratie V 0.1
      • Iteratie V 0.2
      • Iteratie V 0.3
      • Iteratie V 0.4
      • Iteratie V 1.0 (V 0.5)
    • Visual design
      • Huisstijl
      • Moodboards
      • Structuur schermen
      • Styletile
    • Zelfscan kassa model
      • Morfologische kaart + 3D model
      • Zelfscan kassa met RFID
      • Specificaties
    • Ontwerponderzoek
      • Design principes
      • Functies van de zelfscan kassa
      • User flow zelfscan kassa
      • Videos voor schermen
      • Programma van Eisen + MoSCoW
    • Schermen van de zelfscan kassa
      • Producten kopen
      • Snelste proces
      • Product niet gevonden
      • H&M club member
      • Wat als scenario's
    • Bronnen uitwerking
  • Conclusie
    • Evaluatie
Powered by GitBook
On this page
  • Waarom maak ik een structuur voor de schermen?
  • Standaard schermen
  • Overzichtsscherm

Was this helpful?

  1. Uitwerking
  2. Visual design

Structuur schermen

https://www.emerce.nl/achtergrond/anatomie-landingspagina

PreviousMoodboardsNextStyletile

Last updated 5 years ago

Was this helpful?

Waarom maak ik een structuur voor de schermen?

Door het opbreken van mijn schermen kan ik structuur creëren. Hiermee heb ik een houvast voor de schermen. Het blijft hierdoor consistent en herkenbaar voor de consument. De schermen moeten niet te vol raken en alleen het nodige laten zien dat op het moment bij hoort.

Standaard schermen

Bijna al mijn schermen zijn op deze manier opgedeeld. Het heeft een navigatie, body en een footer. In de navigatie kan je je proces volgen en het proces annuleren door naar startscherm te gaan.

In de body veranderd het meest. Het ligt eraan waar je bent in het proces. Je zal een video, afbeelding of animatie kunnen zien. Er zal ook niet altijd een beschrijving, link knop of bijschrift bij staan.

In de footer zijn de knop keuzes: Verder of ja en nee. Erboven staat een vraag om verder te kunnen gaan. Aan het eind van het proces staat er een afsluiter om terug te gaan naar het startscherm.

Overzichtsscherm

Het overzichtsscherm lijkt een beetje op de standaardschermen. Alleen hier zijn de verschillen: de producten en waarschuwing.

De producten zijn vormgegeven in hun eigen box met:

  • Productnaam

  • Prijs

  • Artikelnummer

  • Kleur

  • Maat

De waarschuwing staat er om duidelijk te maken dat alle producten gevonden moeten worden.