Find out why your users are leaving Alvin Chai, Netizen Testing

Copyright © 2014 Netizen Testing Sdn. Bhd. All rights reserved. This document is for internal use only and is not to be released to industry organisations, the media or any third parties without prior written consent from Netizen Testing Sdn. Bhd.

2

Topics To Be Covered Today 1. Introduction 2. Tool: Usability Testing 3. Case Studies 4. How to Prepare Test Plan 5. Conducting a User Test

Copyright © 2014 Netizen Testing Sdn. Bhd. All rights reserved. This document is for internal use only and is not to be released to industry organisations, the media or any third parties without prior written consent from Netizen Testing Sdn. Bhd.

3

Website Traffic Analytics

Copyright © 2014 Netizen Testing Sdn. Bhd. All rights reserved. This document is for internal use only and is not to be released to industry organisations, the media or any third parties without prior written consent from Netizen Testing Sdn. Bhd.

4

Why Are Users Not Converting?

Difference Between Testing Methods?

Quantitative Qualitative Google Analytics (Traffic & Conversion Event Tracking)

Usability Testing (UX Testing)

Usability Testing

• A method by which users are asked to perform certain tasks in an effort to measure the product’s user friendliness, task time, and how user feel about the usage experience.

• Think Aloud

Copyright © 2014 Netizen Testing Sdn. Bhd. All rights reserved. This document is for internal use only and is not to be released to industry organisations, the media or any third parties without prior written consent from Netizen Testing Sdn. Bhd.

7

In-Person Testing

2 Ways of Usability Testing

Remote Testing (online user testing)

Copyright © 2014 Netizen Testing Sdn. Bhd. All rights reserved. This document is for internal use only and is not to be released to industry organisations, the media or any third parties without prior written consent from Netizen Testing Sdn. Bhd.

8

1. Set up test questions 2. Look for participants

3. Arrange time to come in and availability of user and facilitator

4. Wait for everyone to finish

5. Collect test results 6. Analyse test results

7. Reporting

Conventional In Person Testing Cycle

3-4 weeks

Copyright © 2014 Netizen Testing Sdn. Bhd. All rights reserved. This document is for internal use only and is not to be released to industry organisations, the media or any third parties without prior written consent from Netizen Testing Sdn. Bhd.

9

(ii) Online Testing Cycle

1. Test Instruction

2. Testing with Users

3. Research & Analysis

1 week

Copyright © 2014 Netizen Testing Sdn. Bhd. All rights reserved. This document is for internal use only and is not to be released to industry organisations, the media or any third parties without prior written consent from Netizen Testing Sdn. Bhd.

10

What can be tested?

What can be tested?

• Prototype Testing • Product Testing • Competitor Testing • A/B Testing • PPC, Marketing Campaign Landing Page • E-Commerce Checkout Process

Copyright © 2014 Netizen Testing Sdn. Bhd. All rights reserved. This document is for internal use only and is not to be released to industry organisations, the media or any third parties without prior written consent from Netizen Testing Sdn. Bhd.

12

Prototype Testing

Copyright © 2014 Netizen Testing Sdn. Bhd. All rights reserved. This document is for internal use only and is not to be released to industry organisations, the media or any third parties without prior written consent from Netizen Testing Sdn. Bhd.

13

Invisionapp.com

Prototype Testing

Copyright © 2014 Netizen Testing Sdn. Bhd. All rights reserved. This document is for internal use only and is not to be released to industry organisations, the media or any third parties without prior written consent from Netizen Testing Sdn. Bhd.

14

POP APP – Clickable Mobile Prototype

Copyright © 2014 Netizen Testing Sdn. Bhd. All rights reserved. This document is for internal use only and is not to be released to industry organisations, the media or any third parties without prior written consent from Netizen Testing Sdn. Bhd.

15

Testing on Competitors

Source: agoda.com; expedia.com.sg

Copyright © 2014 Netizen Testing Sdn. Bhd. All rights reserved. This document is for internal use only and is not to be released to industry organisations, the media or any third parties without prior written consent from Netizen Testing Sdn. Bhd.

16

Some Case Study…

