Michael Ryanryaninteractive@gmail.com@ryaninteractive       Rock! Paper! iPad!        Comparing UX Tools on the iPad to Tr...
Benefits of Digital• Editable• Reusable elements• Searchable• Professional looking artifacts• Compact• Creates a record• Ex...
The Tasks• Take notes• Sketch• Create prototypes• Create flow diagrams• Create affinity diagrams• Read UX books and articles
Survey• 44 UX Pros• 36% have an iPad• 5/2/11 - 5/6/11• SurveyMonkey• iPad only tablet studied• Whiteboard = Paper
Rock! Paper! iPad!
1. Take Notes80%60%40%20%0%      Daily   Weekly       Rarely   Never               Frequency
1. Take NotesPreferred Tools
Rock (PC): Word
Paper: Notebook                  (Ealanta, 2011)
iPad: Evernote
1. Take Notes      Preferred Medium50%38%25%13%0%        Rock (PC)     Paper   iPad   Other   N/A
2. Sketch50%38%25%13%0%      Daily    Weekly       Rarely   Never                Frequency
2. SketchPreferred Tools
Rock (PC): Balsamiq Mockups                              (Anderson, 2011)
Paper: Sketchbook                    (Robb, 2011)
SketchyPad       Ideas        Sketchpad           Paper Desk        iDraw      Draft           SketchBook           PhotoS...
iPad: Penultimate
2. Sketch      Preferred Medium80%60%40%20%0%        Rock (PC)   Paper   iPad   Other   N/A
3. Create Prototypes50%38%25%13%0%        Daily   Weekly       Rarely   Never                 Frequency
3. Create PrototypesPreferred Tools
Rock (PC): Axure
Paper: Paper Prototyping                           (Rivera, Lin, & Iki, 2011)
Omnigraffle   iMockups                            KeynoteiPad: Various                                 (Sharps, 2011)      ...
3. Create Prototypes      Preferred Medium90%68%45%23%0%        Rock (PC)   Paper    iPad   Other   N/A
4. Create Flow Diagrams60%45%30%15%0%      Daily   Weekly       Rarely   Never               Frequency
4. Create Flow DiagramsPreferred Tools
Rock (PC): Visio
Paper: Flipchart/Whiteboard                              (Gray, Brown, & Macanufo, 2011)
iPad: iThoughts
4. Create Flow Diagrams      Preferred Medium80%60%40%20%0%        Rock (PC)   Paper   iPad   Other   N/A
5. Create Affinity Diagrams 60% 45% 30% 15% 0%       Daily   Weekly       Rarely   Never                Frequency
5. Create Affinity DiagramsPreferred Tools
Rock (PC): Edistorm
Paper: Sticky Notes                      (Glover, 2011)
iPad: Infinote
5. Create Affinity Diagrams      Preferred Medium50%38%25%13%0%        Rock (PC)   Paper    iPad   Other   N/A
6. Read UX Books/Articles 70% 53% 35% 18% 0%       Daily   Weekly       Rarely   Never                Frequency
6. Read UX Books/ArticlesPreferred Tools
Rock (PC): Google Reader
Paper: Books and Journals
iPad: Flipboard
6. Read UX Books/Articles      Preferred Medium50%38%25%13%0%        Rock (PC)   Paper   iPad   Other   N/A
The Winner
You!Each medium has its own strengths.       Pick what works.
Rock (PC) is good for...• "Note taking - quick typing"• "Prototypes and flowcharts, as they are more complex  in nature and...
Paper is good for...• "Early diagrams and sketches... because they allow you to  create your concepts on the fly without ha...
iPad is good for...• "Dont know"• "Pretending that you are doing something profound when you  havent a clue"• Entertainmen...
The iPad at 1...          (Paine, 2011)
Thank you.             Michael Ryan             ryaninteractive@gmail.com             @ryaninteractive
Appendix: References• Anderson, R. (2011). Review: Balsamiq Mockups. Dreaming in Javascript. Retrieved May 7, 2011, from h...
Piedra, papel, ipad
Upcoming SlideShare
Loading in …5
×

Piedra, papel, ipad

1,097 views
1,029 views

Published on

Extraordinaria presentaciòn sobre los cambios en el soporte de los libros

