SNAPIT!

SAMRACH NOUV

(ME)

MAX LARUE

YIH SUN KHOO

OVERVIEWPROBLEMS AND SOLUTIONS

MAJOR UI CHANGES

3 REPRESENTATIVE TASKS

DEMO OF 3 SCENARIOS

TOOLS AND ARCHITECTURE USED

LIMITATIONS OF CURRENT PROTOTYE &

TRADEOFFS

SUMMARY

OVERVIEWPROBLEMS AND SOLUTIONS

MAJOR UI CHANGES

3 REPRESENTATIVE TASKS

DEMO OF 3 SCENARIOS

TOOLS AND ARCHITECTURE USED

LIMITATIONS OF CURRENT PROTOTYE

&TRADEOFFS

SUMMARY

THE PROBLEM

It is really hard! to come up with an algorithm to

accurately label images.

The Solution

…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.

Target platform:IphoneCur rent l y, Snap I t ! i s imp lemented on F i re fox .

OVERVIEWPROBLEMS AND SOLUTIONS

MAJOR UI CHANGES

3 REPRESENTATIVE TASKS

DEMO OF 3 SCENARIOS

TOOLS AND ARCHITECTURE USED

LIMITATIONS OF CURRENT PROTOTYE

&TRADEOFFS

SUMMARY

WHAT WE CHANGED:

0

MAIN LOGIN

After H.E.(H2.10) help and documentation

WHAT WE CHANGED:

0

GUESSER’S INTERFACE

Status line was added to to let user know what is

going on

WHAT WE CHANGED:

0

GUESSER’S INTERFACE

Used to be “RND” After H.E. (H2.2) Match system & real..

Changed to Round

WHAT WE CHANGED:

0

SNAPPER’S INTERFACE

0

WHAT WE CHANGED:SNAPPER’S INTERFACE

0

Initially, it was Exit but was changed to Home to

avoid confusion

WHAT WE CHANGED:

0

READY ROOM

During usability test, one participant recommended

to have tips box

WHAT WE CHANGED:

0

INVITE FRIEND

Instead of asking for password, need only

friend’s email

OVERVIEWPROBLEMS AND SOLUTIONS

MAJOR UI CHANGES

3 REPRESENTATIVE TASKS

DEMO OF 3 SCENARIOS

TOOLS AND ARCHITECTURE USED

LIMITATIONS OF CURRENT PROTOTYE

&TRADEOFFS

SUMMARY

THREE TASKS

1. SIGN UP AS A NEW USER

2. FINISH A ROUND AS A

GUESSER

3. FINISH A ROUND AS A

SNAPPER

COMPLETE THE STEPS NECESSARY

TO…

OVERVIEWPROBLEMS AND SOLUTIONS

MAJOR UI CHANGES

3 REPRESENTATIVE TASKS

DEMO OF 3 SCENARIOS

TOOLS AND ARCHITECTURE USED

LIMITATIONS OF CURRENT PROTOTYE

&TRADEOFFS

SUMMARY

Scenarios 1John 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 2 & 3Max is a registered user. He is going to play one round as guesser(scenario 2) and play one round as a snapper (scenario 3)

OVERVIEWPROBLEMS AND SOLUTIONS

MAJOR UI CHANGES

3 REPRESENTATIVE TASKS

DEMO OF 3 SCENARIOS

TOOLS AND ARCHITECTURE USED

LIMITATIONS OF CURRENT PROTOTYE

&TRADEOFFS

SUMMARY

Tools used-JSEclipse-Adobe Photoshop

Architecture-AJAX-XML-CSS

Architecture diagram

Javascript

Hmtl

XML

Current Implementation Ideal Implementation

Hmtl

Javascript

db

Web

server

Input Partially render

HTTP::XML request HTTP::XML response

Input Partially render

Sever request

Sever response

SQL

dataset

OVERVIEWPROBLEMS AND SOLUTIONS

MAJOR UI CHANGES

3 REPRESENTATIVE TASKS

DEMO OF 3 SCENARIOS

TOOLS AND ARCHITECTURE USED

LIMITATIONS OF CURRENT PROTOTYE &

TRADEOFF

SUMMARY

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

OVERVIEWPROBLEMS AND SOLUTIONS

MAJOR UI CHANGES

3 REPRESENTATIVE TASKS

DEMO OF 3 SCENARIOS

TOOLS AND ARCHITECTURE USED

LIMITATIONS OF CURRENT PROTOTYE

&TRADEOFFS

SUMMARY

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.

Q?