Copyright © 2014 Netizen Testing Sdn. Bhd. All rights reserved. This document is for internal use only and is not to be released to industry organisations, the media or any third parties without prior written consent from Netizen Testing Sdn. Bhd.

17

navigation search product details

add to cart checkout payment

credibility

Copyright © 2014 Netizen Testing Sdn. Bhd. All rights reserved. This document is for internal use only and is not to be released to industry organisations, the media or any third parties without prior written consent from Netizen Testing Sdn. Bhd.

18

• For videos seen during the workshop, you can visit http://blog.netizentesting.com/category/e-commerce/

Video Illustration

Copyright © 2014 Netizen Testing Sdn. Bhd. All rights reserved. This document is for internal use only and is not to be released to industry organisations, the media or any third parties without prior written consent from Netizen Testing Sdn. Bhd.

19

Navigation Menu

Source: http://luvclo.com/

Source credits: http://eshop.tesco.com.my/

Add to Cart

Source credits: http://eshop.tesco.com.my/

Add to Cart

Save for Later

Payment

Intimate Pay Pay the bill for your love ones

Alipay.com (i.e. paypal, ipay88 of china)

Source credits: Alipay app

Pay for love ones

Pay for my love

Pay for my child

Source credits: Alipay app

Checkout

Lufthansa Mobile Website Malaysian vs German Users 2014

Source credits: Lufthansa website

The Devil is in the detail

Copyright © 2014 Netizen Testing Sdn. Bhd. All rights reserved. This document is for internal use only and is not to be released to industry organisations, the media or any third parties without prior written consent from Netizen Testing Sdn. Bhd.

27

How to write a test plan?

Test Plan

1. Task oriented

Source credits: airasia.com

Test Plan

2. Non-leading questions Non-leading: Try to buy plane tickets for your family vacation. Leading: Press the red button and then click the 1st top left button with a airplane icon…

In Person Test Session

1. Tester 2. Moderator 3. Observer

O

T M

Tester

1. Think Aloud

2. Be 1000% Honest

3. It not testing your IQ

4. Give Suggestion

5. Say What You Like / Don’t Like

Moderator 1. Tour guide

2. Interrupt only when necessary

3. Don’t answer questions for tester

4. Questions starting with “What” or “How” if tester becomes

quiet (e.g. What are you thinking, how do you feel about…?)

Observer

1. Watch 2. Listen 3. Take notes

Copyright © 2014 Netizen Testing Sdn. Bhd. All rights reserved. This document is for internal use only and is not to be released to industry organisations, the media or any third parties without prior written consent from Netizen Testing Sdn. Bhd.

34

1. If you want a great product, you have got to test.

2. Testing is a repeating process. 3. Testing with 1 user is better than none. 4. Testing with 1 user is better than testing

with 100 users near the end. 5. Testing insights will allow you to make

better decision.

Facts to Remember

1 billion websites

3 billion users

2.5 million apps

and still increasing..

The Internet now..

All the best in your UX journey

QUANTITATIVE DATA Analytic Tools

QUALITATIVE DATA Usability Testing, Interviews

LinkedIn: alvin@netizentesting.com UX Before Marketing

Copyright © 2014 Netizen Testing Sdn. Bhd. All rights reserved. This document is for internal use only and is not to be released to industry organisations, the media or any third parties without prior written consent from Netizen Testing Sdn. Bhd.

37

List of list of UI design patterns http://ui-patterns.com/ http://www.lovelyui.com/ http://www.uiparade.com/ http://www.smileycat.com/design_elements/ http://patterntap.com/ Specifically for mobile Android http://www.mobile-patterns.com/ http://androidux.com/ http://www.androidpatterns.com/ iOS http://inspired-ui.com/ http://www.pttrns.com/

Additional Resources for UI designs

All the best in your UX journey

LinkedIn: alvin@netizentesting.com

Source Credits

• http://www.engadget.com/2014/11/25/3-billion-internet-users/

• http://www.techtimes.com/articles/15813/20140917/one-billion-websites-on-the-internet.htm

• http://thewebsitestore.net/six-common-e-commerce-site-mistakes/

• https://unsplash.com/