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

of 51 /51
Michael Ryan [email protected] @ryaninteractive Comparing UX Tools on the iPad to Traditional Methods Rock! Paper! iPad!

description

Digital tools offer many advantages over traditional paper methods, but paper is generally preferred for its convenience. Apple’s iPad offers a form factor and interaction model which is more convenient than PCs for some tasks allowing it to challenge paper methods and realize the full benefits of digital tools. Since April of 2011 I have been substituting paper and PC tasks for iPad tools on many UX activities in my position as an Interaction Designer. I found that the iPad offers a viable alternative for many UX tasks and has become my preferred method for some. Other tasks are more effective using paper or software in a PC environment. This session will summarize these experiences, report survey results of iPad usage by UX professionals and compare the advantages and disadvantages of paper, PCs and the iPad.

Transcript of Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods

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/