Creating Low Fidelity Prototypes

1,644 views

Published on

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

No Downloads
Views
Total views
1,644
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
16
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Creating Low Fidelity Prototypes

    1. 1. Compiled with the assistance of the Tiger University Program of the Estonian Information Technology Foundation
    2. 2. Ülikooli logo PANTONE 1807 PANTONE Blackess
    3. 3. Creating and Testing Low or Medium Fidelity Prototypes Recap Ilya Shmorgun,Valeria Gasik, David Lamas
    4. 4. Topics• Low fidelity prototypes• Medium fidelity prototypes• Testing prototypes
    5. 5. Low Fidelity Prototypes
    6. 6. Sketch• A rough or unfinished drawing or painting• Often created to assist in making a more finished picture
    7. 7. Things to Remember• A sketch is disposable• Draw as many variations as possible• Don’t go into too much detail
    8. 8. Example
    9. 9. Defining theInteractions
    10. 10. Tap the Back button Tap the Camera button Tap the lecture nameStart Tap the Scan button
    11. 11. Medium Fidelity Prototypes
    12. 12. Wireframe• A visual guide that represents the skeletal framework of a website or an application• Usually lacks typographic style, color, or graphics• The main focus lies in functionality, behavior, and priority of content
    13. 13. Example
    14. 14. 4:20PM 4:20PM mTLU Done Back mTLU Done IFI7038 21. sajandi käsitlusi informatsioonist ja täh... 16:15 - 19:45IFI7038 Lorem ipsum21. sajandi käsitlusi inf... Nullam id dolor id nibh ultricies vehicula ut id elit. DuisTeng Jaan mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Integer posuere Nothing else today erat a ante venenatis dapibus posuere velit aliquet. Donec id elit non mi porta gravida at eget metus. Lorem ipsum Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec id elit non mi porta gravida at eget metus. Thu Fri Sat
    15. 15. Defining theInteractions
    16. 16. 4:20PM 4:20PM 4:20PM mTLU Done Back mTLU Done Tap the Back IFI7038 button 21. sajandi käsitlusi informatsioonist ja täh... 16:15 - 19:45 IFI7038 Lorem ipsum 21. sajandi käsitlusi inf... Nullam id dolor id nibh ultricies vehicula ut id elit. Duis Teng Jaan mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Integer posuere Nothing else today Tap the lecture erat a ante venenatis dapibus posuere velit aliquet. Donec id elit non mi porta gravida at eget metus. name Lorem ipsum Nullam id dolor id nibh ultricies vehicula ut id elit. DuisStart mollis, est non commodo luctus, nisi erat porttitor Tap the Camera ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac button consectetur ac, vestibulum at eros. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec id elit non mi porta gravida at eget metus. Thu Fri Sat Tap the Done button 4:20PM 4:20PM mTLU Done mTLU Done IFI7038 16:15 - 19:45 21. sajandi käsitlusi inf... Teng Jaan IFI7038 16:15 - 19:45 Tap the Fri 21. sajandi käsitlusi inf... Teng Jaan button No lectures today 16:15 - 19:45 IFI7038 21. sajandi käsitlusi inf... Teng Jaan Nothing else today Thu Fri Sat Thu Fri Sat Tap the Sat button
    17. 17. Tools• Pen and paper• OmniGraffle• Balsamiq• Mockingbird
    18. 18. Testing Prototypes
    19. 19. Why do you need to test?• You don’t know your users• You assume too much• You have no idea what your users will stumble upon• Creating personas is no substitute for real user feedback
    20. 20. Preparing for Testing
    21. 21. Preparing for Testing• Write several tasks, which will allow a user to test all aspects of your prototype• Write an introduction to your application• Decide who will moderate the testing and who will take notes• Test your prototype with at least three people• The optimal number of testers is 5+
    22. 22. Topics Covered• Low fidelity prototypes• Medium fidelity prototypes• Testing prototypes
    23. 23. Assignment• Choose a platform for your application (iOS, Android, Windows Phone)• Create sketches or wireframes• Put them in a state transition diagram• Make a clickable prototype• Prepare a testing session• Test the prototype

    ×