currently, snapit! is implemented on firefox.currently, snapit! is implemented on firefox

SNAPIT!

SAMRACH NOUV

(ME)

MAX LARUE

YIH SUN KHOO

OVERVIEW

PROBLEMS AND SOLUTIONS

MAJOR UI CHANGES

3 REPRESENTATIVE TASKS

DEMO OF 3 SCENARIOS

TOOLS AND ARCHITECTURE USED

LIMITATIONS OF CURRENT PROTOTYE &

TRADEOFFS

SUMMARY

OVERVIEW

PROBLEMS 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 ly, Snap I t ! i s imp lemented on F i re fox .

OVERVIEW

PROBLEMS 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

OVERVIEW

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

OVERVIEW

PROBLEMS 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)

OVERVIEW

PROBLEMS 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

OVERVIEW

PROBLEMS 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

OVERVIEW

PROBLEMS 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?