Product Biografie Yara
  • ¡Bienvenido!
  • Inleiding
    • Over Fuentes
    • Inleiding
  • Onderzoek
    • Het probleem
      • Focus
      • Aanleiding
      • Probleemsituatie
      • Design Brief
      • Design Challenges
    • Desk Research
      • Onderzoeksvragen
      • Product visie
      • Context probleemsituatie
      • Hoe leren wij een nieuwe taal?
      • Enquete vooronderzoek (44 respondenten)
      • Wat wil ik van de cursisten weten?
      • Basis informatie over Fuentes/cursisten
      • Bezoek master Toegepaste Taalwetenschap - VU
      • Best, good and bad practices
      • Benchmark creation
    • Cursisten onderzoek
      • Participant observation
      • Survey (17 cursisten)
      • Enquete context cursisten (77 respondenten)
      • Meer context over de cursisten
      • Persona
      • Empathy map
      • Storyboard
      • Moodboard
      • Customer Journey
      • Mails van cursisten
    • Fuentes onderzoek
      • Lesmethodes Fuentes offline + online
      • Co-creation met hoofd van Fuentes
      • Huisstijl Fuentes
    • Stakeholder onderzoek
      • Soorten stakeholders
      • Stakeholdermap
      • Ex-minor Spaanse taal en cultuur studenten
    • Usability tests
      • Truc (cursist) - 5 april
      • Heleen (ex-cursiste) - 8 april
      • Truc (ex-cursist) - 7 mei
      • Lorrain (hoofdkantoor Fuentes) - 9 mei
      • Marieke (hoofdkantoor Fuentes) - 9 mei
      • A/B Testing - 14 mei
      • Helen (Minor) - 14 mei
      • Heleen (ex-cursist) 20 mei
    • Proof of Concept - Cursusgroep Fuentes 21 mei
    • Feedback
      • Wekelijkse bijeenkomst 5 maart
      • Wekelijkse bijeenkomst 12 maart
      • Fuentes (hoofdkantoor) 20 maart
      • Feedback Frenzy 9 april
      • Fuentes (hoofdkantoor) 11 april
      • Wekelijkse bijeenkomst 16 april
      • Marianne (begeleidster) 7 mei
      • Fuentes (hoofdkantoor) 9 mei
      • Groenlicht presentatie
      • Final Prototype Fuentes (hoofdkantoor) 24 mei
  • Ideeën & inzichten
    • Animatie
    • Wireframes
      • Low-fi wireframes
      • Low-fi userflow
      • Medium-fi schetsen
      • Onboarding medium-fi
      • Medium-fi digitaal
      • Proces tussen V1 en V5
      • Schetsen 3 versies
      • Userflow uitgeschreven
    • Concepting onderzoeken
      • Programma van Eisen 20 maart
      • Programma van Eisen 6 mei
      • Hoe Kun Je...?
      • MoSCoW
      • Concept progressbar
      • Ideeën brainstorm
      • Morfologische kaart
      • (hoofd)functies
      • Jobstories
    • Design Pattern Research
      • Onboarding, Profiel, Instellingen, Menu, Audio opnemen & Progress weergeven
      • Fuentes Niveautest
    • Extra insights / informatie
      • Sparren met Armand (4e jaars CMD'er)
      • Logopedist informatie
    • Prototype versies (18x)
      • Prototype V1
      • Prototype V2
      • Prototype V3
      • Prototype V4
      • Prototype V5
      • Prototype V6
      • Prototype V7
      • Prototype V8
      • Prototype V9
      • Prototype V10
      • Prototype V11
      • Prototype V12
      • Prototype V13
      • Prototype V14
      • Prototype V15
      • Prototype V16
      • Prototype V17
      • Prototype V18
    • Iteraties
  • Uiteindelijke product Fuentes App
    • Alle meegenomen inzichten
    • Gekozen concept
    • Toelichting Fuentes App
    • Prototype
    • Video's
    • Microinteracties
    • Spraak-herkenning
  • Afronden
    • Vervolgstappen
    • Toekomstvisie
    • Kenmerken waar ik trots op ben
    • Conclusie + waarde
  • Overige
    • Opleveringen CMD
      • Afstudeervaardigheden
      • Projectvoorstel
      • Project Pitch
      • Design Brief
      • Feedback Frenzy Presentatie
      • Groenlichtpresentatie
      • Design Rationale
      • Reflectie Verslag
      • Video's Fuentes app
      • Eindpresentatie
    • Planning
    • Bronnen
    • Highlights
Powered by GitBook
On this page
  • Onboarding
  • Progress weergeven
  • Taaloefening
  • Instellingen
  • Geschiedenis
  • Menu
  • Audio opnemen
  • Dashboard

Was this helpful?

  1. Ideeën & inzichten
  2. Design Pattern Research

Onboarding, Profiel, Instellingen, Menu, Audio opnemen & Progress weergeven

10 april 2019

PreviousDesign Pattern ResearchNextFuentes Niveautest

Last updated 5 years ago

Was this helpful?

Hier zijn verschillende screenshots te zien van websites die ik heb vergeleken om te kijken hoe bestaande platformen/websites een onboarding tonen. Zo keek ik naar hoe zij de stappen opdelen, hoe ze visueel te werk gaan en hoe de flow werkt. Ook vergeleek ik profielen.

Onboarding

Progress weergeven

Taaloefening

Instellingen

Geschiedenis

Menu

Audio opnemen

Dashboard

De onboarding bestaat uit drie schermen waarin de functie's van Slack worden uitgelegd.
Deze methode is goed voor de bovenstaande gebruiken.
Door middel van het deel dat wordt uitgelegd te highlighten leg je meer focus op wat je de gebruiker duidelijk wil maken. Dit vind ik een erg fijne methode als ik dit zelf tegen kom bij websites.
Hier is te zien hoe er visueel wordt weergeven wat je progress is.
Hier is te zien hoe het eruit ziet als je een progress behaald.
Hier is een visuele grafiek te zien waarin progress getoond kan worden. Er onder is ruimte om het verder toe te lichten.
Hier is een voorbeeld van een meerkeuze taaloefening te zien.
Hier is een voorbeeld van een instellingen pagina te zien. Met name om toestemming te vragen voor bijvoorbeeld audio.
Hier is een ander voorbeeld voor een instellingen pagina te zien.
Nog een voorbeeld van een instellingen pagina.
Hier is op visuele en speelse wijze een geschiedenis te zien met de nodige informatie of een link naar extra informatie.
Hier is nog een voorbeeld van een geschiedenis pagina te zien.
Voorbeeld van een menu waarbij de gebruiker een eigen profiel heeft.
Voorbeeld van een menu waarin de instellingen verwerkt zitten.
Voorbeeld hoe een menu er zo visueel mogelijk uit kan zien.
Voorbeeld hoe audio opgenomen wordt.
Voorbeeld van een moderne en speelse dashboard.
Voorbeeld van een dashboard waarin de meeste ruimte gevuld is met een afbeelding.