Published in: Design, Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,097
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Piedra, papel, ipad

  1. 1. Michael Ryanryaninteractive@gmail.com@ryaninteractive Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods
  2. 2. Benefits of Digital• Editable• Reusable elements• Searchable• Professional looking artifacts• Compact• Creates a record• Expands your brain• Easy to share• Green
  3. 3. The Tasks• Take notes• Sketch• Create prototypes• Create flow diagrams• Create affinity diagrams• Read UX books and articles
  4. 4. Survey• 44 UX Pros• 36% have an iPad• 5/2/11 - 5/6/11• SurveyMonkey• iPad only tablet studied• Whiteboard = Paper
  5. 5. Rock! Paper! iPad!
  6. 6. 1. Take Notes80%60%40%20%0% Daily Weekly Rarely Never Frequency
  7. 7. 1. Take NotesPreferred Tools
  8. 8. Rock (PC): Word
  9. 9. Paper: Notebook (Ealanta, 2011)
  10. 10. iPad: Evernote
  11. 11. 1. Take Notes Preferred Medium50%38%25%13%0% Rock (PC) Paper iPad Other N/A
  12. 12. 2. Sketch50%38%25%13%0% Daily Weekly Rarely Never Frequency
  13. 13. 2. SketchPreferred Tools
  14. 14. Rock (PC): Balsamiq Mockups (Anderson, 2011)
  15. 15. Paper: Sketchbook (Robb, 2011)
  16. 16. SketchyPad Ideas Sketchpad Paper Desk iDraw Draft SketchBook PhotoShop Penultimate BoxWaveiPad: Many Apps
  17. 17. iPad: Penultimate
  18. 18. 2. Sketch Preferred Medium80%60%40%20%0% Rock (PC) Paper iPad Other N/A
  19. 19. 3. Create Prototypes50%38%25%13%0% Daily Weekly Rarely Never Frequency
  20. 20. 3. Create PrototypesPreferred Tools
  21. 21. Rock (PC): Axure
  22. 22. Paper: Paper Prototyping (Rivera, Lin, & Iki, 2011)
  23. 23. Omnigraffle iMockups KeynoteiPad: Various (Sharps, 2011) (Seto, 2011)     (Villamor, 2011)
  24. 24. 3. Create Prototypes Preferred Medium90%68%45%23%0% Rock (PC) Paper iPad Other N/A
  25. 25. 4. Create Flow Diagrams60%45%30%15%0% Daily Weekly Rarely Never Frequency
  26. 26. 4. Create Flow DiagramsPreferred Tools
  27. 27. Rock (PC): Visio
  28. 28. Paper: Flipchart/Whiteboard (Gray, Brown, & Macanufo, 2011)
  29. 29. iPad: iThoughts
  30. 30. 4. Create Flow Diagrams Preferred Medium80%60%40%20%0% Rock (PC) Paper iPad Other N/A
  31. 31. 5. Create Affinity Diagrams 60% 45% 30% 15% 0% Daily Weekly Rarely Never Frequency
  32. 32. 5. Create Affinity DiagramsPreferred Tools
  33. 33. Rock (PC): Edistorm
  34. 34. Paper: Sticky Notes (Glover, 2011)
  35. 35. iPad: Infinote
  36. 36. 5. Create Affinity Diagrams Preferred Medium50%38%25%13%0% Rock (PC) Paper iPad Other N/A
  37. 37. 6. Read UX Books/Articles 70% 53% 35% 18% 0% Daily Weekly Rarely Never Frequency
  38. 38. 6. Read UX Books/ArticlesPreferred Tools
  39. 39. Rock (PC): Google Reader
  40. 40. Paper: Books and Journals
  41. 41. iPad: Flipboard
  42. 42. 6. Read UX Books/Articles Preferred Medium50%38%25%13%0% Rock (PC) Paper iPad Other N/A
  43. 43. The Winner
  44. 44. You!Each medium has its own strengths. Pick what works.
  45. 45. Rock (PC) is good for...• "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"
  46. 46. Paper 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
  47. 47. iPad is good for...• "Dont know"• "Pretending that you are doing something profound when you havent a clue"• Entertainment: Angry Birds, Netflix, Social Media• "Sketching on site"• "Note taking is great on iPad because its 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"
  48. 48. The iPad at 1... (Paine, 2011)
  49. 49. Thank you. Michael Ryan ryaninteractive@gmail.com @ryaninteractive
  50. 50. 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 Garrets 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: OReilly• 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/

×