Functioneel ontwerp

1,157 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,157
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Functioneel ontwerp

  1. 1. Functioneel ontwerp <ul><li>Raymond van Dongelen </li></ul>
  2. 2. Inhoud <ul><li>Doelgroep </li></ul><ul><li>Visuele indeling </li></ul><ul><li>Taak analyse </li></ul><ul><li>Schetsen </li></ul>
  3. 3. Wie? <ul><li>Welke gebruikersgroepen heeft je website? </li></ul><ul><li>Wat hebben de verschillende groepen nodig? </li></ul><ul><li>Verdiep je in de personen door een persona te schrijven.. </li></ul>
  4. 5. Twitter <ul><li>Welke gebruikers groepen? </li></ul><ul><li>Welke taken? </li></ul>
  5. 6. Taak analyse <ul><li>Welke taken moet een groep uitvoeren? </li></ul><ul><li>Uit welke stappen bestaan deze taken? </li></ul><ul><li>Hoe kunnen we stappen vereenvoudigen? </li></ul><ul><li>Is elke stap even belangrijk? Voor de gebruiker/ voor ons? </li></ul>
  6. 7. Welke functionaliteit? <ul><li>Welke onderdelen zijn er te onderscheiden? </li></ul><ul><li>Welke onderdelen hebben welke prioriteit? </li></ul>
  7. 8. MoSCoW <ul><li>Must have Essentieel </li></ul><ul><li>Should have Niet essentieel maar wel belangrijk </li></ul><ul><li>Could have Zou mooi zijn. </li></ul><ul><li>Would have (Voor volgende versie) </li></ul>
  8. 9. Voorbeeld taken <ul><li>Een nieuwe gebruiker registreert zich </li></ul><ul><li>Een bestaande gebruiker gaat naar zijn berichten </li></ul>
  9. 10. Taken <ul><li>Flowchart kan handig zijn </li></ul><ul><li>Genummerde lijsten kunnen ook worden gebruikt </li></ul>
  10. 11. Ontwerp schermen <ul><li>Schetsen zonder vormgeving </li></ul><ul><li>Welk vlak is waarvoor? </li></ul>
  11. 15. Voorleggen doelgroep <ul><li>Laat mensen met je papieren prototype werken </li></ul><ul><li>Vraag ze een taak uit te voeren </li></ul><ul><li>Vraag ze hardop na te denken </li></ul><ul><li>Waar lopen ze tegen aan? </li></ul><ul><li>(help zo weinig mogelijk) </li></ul>
  12. 16. Don’t make me think <ul><li>We zoeken niet uit hoe iets werkt.... </li></ul><ul><li>We proberen maar wat </li></ul><ul><li>We lezen de tekst van de website niet </li></ul>
  13. 18. Tips <ul><li>Don't Make Me Think! </li></ul><ul><li>Design for scanning not reading </li></ul><ul><li>Users like mindless choices </li></ul><ul><li>Omit needless words </li></ul><ul><li>Navigation: Use street signs and breadcrumbs </li></ul><ul><li>Your home page should convey the big picture </li></ul>
  14. 19. Tips 2 <ul><li>Test met echte gebruikers (en dat is niet de opdrachtgever!) </li></ul>
  15. 20. Maak een fo <ul><li>Welke soorten gebruikers? </li></ul><ul><li>Welke taken? </li></ul><ul><li>Welke schermindelingen? </li></ul><ul><li>Wat leidt naar wat? </li></ul>
  16. 21. Tot slot: <ul><li>Vergeet niet ergens te vermelden wat je concept is. </li></ul>

×