optimizing mobile ux design webinar presentation slides

48
Webinar: Optimizing Mobile UX Design With Special Guest & Partner: September 29th, 2011

Upload: userzoom

Post on 28-Jan-2015

109 views

Category:

Technology


1 download

DESCRIPTION

Optimizing Mobile UX Design: Webinar on Mobile User Experience Research Methods & ToolsMost businesses are investing in mobile apps and mobile commerce. Recently, more emphasis has been placed on the interactive experiences users have on mobile devicesTo explain how to optimize the user experience on mobile interfaces, UserZoom will be joined by special guest User Centric in a complimentary webinar. The webinar will focus on how user experience research methods and tools can add extremely valuable insights into the design process and help brands optimize their mobile site or application’s performance. Attendees will hear presentations from the following experts:Gavin Lew, Managing Director, User CentricGavin’s 20 years of experience in corporate and academic environments have given him a strong foundation in user-centered design and evaluation. In addition to managing User Centric, he holds particular expertise in mobile technology, among other interests. He is a frequent presenter at national conferences, adjunct faculty member at DePaul University and Northwestern University’s Feinberg School of Medicine, and the inventor of several patents.Kim Oslob, UserZoom Director of Client ServicesKim has extensive experience with both qualitative and quantitative UX Research through her work at Claris (now Filemaker), Macromedia (now Adobe) and VistoCorp (now Good). She has managed projects with companies in the mobile space such as Vodafone, Nokia, Sprint, and Roger’s Wireless to improve the user experience of over 10 different mobile operating systems.

TRANSCRIPT

Page 1: Optimizing Mobile UX Design Webinar Presentation Slides

Webinar:

Optimizing Mobile UX Design

With Special Guest & Partner:

September 29th, 2011

Page 2: Optimizing Mobile UX Design Webinar Presentation Slides

Webinar Overview

1. Introductions & Goals (5 min)

2. Why is Mobile UX Research so important? (5 min)

3. Common mobile interface design goals and types of research should you be doing to meet them (10 min)

4. How-to on 2 types of studies:

a) Qualitative: In-lab usability testing (15 min)

b) Quantitative: Remote Testing (15 min)

5. Q&A & wrap up (10 min)

Page 3: Optimizing Mobile UX Design Webinar Presentation Slides

Introductions

Alfonso de la Nuez

Co-Founder, Co-CEO

at UserZoom

Gavin Lew

MD at

User Centric

Kim Oslob

Dtor. Client Services

at UserZoom

Page 4: Optimizing Mobile UX Design Webinar Presentation Slides

About UserZoom

Leading SaaS company specializing in Online UX Research

We help businesses create excellent user experiences for Web and Mobile Apps

Our software solution includes 8 different tools to run UX research

Around for about 9 years, offices in Sunnyvale (CA), Cheshire (UK) and Barcelona (Spain)

Work with 50% of Fortune Magazine’s 50 Most Admired Companies

Page 5: Optimizing Mobile UX Design Webinar Presentation Slides

About User Centric

User Experience Research Firm– Human factors in

telecommunications

– Consulting practice for over 10 years

– Focus on user-centered design

Typical Year Involves– 150+ client engagements in 2010

– Sample sizes range from N = 7 to 190

– Approx 3,500 participant hours of data collection last 18 months

Offices– Oakbrook Terrace, IL (4 testing labs)

– Chicago, IL (6-7 testing labs)

– Atlanta, GA (2 testing labs)

Mobile Experience

3 major wireless operators

6 wireless device manufacturers

5+ wireless 3rd party app providers

200+mobile projects

5000+participant hours

in the last few years

Page 6: Optimizing Mobile UX Design Webinar Presentation Slides

Intro: Webinar Goals

WHY is research important for Mobile UX Design?

WHAT are the different types of design goals? What research methods meet each of those goals?

HOW to go about Mobile UX research

Page 7: Optimizing Mobile UX Design Webinar Presentation Slides

Why is Mobile UX Research so important?

Page 8: Optimizing Mobile UX Design Webinar Presentation Slides

After Decades of Hype, Convergence is Here

Page 9: Optimizing Mobile UX Design Webinar Presentation Slides

Why is Mobile UX Research so important?

78.5 million people in the U.S. (40%) own a Smartphone as of June 2011 (comScore)

– 70 send text messages

– 40% browse the mobile web

– 40% download applications

Page 10: Optimizing Mobile UX Design Webinar Presentation Slides

Beyond the PC…

By 2015, 82 million US consumers (1/3 of US online consumers) will be using a tablet (Forrester)

Desktop experience ≠ mobile experience– Experience must be optimized for

mobile

Good design does not happen overnight

Page 11: Optimizing Mobile UX Design Webinar Presentation Slides

Beyond the PC…

By 2015, 82 million US consumers (1/3 of US online consumers) will be using a tablet (Forrester)

