Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Piedra, papel, ipad

1,176 views

Published on

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

Published in: Design, Technology, Business
  • Be the first to comment

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/

×