Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox.
-
date post
19-Dec-2015 -
Category
Documents
-
view
216 -
download
0
Transcript of 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?