Product Biografie
  • Product Biografie
  • Intro
    • Inleiding
    • Over PICTURE
    • Begrippenlijst
  • Onderzoek
    • Het probleem
      • Focus
      • Aanleiding
      • Probleemsituatie
      • De 5 W's
      • Design brief
      • Design challenges
    • Desk research
      • Deelvragen
      • Productvisie
      • Information ecology
      • Wireflow
      • Benchmark
      • Good, best & bad practices
      • Design patterns onboarding
      • Huisstijl
    • Stakeholder onderzoek
      • Stakeholder map
      • Stakeholders
    • Gebruikers onderzoek
      • Interview
      • Day in the life
      • User journey feedback
      • User journey V3
      • Empathy map
      • Conclusie
    • Data analyse
      • Intro
      • Datamodel (3x)
      • Data model output
      • Data visualisation
      • Conclusie
    • Feedback
      • Co-creatie sessie 20 maart
      • Co-reflectie sessie 20 maart
      • Coachingsessie 23 maart
      • Expert review 24 maart
      • Usability test 24 maart
      • Feedback frenzy 26 maart
      • Coachingsessie 09 april
      • Expert review 15 april
      • Groenlicht presentatie 14 mei
      • Expert review 19 mei
      • Coachingsessie 21 mei
      • Quality Review 22 mei
  • Ideeën & concept
    • Sitemap (2x)
    • Concepting
      • Programma van eisen
      • MoSCow
      • Ideeën generatie
      • Layout concepten
      • Morfologische kaart
      • Job stories
      • Functionaliteiten
    • Lo-Fi
      • Lo-Fi V1
      • Lo-Fi V2
    • Interaction design
      • Interaction design V1
      • Interaction design V2
    • Hi-Fi
      • Hi-Fi V1
      • Hi-Fi V2
      • Hi-Fi V3
      • Hi-Fi V4
      • Hi-Fi V5
      • Hi-Fi V6
  • Het product
    • Het product
    • Feature: Brain Map Manager
    • Feature: Filter
    • Feature: MRI-scan
    • Feature: Visualisaties
    • Feature: Toolbar
    • Schermen
    • Prototype
    • Video's
  • Afronding
    • Vervolgstappen
    • Toekomstvisie
    • Conclusie & waarde
  • Overig
    • Opleveringen CMD
    • Planning
    • Bronnenlijst
Powered by GitBook
On this page

Was this helpful?

  1. Onderzoek
  2. Desk research

Design patterns onboarding

PreviousGood, best & bad practicesNextHuisstijl

Last updated 4 years ago

Was this helpful?

Onboarding

Afbeelding

Uitleg

Blank state

De gebruiker wil aan de slag met de applicatie, maar heeft begeleiding nodig in de vorm van een voorbeeld van hoe de applicatie eruitziet, aanvoelt en zich gedraagt ​​wanneer deze volledig functioneert en gevuld is met gegevens.

Walkthrough

De gebruiker wil eerst lezen over de producten en services om een ​​beslissing te nemen om zich bij een service aan te sluiten of een product te kopen.

Coachmarks (gekozen)

De gebruiker heeft hulp nodig om een ​​complexe gebruikersinterface te begrijpen.

Playthrough (gekozen)

De gebruiker wil weten hoe hij de verschillende functies van de applicatie kan gebruiken.

Guided tour (gekozen)

De gebruiker wil leren over nieuwe of onbekende interface-functies.

Inline Hints

De gebruiker wil op een onopvallende manier leren over nieuwe of onbekende interface-functies.

Ik heb gekozen voor een combinatie van deze drie opties omdat;

  • Een Guided tour handig is voor het introduceren van je interface en het laten zien van onbekende features van een interface die niet voorzelfsprekend is. Mijn interface heeft zeker onbekende features en is ook niet geheel voorzelfsprekend voor nieuwe gebruikers.

  • Een Playthrough handig is om te gebruiken omdat deze getoond wordt voordat je de gehele interface ziet. Dit wil ik voor mijn oplossing ook doen bij de eerste keer openen. Ook wordt dit gebruikt om de basis kennis aan te leren voor het gebruiken van het product, dit ga ik doen door de kern functionaliteiten uit te leggen.

  • Coachmarks worden vaak getoond door middel van een overlay die een bepaald onderdeel uitlicht, dit wil ik ook doen met de kernfunctionaliteiten van de tool.

https://cdn.dribbble.com/users/2426836/screenshots/6327179/re_5_4x.png?compress=1&resize=1200x900
https://cdn.dribbble.com/users/43426/screenshots/5316594/filters-2_4x.png?compress=1&resize=1200x900
https://cdn.dribbble.com/users/2285351/screenshots/6789419/dribbble-shot-friendly-3_2x__1__4x.png?compress=1&resize=1200x900
https://cdn.dribbble.com/users/404524/screenshots/6323387/talendo_final_4x.png?compress=1&resize=1200x900
https://cdn.dribbble.com/users/997070/screenshots/4869463/filter_service.png
https://cdn.dribbble.com/users/45617/screenshots/5183553/filters_tags_4x.png?compress=1&resize=1200x900