Download - Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Transcript
Page 1: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Michael [email protected]@ryaninteractive

Comparing UX Tools on the iPad to Traditional Methods

Rock! Paper! iPad!

Page 2: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods
Page 3: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

• Editable

• Reusable elements

• Searchable

• Professional looking artifacts

• Compact

• Creates a record

• Expands your brain

• Easy to share

• Green

Benefits of Digital

Page 4: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

• Take notes

• Sketch

• Create prototypes

• Create flow diagrams

• Create affinity diagrams

• Read UX books and articles

The Tasks

Page 5: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

• 44 UX Pros

• 36% have an iPad

• 5/2/11 - 5/6/11

• SurveyMonkey

• iPad only tablet studied

• Whiteboard = Paper

Survey

Page 6: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Rock! Paper! iPad!

Page 7: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

0%

20%

40%

60%

80%

Daily Weekly Rarely Never

1. Take Notes

Frequency

Page 8: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Preferred Tools1. Take Notes

Page 9: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Rock (PC): Word

Page 10: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Paper: Notebook

(Ealanta, 2011)

Page 11: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

iPad: Evernote

Page 12: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

0%

13%

25%

38%

50%

Rock (PC) Paper iPad Other N/A

Preferred Medium1. Take Notes

Page 13: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

0%

13%

25%

38%

50%

Daily Weekly Rarely Never

2. Sketch

Frequency

Page 14: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Preferred Tools2. Sketch

Page 15: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Rock (PC): Balsamiq Mockups

(Anderson, 2011)

Page 16: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Paper: Sketchbook

(Robb, 2011)

Page 17: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

iPad: Many Apps

Penultimate

Ideas

Paper Desk

SketchBook

iDraw Draft

Sketchpad

PhotoShop

SketchyPad

BoxWave

Page 18: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

iPad: Penultimate

Page 19: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

0%

20%

40%

60%

80%

Rock (PC) Paper iPad Other N/A

Preferred Medium2. Sketch

Page 20: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

0%

13%

25%

38%

50%

Daily Weekly Rarely Never

3. Create Prototypes

Frequency

Page 21: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Preferred Tools3. Create Prototypes

Page 22: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Rock (PC): Axure

Page 23: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Paper: Paper Prototyping

(Rivera, Lin, & Iki, 2011)

Page 24: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

iPad: Various

Omnigraffle iMockups

Keynote

(Sharps, 2011) (Seto, 2011)    (Villamor, 2011)

Page 25: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Preferred Medium

0%

23%

45%

68%

90%

Rock (PC) Paper iPad Other N/A

3. Create Prototypes

Page 26: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

0%

15%

30%

45%

60%

Daily Weekly Rarely Never

4. Create Flow Diagrams

Frequency

Page 27: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Preferred Tools4. Create Flow Diagrams

Page 28: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Rock (PC): Visio

Page 29: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Paper: Flipchart/Whiteboard

(Gray, Brown, & Macanufo, 2011)

Page 30: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

iPad: iThoughts

Page 31: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

0%

20%

40%

60%

80%

Rock (PC) Paper iPad Other N/A

Preferred Medium4. Create Flow Diagrams

Page 32: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

0%

15%

30%

45%

60%

Daily Weekly Rarely Never

5. Create Affinity Diagrams

Frequency

Page 33: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Preferred Tools5. Create Affinity Diagrams

Page 34: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Rock (PC): Edistorm

Page 35: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Paper: Sticky Notes

(Glover, 2011)

Page 36: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

iPad: Infinote

Page 37: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Preferred Medium5. Create Affinity Diagrams

0%

13%

25%

38%

50%

Rock (PC) Paper iPad Other N/A

Page 38: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

0%

18%

35%

53%

70%

Daily Weekly Rarely Never

6. Read UX Books/Articles

Frequency

Page 39: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Preferred Tools6. Read UX Books/Articles

Page 40: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Rock (PC): Google Reader

Page 41: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Paper: Books and Journals

Page 42: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

iPad: Flipboard

Page 43: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

0%

13%

25%

38%

50%

Rock (PC) Paper iPad Other N/A

Preferred Medium6. Read UX Books/Articles

Page 44: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

The Winner

Page 45: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

You!

Each medium has its own strengths.Pick what works.

Page 46: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

• "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...

Page 47: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

• "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...

Page 48: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

• "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...

Page 49: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

The iPad at 1...

(Paine, 2011)

Page 50: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

Thank you.

Michael [email protected]@ryaninteractive

Page 51: Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

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/