currently, snapit! is implemented on firefox.currently, snapit! is implemented on firefox
Post on 19-Dec-2015
216 views
TRANSCRIPT
![Page 1: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/1.jpg)
SNAPIT!
SAMRACH NOUV
(ME)
MAX LARUE
YIH SUN KHOO
![Page 2: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/2.jpg)
OVERVIEW
PROBLEMS AND SOLUTIONS
MAJOR UI CHANGES
3 REPRESENTATIVE TASKS
DEMO OF 3 SCENARIOS
TOOLS AND ARCHITECTURE USED
LIMITATIONS OF CURRENT PROTOTYE &
TRADEOFFS
SUMMARY
![Page 3: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/3.jpg)
OVERVIEW
PROBLEMS AND SOLUTIONS
MAJOR UI CHANGES
3 REPRESENTATIVE TASKS
DEMO OF 3 SCENARIOS
TOOLS AND ARCHITECTURE USED
LIMITATIONS OF CURRENT PROTOTYE
&TRADEOFFS
SUMMARY
![Page 4: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/4.jpg)
THE PROBLEM
It is really hard! to come up
with an algorithm to
accurately label images.
![Page 5: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/5.jpg)
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.
![Page 6: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/6.jpg)
Target platform:IphoneCur rent ly, Snap I t ! i s imp lemented on F i re fox .
![Page 7: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/7.jpg)
OVERVIEW
PROBLEMS AND SOLUTIONS
MAJOR UI CHANGES
3 REPRESENTATIVE TASKS
DEMO OF 3 SCENARIOS
TOOLS AND ARCHITECTURE USED
LIMITATIONS OF CURRENT PROTOTYE
&TRADEOFFS
SUMMARY
![Page 8: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/8.jpg)
WHAT WE CHANGED:
0
MAIN LOGIN
After H.E.(H2.10) help and documentation
![Page 9: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/9.jpg)
WHAT WE CHANGED:
0
GUESSER’S INTERFACE
Status line was added to to let user know what is
going on
![Page 10: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/10.jpg)
WHAT WE CHANGED:
0
GUESSER’S INTERFACE
Used to be “RND” After H.E. (H2.2) Match system & real..
Changed to Round
![Page 11: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/11.jpg)
WHAT WE CHANGED:
0
SNAPPER’S INTERFACE
0
![Page 12: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/12.jpg)
WHAT WE CHANGED:SNAPPER’S INTERFACE
0
Initially, it was Exit but was changed to Home to
avoid confusion
![Page 13: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/13.jpg)
WHAT WE CHANGED:
0
READY ROOM
During usability test, one participant recommended
to have tips box
![Page 14: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/14.jpg)
WHAT WE CHANGED:
0
INVITE FRIEND
Instead of asking for password, need only
friend’s email
![Page 15: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/15.jpg)
OVERVIEW
PROBLEMS AND SOLUTIONS
MAJOR UI CHANGES
3 REPRESENTATIVE TASKS
DEMO OF 3 SCENARIOS
TOOLS AND ARCHITECTURE USED
LIMITATIONS OF CURRENT PROTOTYE
&TRADEOFFS
SUMMARY
![Page 16: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/16.jpg)
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…
![Page 17: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/17.jpg)
OVERVIEW
PROBLEMS AND SOLUTIONS
MAJOR UI CHANGES
3 REPRESENTATIVE TASKS
DEMO OF 3 SCENARIOS
TOOLS AND ARCHITECTURE USED
LIMITATIONS OF CURRENT PROTOTYE
&TRADEOFFS
SUMMARY
![Page 18: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/18.jpg)
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.
![Page 19: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/19.jpg)
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)
![Page 20: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/20.jpg)
OVERVIEW
PROBLEMS AND SOLUTIONS
MAJOR UI CHANGES
3 REPRESENTATIVE TASKS
DEMO OF 3 SCENARIOS
TOOLS AND ARCHITECTURE USED
LIMITATIONS OF CURRENT PROTOTYE
&TRADEOFFS
SUMMARY
![Page 21: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/21.jpg)
Tools used
-JSEclipse-Adobe Photoshop
Architecture-AJAX-XML-CSS
![Page 22: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/22.jpg)
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
![Page 23: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/23.jpg)
OVERVIEW
PROBLEMS AND SOLUTIONS
MAJOR UI CHANGES
3 REPRESENTATIVE TASKS
DEMO OF 3 SCENARIOS
TOOLS AND ARCHITECTURE USED
LIMITATIONS OF CURRENT PROTOTYE &
TRADEOFF
SUMMARY
![Page 24: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/24.jpg)
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
![Page 25: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/25.jpg)
OVERVIEW
PROBLEMS AND SOLUTIONS
MAJOR UI CHANGES
3 REPRESENTATIVE TASKS
DEMO OF 3 SCENARIOS
TOOLS AND ARCHITECTURE USED
LIMITATIONS OF CURRENT PROTOTYE
&TRADEOFFS
SUMMARY
![Page 26: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/26.jpg)
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.
![Page 27: Currently, SnapIt! is implemented on Firefox.Currently, SnapIt! is implemented on Firefox](https://reader030.vdocuments.us/reader030/viewer/2022032703/56649d2c5503460f94a03034/html5/thumbnails/27.jpg)
Q?