Upload
darby
View
51
Download
0
Tags:
Embed Size (px)
DESCRIPTION
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 - PowerPoint PPT Presentation
Citation preview
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?