functioneel ontwerp nieuw
TRANSCRIPT
![Page 1: Functioneel ontwerp nieuw](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557cecc7d8b42ae6078b4e98/html5/thumbnails/1.jpg)
Functioneel ontwerp
Raymond van Dongelen
![Page 2: Functioneel ontwerp nieuw](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557cecc7d8b42ae6078b4e98/html5/thumbnails/2.jpg)
Inhoud
•Doelgroep
•Visuele indeling
•Taak analyse
•Schetsen
![Page 3: Functioneel ontwerp nieuw](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557cecc7d8b42ae6078b4e98/html5/thumbnails/3.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557cecc7d8b42ae6078b4e98/html5/thumbnails/4.jpg)
![Page 5: Functioneel ontwerp nieuw](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557cecc7d8b42ae6078b4e98/html5/thumbnails/5.jpg)
•Welke gebruikers groepen?
•Welke taken?
![Page 6: Functioneel ontwerp nieuw](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557cecc7d8b42ae6078b4e98/html5/thumbnails/6.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557cecc7d8b42ae6078b4e98/html5/thumbnails/7.jpg)
Welke functionaliteit?
•Welke onderdelen zijn er te onderscheiden?
•Welke onderdelen hebben welke prioriteit?
![Page 8: Functioneel ontwerp nieuw](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557cecc7d8b42ae6078b4e98/html5/thumbnails/8.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557cecc7d8b42ae6078b4e98/html5/thumbnails/9.jpg)
Voorbeeld taken
•Een nieuwe gebruiker registreert zich
•Een bestaande gebruiker gaat naar zijn berichten
![Page 10: Functioneel ontwerp nieuw](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557cecc7d8b42ae6078b4e98/html5/thumbnails/10.jpg)
Taken
•Flowchart kan handig zijn
•Genummerde lijsten kunnen ook worden gebruikt
![Page 11: Functioneel ontwerp nieuw](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557cecc7d8b42ae6078b4e98/html5/thumbnails/11.jpg)
Ontwerp schermen
•Schetsen zonder vormgeving
•Welk vlak is waarvoor?
![Page 12: Functioneel ontwerp nieuw](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557cecc7d8b42ae6078b4e98/html5/thumbnails/12.jpg)
![Page 13: Functioneel ontwerp nieuw](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557cecc7d8b42ae6078b4e98/html5/thumbnails/13.jpg)
![Page 14: Functioneel ontwerp nieuw](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557cecc7d8b42ae6078b4e98/html5/thumbnails/14.jpg)
![Page 15: Functioneel ontwerp nieuw](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557cecc7d8b42ae6078b4e98/html5/thumbnails/15.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557cecc7d8b42ae6078b4e98/html5/thumbnails/16.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557cecc7d8b42ae6078b4e98/html5/thumbnails/17.jpg)
![Page 18: Functioneel ontwerp nieuw](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557cecc7d8b42ae6078b4e98/html5/thumbnails/18.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557cecc7d8b42ae6078b4e98/html5/thumbnails/19.jpg)
Tips 2
•Test met echte gebruikers (en dat is niet de opdrachtgever!)
![Page 20: Functioneel ontwerp nieuw](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557cecc7d8b42ae6078b4e98/html5/thumbnails/20.jpg)
Maak een fo
•Welke soorten gebruikers?
•Welke taken?
•Welke schermindelingen?
•Wat leidt naar wat?
![Page 21: Functioneel ontwerp nieuw](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557cecc7d8b42ae6078b4e98/html5/thumbnails/21.jpg)
Tot slot:
•Vergeet niet ergens te vermelden wat je concept is.