Your SlideShare is downloading. ×
Lo fi prototyping
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Lo fi prototyping

2,099
views

Published on

Experi

Experi


0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,099
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
17
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Prototyping & Testing Valeria Gasik, Zahhar Kirillov, Daria Tokranova
  • 2. To do• Decide the platform for your work• Make sketches (+ state transition diagrams)• Create a paper prototype or a clickable mock-up• Prepare a testing session + test!
  • 3. Paper prototypes• Quick, disposable drafts• Show only essential details which are needed for the first testing• Tools: e.g. paper, pen, post-it, scissors...
  • 4. Paper-prototypes Examples
  • 5. Wireframes• Basic representation of the structure;• Lacks graphical treatment• Views can be edited and connected with online tools such as Mockingbird, iPhone- mockup, Balsamiq, JustProto, PopApp etc.
  • 6. Wireframes Examples
  • 7. State transitional diagrams Tap the Back button Tap the Camera button Tap the lecture nameStart Tap the Scan buttonIlya Shmorgun
  • 8. Testing• Purpose – testing scenarios against draft prototypes and getting feedback on the interaction with the first designs• In the test session • Facilitator • Observer • “Human computer” • Participant
  • 9. Example