• Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,756
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
15
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