1 / 27

S NAP I T !

S NAP I T !. S AMRACH N OUV (ME) M AX L A R UE Y IH S UN K HOO. P ROBLEMS AND SOLUTIONS M AJOR UI CHANGES 3 REPRESENTATIVE TASKS D EMO OF 3 SCENARIOS T OOLS AND ARCHITECTURE USED L IMITATIONS OF CURRENT PROTOTYE & TRADEOFFS S UMMARY. O VERVIEW. P ROBLEMS AND SOLUTIONS

darby
Download Presentation

S NAP I T !

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. SNAPIT! • SAMRACH NOUV (ME) • MAX LARUE • YIH SUN KHOO

  2. PROBLEMS AND SOLUTIONS • MAJOR UI CHANGES • 3 REPRESENTATIVE TASKS • DEMO OF 3 SCENARIOS • TOOLS AND ARCHITECTURE USED • LIMITATIONS OF CURRENT PROTOTYE & TRADEOFFS • SUMMARY OVERVIEW

  3. PROBLEMS AND SOLUTIONS • MAJOR UI CHANGES • 3 REPRESENTATIVE TASKS • DEMO OF 3 SCENARIOS • TOOLS AND ARCHITECTURE USED • LIMITATIONS OF CURRENT PROTOTYE &TRADEOFFS • SUMMARY OVERVIEW

  4. THE PROBLEM It is really hard! to come up with an algorithm to accurately label images.

  5. …To use game as incentive to get people to play the game and at the same time get them to employ their exceptional human computing power to accurately label images with descriptive words. The Solution

  6. Iphone Currently, SnapIt! is implemented on Firefox. Target platform:

  7. PROBLEMS AND SOLUTIONS • MAJOR UI CHANGES • 3REPRESENTATIVE TASKS • DEMO OF 3 SCENARIOS • TOOLS AND ARCHITECTURE USED • LIMITATIONS OF CURRENT PROTOTYE &TRADEOFFS • SUMMARY OVERVIEW

  8. WHAT WE CHANGED: • MAIN LOGIN 0 After H.E.(H2.10) help and documentation

  9. WHAT WE CHANGED: Status line was added to to let user know what is going on • GUESSER’S INTERFACE 0

  10. WHAT WE CHANGED: • GUESSER’S INTERFACE Used to be “RND” After H.E. (H2.2) Match system & real.. Changed to Round 0

  11. WHAT WE CHANGED: • SNAPPER’S INTERFACE 0 0

  12. WHAT WE CHANGED: • SNAPPER’S INTERFACE 0 Initially, it was Exit but was changed to Hometo avoidconfusion

  13. WHAT WE CHANGED: During usability test, one participant recommended to have tips box • READY ROOM 0

  14. WHAT WE CHANGED: • INVITE FRIEND 0 Instead of asking for password, need only friend’s email

  15. PROBLEMS AND SOLUTIONS • MAJOR UI CHANGES • 3 REPRESENTATIVE TASKS • DEMO OF 3 SCENARIOS • TOOLS AND ARCHITECTURE USED • LIMITATIONS OF CURRENT PROTOTYE &TRADEOFFS • SUMMARY OVERVIEW

  16. COMPLETE THE STEPS NECESSARY TO… THREE TASKS • 1. SIGN UP AS A NEW USER • 2. FINISH A ROUND AS A GUESSER • 3. FINISH A ROUND AS A SNAPPER

  17. PROBLEMS AND SOLUTIONS • MAJOR UI CHANGES • 3REPRESENTATIVE TASKS • DEMO OF 3 SCENARIOS • TOOLS AND ARCHITECTURE USED • LIMITATIONS OF CURRENT PROTOTYE &TRADEOFFS • SUMMARY OVERVIEW

  18. John always login as a guest, but after playing SnapIt! for a while, he became really good at it. Now, to keep track his score ,he decides to create a new SnapIt! account for himself. Scenarios 1

  19. Max is a registered user. He is going to play one round as guesser(scenario 2) and play one round as a snapper (scenario 3) Scenarios 2 & 3

  20. PROBLEMS AND SOLUTIONS • MAJOR UI CHANGES • 3 REPRESENTATIVE TASKS • DEMO OF 3 SCENARIOS • TOOLS AND ARCHITECTURE USED • LIMITATIONS OF CURRENT PROTOTYE &TRADEOFFS • SUMMARY OVERVIEW

  21. Tools used -JSEclipse -Adobe Photoshop • Architecture • -AJAX • -XML • -CSS

  22. Architecture diagram Ideal Implementation Current Implementation Sever request Web server SQL db XML dataset Sever response HTTP::XML request HTTP::XML response Javascript Javascript Input Input Partially render Partially render Hmtl Hmtl

  23. PROBLEMS AND SOLUTIONS • MAJOR UI CHANGES • 3 REPRESENTATIVE TASKS • DEMO OF 3 SCENARIOS • TOOLS AND ARCHITECTURE USED • LIMITATIONS OF CURRENT PROTOTYE & TRADEOFF • SUMMARY OVERVIEW

  24. Limitation -cannot calculate word-value (because there is no database.) -Website is not completely dynamic (same images, same keywords…) -Lack of real interactive experience (Only one player can be a real user and other players are simulation) • Tradeoff • -Had more time to focus on interface design

  25. PROBLEMS AND SOLUTIONS • MAJOR UI CHANGES • 3 REPRESENTATIVE TASKS • DEMO OF 3 SCENARIOS • TOOLS AND ARCHITECTURE USED • LIMITATIONS OF CURRENT PROTOTYE &TRADEOFFS • SUMMARY OVERVIEW

  26. SUMMARY Heuristic evaluation helped my team discover some of UI design’s flaws that we did not spot during usability testing. When you play SnapIt!, you aren't just having fun, at the same time, you are optimizing image search engines.

  27. Q?

More Related