Desktop experience ≠ mobile experience– Experience must be optimized for

mobile

Now, one can argue this is simply new

technology and it needs to be integrated…

Page 13: Optimizing Mobile UX Design Webinar Presentation Slides

She Assumes Steam…

Page 14: Optimizing Mobile UX Design Webinar Presentation Slides

A Team Approach + UX Research = Success

Design requires a team approach

Balance organizational, user and technical issues into projects

Every design should be a team effort:

Meet business objectives Optimize user performance Meet needs of customers All within the capabilities of

technology

Goal: Expand the "sweet spot"

Page 15: Optimizing Mobile UX Design Webinar Presentation Slides

Wrist Watches Will Always Be Fashionable

Page 16: Optimizing Mobile UX Design Webinar Presentation Slides

Mobile Devices Replace Watches / Alarms

Page 17: Optimizing Mobile UX Design Webinar Presentation Slides

We should strive to “shape” behavior

Page 18: Optimizing Mobile UX Design Webinar Presentation Slides

Let’s take a poll now!

Page 19: Optimizing Mobile UX Design Webinar Presentation Slides

How-to on 2 types of studies:

a) Qualitative - In-lab usability testing

b) Quantitative - Remote ‘Unmoderated’ Testing

Page 20: Optimizing Mobile UX Design Webinar Presentation Slides

Different needs of information

DevicesClick area

ScrollDevice interaction

FieldSoundLight

ConnectionPayment method

UsageScenarios of use

Success

Context is King

Page 21: Optimizing Mobile UX Design Webinar Presentation Slides

Different methods for different purposes

Goal or need: ‘I want to know…’ Research method to be appliedWho are my visitors (profiling) • Online surveys / VoC

• Web Analytics• Ethnographic studies

My visitor’s intent (or purpose of the visit)

• Online surveys / True Intent

What users actually do when visiting my app & where they go

• Web Analytics

How users do what they do • Qualitative testing / In-lab usability testing• Remote Usability Testing• Contextual research

Why users do what they do – behavior analysis

• Qualitative testing / In-lab usability testing• Remote Usability Testing• Contextual research

Page 22: Optimizing Mobile UX Design Webinar Presentation Slides

Stimuli for mobile in-lab usability testing

Low Fidelity Prototypes– Paper prototyping

– HTML mockups

High Fidelity Prototypes– Digital interactive simulators on

computer

– Touch interactive simulators on computer

– Handset interactive simulators via web server

– Touch interactive simulators on the handset

Beta or post-launch stimuli

Sometimes a mix of above

Page 23: Optimizing Mobile UX Design Webinar Presentation Slides

History of mobile in-lab usability testing

Look over participant’s shoulder

Gadget cameras

Document cameras

HD Labs

UX iLab

Page 24: Optimizing Mobile UX Design Webinar Presentation Slides

Seeing is believing

Page 25: Optimizing Mobile UX Design Webinar Presentation Slides

Solving for glare

Page 26: Optimizing Mobile UX Design Webinar Presentation Slides

Common questions when testing for mobile [1 of 3]

Do I have to build a fully functional prototype to be able to test with users?

– No, fully functional prototype is not necessary

– Primary use cases and paths should be built out

– Secondary areas can be addressed via expectations (what would you expect to see if you clicked on that?)

– Show alternate versions of screens / paths

Page 27: Optimizing Mobile UX Design Webinar Presentation Slides

Common questions when testing for mobile [2 of 3]

Should we test with the user’s device or provide a device for testing?– Use their device

– Provide devices for testing

Benefits:

• Familiarity with device• Natural – contains their apps and data

Risks:

• Forget device (backup devices are needed)

• Different settings across devices (need additional time to ensure some consistency across device settings)

• Participants may not have unlimited data plan and may not want to use data

Benefits:

• Control device settings• No sessions will be lost if device is

forgotten• Minimal to no learning

Risks:

• Differences in experiences due to unique user settings will not be captured

Page 28: Optimizing Mobile UX Design Webinar Presentation Slides

Common questions when testing for mobile [3 of 3]

What devices / user groups should we include in testing?

– Representative sample - who (expected to) visits your site / uses your application?

– Touchscreen vs non-touchscreen users

Page 29: Optimizing Mobile UX Design Webinar Presentation Slides

Tips for designing mobile touch screen applications

1. Identify your audience– Experienced vs. novice

2. Design for context of use– How, where, when, and for

how long will your app be used?

3. Fine line between simplicity and laziness– Limited screen real estate ≠

lack of features

– Organize functionality and content into intuitive flows and structures

4. Use the platform as an advantage

1

2

3 4

Screenshot from Pulse

Photo credit: NY Times

Photo credit: www.lucidmessenger.com

Mint.com

Page 30: Optimizing Mobile UX Design Webinar Presentation Slides

