piedra, papel, ipad
DESCRIPTION
Extraordinaria presentaciòn sobre los cambios en el soporte de los librosTRANSCRIPT
Michael [email protected]@ryaninteractive
Comparing UX Tools on the iPad to Traditional Methods
Rock! Paper! iPad!
• Editable
• Reusable elements
• Searchable
• Professional looking artifacts
• Compact
• Creates a record
• Expands your brain
• Easy to share
• Green
Benefits of Digital
• Take notes
• Sketch
• Create prototypes
• Create flow diagrams
• Create affinity diagrams
• Read UX books and articles
The Tasks
• 44 UX Pros
• 36% have an iPad
• 5/2/11 - 5/6/11
• SurveyMonkey
• iPad only tablet studied
• Whiteboard = Paper
Survey
Rock! Paper! iPad!
0%
20%
40%
60%
80%
Daily Weekly Rarely Never
1. Take Notes
Frequency
Preferred Tools1. Take Notes
Rock (PC): Word
Paper: Notebook
(Ealanta, 2011)
iPad: Evernote
0%
13%
25%
38%
50%
Rock (PC) Paper iPad Other N/A
Preferred Medium1. Take Notes
0%
13%
25%
38%
50%
Daily Weekly Rarely Never
2. Sketch
Frequency
Preferred Tools2. Sketch
Rock (PC): Balsamiq Mockups
(Anderson, 2011)
Paper: Sketchbook
(Robb, 2011)
iPad: Many Apps
Penultimate
Ideas
Paper Desk
SketchBook
iDraw Draft
Sketchpad
PhotoShop
SketchyPad
BoxWave
iPad: Penultimate
0%
20%
40%
60%
80%
Rock (PC) Paper iPad Other N/A
Preferred Medium2. Sketch
0%
13%
25%
38%
50%
Daily Weekly Rarely Never
3. Create Prototypes
Frequency
Preferred Tools3. Create Prototypes
Rock (PC): Axure
Paper: Paper Prototyping
(Rivera, Lin, & Iki, 2011)
iPad: Various
Omnigraffle iMockups
Keynote
(Sharps, 2011) (Seto, 2011) (Villamor, 2011)
Preferred Medium
0%
23%
45%
68%
90%
Rock (PC) Paper iPad Other N/A
3. Create Prototypes
0%
15%
30%
45%
60%
Daily Weekly Rarely Never
4. Create Flow Diagrams
Frequency
Preferred Tools4. Create Flow Diagrams
Rock (PC): Visio
Paper: Flipchart/Whiteboard
(Gray, Brown, & Macanufo, 2011)
iPad: iThoughts
0%
20%
40%
60%
80%
Rock (PC) Paper iPad Other N/A
Preferred Medium4. Create Flow Diagrams
0%
15%
30%
45%
60%
Daily Weekly Rarely Never
5. Create Affinity Diagrams
Frequency
Preferred Tools5. Create Affinity Diagrams
Rock (PC): Edistorm
Paper: Sticky Notes
(Glover, 2011)
iPad: Infinote
Preferred Medium5. Create Affinity Diagrams
0%
13%
25%
38%
50%
Rock (PC) Paper iPad Other N/A
0%
18%
35%
53%
70%
Daily Weekly Rarely Never
6. Read UX Books/Articles
Frequency
Preferred Tools6. Read UX Books/Articles
Rock (PC): Google Reader
Paper: Books and Journals
iPad: Flipboard
0%
13%
25%
38%
50%
Rock (PC) Paper iPad Other N/A
Preferred Medium6. Read UX Books/Articles
The Winner
You!
Each medium has its own strengths.Pick what works.
• "Note taking - quick typing"
• "Prototypes and flowcharts, as they are more complex in nature and need complex software to support/update"
• "Detail design work and complicated design. It is easier to make changes and to keep the design clean"
• "Where you need to reuse elements a lot"
• "When I want to show my work to senior management… share my work with remote teams"
Rock (PC) is good for...
• "Early diagrams and sketches... because they allow you to create your concepts on the fly without having to struggle with software"
• "Things that need to be fast, easily discardable / changeable"
• "Flow diagrams, prototyping... general analysis. You can get your ideas down much more quickly in a format that can be viewed... by many - allows for better collaboration"
• "Anything collaborative... all participants can contribute on equal ground"
• Reading long form text
Paper is good for...
• "Don't know"
• "Pretending that you are doing something profound when you haven't a clue"
• Entertainment: Angry Birds, Netflix, Social Media
• "Sketching on site"
• "Note taking is great on iPad because it's always with me, and I can transfer my notes to any computer"
• "Article reading... because I can squeeze it in while waiting for meetings to start, on the couch, traveling, etc.
• "...a lot of potential on the research side of our work"
iPad is good for...
The iPad at 1...
(Paine, 2011)
Appendix: References• Anderson, R. (2011). Review: Balsamiq Mockups. Dreaming in Javascript. Retrieved May 7, 2011, from http://
dreaminginjavascript.wordpress.com/2008/12/14/review-balsamiq-mockups/
• Ealanta, C. (2011). UX Australia – Wee notepad. Rook in the Garret's Blog. Retrieved May 7, 2011, from http://rookinthegarret.wordpress.com/
• Glover, B. (2011). Affinity Diagrams. Fluid. Retrieved May 7, 2011, from http://wiki.fluidproject.org/display/fluid/Affinity+Diagrams
• Gray, D., Brown, S., & Macanufo, J. (2010).Gamestorming: A playbook for innovators, rulebreakers, and changemakers. Beijing: O'Reilly
• Paine, S. (2011). Baby Sees The iPad Magic. Flickr. Retrieved May 21, 2009, from http://www.flickr.com/photos/umpcportal/4581962986/
• Rivera, J., Lin, M., & Ikiz, B. (2011). Paper Prototyping. Team 4. Retrieved May 7, 2011, from http://www.uxbooth.com/blog/tools-for-sketching-user-experiences/
• Robb, J. (2011). Tools for Sketching User Experiences. UX Booth. Retrieved May 7, 2011, from http://www.uxbooth.com/blog/tools-for-sketching-user-experiences/
• Seto, K. (2011). Sneak peak at our awesome iMockups template for subscribers. Endloop Blog. Retrieved May 7, 2011, from http://blog.endloop.ca/blog
• Sharps, L. (2011). Using OmniGraffle for iPad as a wireframing tool. The Omni Mouth. Retrieved May 7, 2011, from http://www.omnigroup.com/blog/entry/using_omnigraffle_for_ipad_as_a_wireframing_tool_new_video_posted/
• Villamor, C. (2011). How to Create iPad Prototypes Using Keynote for iPad. Cvil.ly. Retrieved May 7, 2011, from http://cvil.ly/2010/05/16/creating-ipad-prototypes-on-the-ipad/