qs-tag 2016 simple ways of planning, designing and testing usability of a software product

57
Hier soll der Titel rein Testing properly – Testing what matters www.qs-tag.de Organisator: imbus AG www.qs-tag.de Simple Ways of Planning, Designing and Testing Usability of a Software Product Karolina Zmitrowicz B!Value

Upload: karolina-zmitrowicz

Post on 12-Jan-2017

42 views

Category:

Technology


3 download

TRANSCRIPT

Page 1: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Hier soll der Titel reinTesting properly – Testing what matters

www.qs-tag.de

Organisator: imbus AG www.qs-tag.de

Simple Ways of Planning, Designing and Testing Usability of a Software ProductKarolina Zmitrowicz

B!Value

Page 2: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

• Who am I?

• Who are you?

• What are we going to speak about?

• What are we going to do?

Agenda

Page 3: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Usability? What is it about?

Usability in our world

Usability is the extent to which a product can be used by certain users to reach specific objectives within a specific context of use with effectiveness, efficiency and satisfaction.

ISO

Jakob Nielsen:• Learnability• Efficiency• Memorability• Errors• Satisfaction

Page 4: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Usability? What is it about?

Usability in our world

Page 5: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

If the user can't use it, it doesn't work.   -- Susan Dray

Does it really matter?

Page 6: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product
Page 7: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product
Page 8: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Usability in software world

Page 9: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Software development

Page 10: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product
Page 11: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Waterfall model is not too effective……better to use iterative model.

Software development

• Field studies• Usability test of

the old system• Competitive

studies

Pre-design phase

• Iterative design• Prototyping

Design phase • Collect statistics

and feedback• Refresh/optimize• Redesign

Post-design phase

User involvement – success factor

Page 12: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Not only testing!

PlanDesignValidateOptimize

How to plan and design usability 

Page 13: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Plan and design usability 

Page 14: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

• Do you know your users?• Do you know your application?

• Do you know what users think?• Do you know what users expect?

Plan

Page 15: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

You don’t?

Learn about them.

Plan

Page 16: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Forget IT. Think users.

How they act?What they want?

What they expect?

Create UX, not just software.

Design

What is UX?!

Page 17: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Techniques

Page 18: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

“Designers are not users.”

Jakob Nielsen

Page 19: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Persona

Page 20: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Starbuck’s persona

Page 21: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Starbuck’s persona

Page 22: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Case study

Page 23: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

• Nina Kravitz• Age 35. • Works at XXX Hospital. Not very familiar with IT solutions.• Already registered in our e-com system. • Usage pattern: first reaches the Dashboard and then heads to the

different areas from there.• Wishes: wants to have easy access to her orders and be able to quick

order a new items necessary in her work.

Persona

Page 24: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Customer journey

Page 25: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product
Page 26: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

https://www.pinterest.com/pin/285063851385992052/

Page 27: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Case study

Page 28: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Customer journey

A new item needed

At work Go to the website

Search for the item

See order conditions

Order an item

Wait for information

Item delivered

Item in use

Page 29: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Putting it all together…

Page 30: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

What is your target group?What groups of users are there?

What usage patterns exist?What limitiations there are?

Anything else?

Users

Page 31: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Plan requires metrics. Estabilish measurable goals to guide planning, design and test efforts.

Users’ goals

User goal: Browse product offerings and purchase an item.

Poor task: Purchase a detection kit.

Better task: Buy mericon E. coli O157 Detection Kits for under $XX.

Page 32: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Plan requires metrics. Estabilish measurable goals to guide planning, design and test efforts.

Users’ goals

I think we overemphasize metrics when it comes to usability. They often introduce problems in terms of the validity and reliability of the data.

— Mike Hughes

BUT – be careful!

Page 33: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Yes. There are usability requirements.Requirements

All delays in the system longer than 5

seconds will produce a dialog box that

says "Please wait."

It is possible to reach any given system function from the main window in less than 3 clicks.

All buttons in the system will adhere to

established button convention (link to

established button convention regarding

size, naming, position, etc.)

It is possible to accomplish any given

task with just the keyboard, without

the mouse.

Page 34: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Mockups

Page 35: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product
Page 36: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

How to create?

http://pencil.evolus.vn/

Page 37: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Mobile applications

https://developers.google.com/web/tools/chrome-devtools/device-mode/

Page 38: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Mockups & Wireframes

wireframes.linowski.ca

Page 39: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Case study

Page 40: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Remember one rule…

Page 41: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

“Consistency is one of the most powerful usability principles:

when things always behave the same, users don't have to worry about what will happen. Instead,

they know what will happen based on earlier experience.”

Jakob Nielsen

Page 42: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Usability testing

Page 43: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Is it possible to execute usability testing in relative easy and cheap way?

There are many professional methods and tools

They are quite expensiveBut there are many tools available for free

Usability testing

Page 44: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

• Method used to identify usability issues • How easy it is for new users to accomplish

tasks with the system?

Cognitive walkthrough

Task analysis

Walkthrough

Redesign

Page 45: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

• Allows to check usability attributes for a system

• Commonly used for websites• May be based on Nielsen’s heuristics

Evaluation checklist

Page 46: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

• Visibility of system• Match between system and the real world• User control and freedom• Consistency and standards• Error prevention• Recognition rather than recall• Flexibility and efficiency of use • Aesthetic and minimalist design • Help users recognize, diagnose, and recover from errors • Help and documentation

Nielsen’s heuristics

Evaluation checklist

Page 47: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Sample application Does the system keep users informed about what is going on (through

appropriate feedback within reasonable time)?

Does the system speak the users’ language?

Evaluation checklist

Page 48: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Sample documentation

Page 49: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Evaluation checklist

Foxit PhantomPDF PDF Document

Foxit PhantomPDF PDF Document

Page 50: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Thinking aloud

http://gpl.cs.nctu.edu.tw/Steve-Lin/EEG623/Icon_CHI2016_slides.pdf

Page 51: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

A/B Testing

Page 52: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

A/B Testing

Page 53: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Lets evaluate something….

http://www.exmouth-view.co.uk/

Page 54: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

Thank you! Questions?

Reach me at [email protected]@sjsi.org

Page 55: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product

• https://www.usability.gov• http://www.usabilitybok.org/• https://www.nngroup.com • https://uxdesign.cc/• https://www.uxpin.com

Some reading

Page 56: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product