Types of research we typically do / see

Page 31: Optimizing Mobile UX Design Webinar Presentation Slides

Ideally suited for core phone features / apps

Page 32: Optimizing Mobile UX Design Webinar Presentation Slides

Walk-up-and-use experiences tap frustration

Page 33: Optimizing Mobile UX Design Webinar Presentation Slides

Clear success using these methods

Page 34: Optimizing Mobile UX Design Webinar Presentation Slides

Where we cannot always get clear answers

Page 35: Optimizing Mobile UX Design Webinar Presentation Slides

Killer app: Not features, but “idle time” filler

Page 36: Optimizing Mobile UX Design Webinar Presentation Slides

b) Quantitative - Remote ‘Unmoderated’ Testing

Page 37: Optimizing Mobile UX Design Webinar Presentation Slides

What is Voice of Customer for Mobile

Real Customers Intercepted prior to their

navigation on entry to your site or app

Answer questions regarding their experience and satisfaction

User’s navigation and behavior may be collected

Examples: True intent studies, abandon studies, feedback tab…

Page 38: Optimizing Mobile UX Design Webinar Presentation Slides

Mobile True Intent Study

How it works…

Page 39: Optimizing Mobile UX Design Webinar Presentation Slides

How it works…

Page 40: Optimizing Mobile UX Design Webinar Presentation Slides

Business case:

Research on a mobile app for restaurant booking

Page 41: Optimizing Mobile UX Design Webinar Presentation Slides

Our client told us:

“We are worried because 55% of users abandon during the

reservation process and 50% on the restaurant page.

Can you help us understand why and improve it?”

Page 42: Optimizing Mobile UX Design Webinar Presentation Slides

We conducted the following study:

7 survey questions

Questions asked when closing the app

We tagged pages in order to validate users

answers

25% interception rate

Page 43: Optimizing Mobile UX Design Webinar Presentation Slides

What we asked:

What is the purpose of your visit?

Did you succeed? 

If not, which problems did you have when

booking? 

Please give us details about the problems

Are you male or female?  

Which is your age?

Would you recommend this app to a friend?

Page 44: Optimizing Mobile UX Design Webinar Presentation Slides

jHfhjfjhf1111111111111111

Results

Book a restaurant (users abandoned on the restaurant page)

53%47%

What did you intend to do in our site?

Booking a table in a restaurant

Others70%

30%

Did you succeed?

Yes

No

14%

16%

16%

22%

41%

0% 20% 40% 60%

OthersI am not sure about the final price

Problems to select the time, date, number of people, etc. I don t have enough information to book

I am looking for a better deal / I changed my mind

When booking a restaurant, what problems did you come across?

User profile

32%Male

0% 26%Under 25

years Between 25 and 35

years

74%Over 35

years

0%

Individual bookings

56%

Couple bookings

44%

Groups booking

68%Female

Page 45: Optimizing Mobile UX Design Webinar Presentation Slides

jHfhjfjhf111111111111111111

Book a restaurant (users abandoned during the booking)

91%

9%

How many people succeeded?

Yes

No

Technical problems with the site

I can´t cash in the vouchers

I had to log in

I am not sure about the final price

0% 5% 10% 15% 20% 25% 30% 35% 40% 45%

20%

20%

20%

40%

Did you miss any information?

User profile

32%Male

68%Female

6% 26%Under 25

yearsBetween 25-35

years

68%More than 25

years

0%Individual

booking

34%Couole booking

66%Groups booking

Page 46: Optimizing Mobile UX Design Webinar Presentation Slides

Book a restaurant (users abandoned in booking process)

Booking details

Booking details

Booking confirmation

Booking confirmation

Booking details

(flashMsg)

Booking details

(flashMsg)

OKOK

AbandonAbandon

OKOK

AbandonAbandon

46 (42%)

31 (28%)

2 (2%)

5 (4,5%)

FormForm

4 (4%)User formUser form

7 (6%)

7 (6%)

9 (8%)

Restaurant form

Restaurant form

User form (vouchers)User form (vouchers)

4 (4%)

3 (3%)

OKOK

AbandonAbandon

Participants have achieved their objective

Participants did NOT achieved their objective

This report does not include the navigation paths made by just one user

Page 47: Optimizing Mobile UX Design Webinar Presentation Slides

Q&A

Page 48: Optimizing Mobile UX Design Webinar Presentation Slides

UserZoom (USA)

440 N. Wolfe Rd. Sunnyvale,CA 94085 Phone: +1 (408) 524 7445 Contact: Alfonso de la [email protected]

User Centric

2 Trans Am Plaza Dr, Ste 100Oakbrook Terrace, IL 60181Contact: Gavin [email protected]

Thanks so much for your time!Check out our upcoming news and events at

www.userzoom.com www.usercentric.com