Download - Functioneel ontwerp nieuw

Transcript
Page 1: Functioneel ontwerp nieuw

Functioneel ontwerp

Raymond van Dongelen

Page 2: Functioneel ontwerp nieuw

Inhoud

•Doelgroep

•Visuele indeling

•Taak analyse

•Schetsen

Page 3: Functioneel ontwerp nieuw

Wie?

•Welke gebruikersgroepen heeft je website?

•Wat hebben de verschillende groepen nodig?

•Verdiep je in de personen door een persona te schrijven..

Page 4: Functioneel ontwerp nieuw
Page 5: Functioneel ontwerp nieuw

Twitter

•Welke gebruikers groepen?

•Welke taken?

Page 6: Functioneel ontwerp nieuw

Taak analyse

•Welke taken moet een groep uitvoeren?

•Uit welke stappen bestaan deze taken?

•Hoe kunnen we stappen vereenvoudigen?

•Is elke stap even belangrijk? Voor de gebruiker/ voor ons?

Page 7: Functioneel ontwerp nieuw

Welke functionaliteit?

•Welke onderdelen zijn er te onderscheiden?

•Welke onderdelen hebben welke prioriteit?

Page 8: Functioneel ontwerp nieuw

MoSCoW

•Must have Essentieel

•Should haveNiet essentieel maar wel belangrijk

•Could have Zou mooi zijn.

•Would have(Voor volgende versie)

Page 9: Functioneel ontwerp nieuw

Voorbeeld taken

•Een nieuwe gebruiker registreert zich

•Een bestaande gebruiker gaat naar zijn berichten

Page 10: Functioneel ontwerp nieuw

Taken

•Flowchart kan handig zijn

•Genummerde lijsten kunnen ook worden gebruikt

Page 11: Functioneel ontwerp nieuw

Ontwerp schermen

•Schetsen zonder vormgeving

•Welk vlak is waarvoor?

Page 12: Functioneel ontwerp nieuw
Page 13: Functioneel ontwerp nieuw
Page 14: Functioneel ontwerp nieuw
Page 15: Functioneel ontwerp nieuw

Voorleggen doelgroep

•Laat mensen met je papieren prototype werken

•Vraag ze een taak uit te voeren

•Vraag ze hardop na te denken

•Waar lopen ze tegen aan?

•(help zo weinig mogelijk)

Page 16: Functioneel ontwerp nieuw

Don’t make me think

•We zoeken niet uit hoe iets werkt....

•We proberen maar wat

•We lezen de tekst van de website niet

Page 17: Functioneel ontwerp nieuw
Page 18: Functioneel ontwerp nieuw

Tips•Don't Make Me Think!

•Design for scanning not reading

•Users like mindless choices

•Omit needless words

•Navigation: Use street signs and breadcrumbs

•Your home page should convey the big picture

Page 19: Functioneel ontwerp nieuw

Tips 2

•Test met echte gebruikers (en dat is niet de opdrachtgever!)

Page 20: Functioneel ontwerp nieuw

Maak een fo

•Welke soorten gebruikers?

•Welke taken?

•Welke schermindelingen?

•Wat leidt naar wat?

Page 21: Functioneel ontwerp nieuw

Tot slot:

•Vergeet niet ergens te vermelden wat je concept is.