QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product
-
Upload
karolina-zmitrowicz -
Category
Technology
-
view
42 -
download
3
Transcript of QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product
![Page 1: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/1.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/2.jpg)
• 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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/3.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/4.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/5.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/6.jpg)
![Page 7: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/7.jpg)
![Page 8: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/8.jpg)
Usability in software world
![Page 9: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/9.jpg)
Software development
![Page 10: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/10.jpg)
![Page 11: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/11.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/12.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/13.jpg)
Plan and design usability
![Page 14: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/14.jpg)
• 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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/15.jpg)
You don’t?
Learn about them.
Plan
![Page 16: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/16.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/17.jpg)
Techniques
![Page 18: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/18.jpg)
“Designers are not users.”
Jakob Nielsen
![Page 19: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/19.jpg)
Persona
![Page 20: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/20.jpg)
Starbuck’s persona
![Page 21: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/21.jpg)
Starbuck’s persona
![Page 22: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/22.jpg)
Case study
![Page 23: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/23.jpg)
• 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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/24.jpg)
Customer journey
![Page 25: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/25.jpg)
![Page 26: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/26.jpg)
https://www.pinterest.com/pin/285063851385992052/
![Page 27: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/27.jpg)
Case study
![Page 28: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/28.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/29.jpg)
Putting it all together…
![Page 30: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/30.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/31.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/32.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/33.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/34.jpg)
Mockups
![Page 35: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/35.jpg)
![Page 36: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/36.jpg)
How to create?
http://pencil.evolus.vn/
![Page 37: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/37.jpg)
Mobile applications
https://developers.google.com/web/tools/chrome-devtools/device-mode/
![Page 39: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/39.jpg)
Case study
![Page 40: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/40.jpg)
Remember one rule…
![Page 41: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/41.jpg)
“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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/42.jpg)
Usability testing
![Page 43: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/43.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/44.jpg)
• 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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/45.jpg)
• 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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/46.jpg)
• 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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/47.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/48.jpg)
Sample documentation
![Page 49: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/49.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/50.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/51.jpg)
A/B Testing
![Page 52: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/52.jpg)
A/B Testing
![Page 53: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/53.jpg)
Lets evaluate something….
http://www.exmouth-view.co.uk/
![Page 55: QS-Tag 2016 Simple Ways of Planning, Designing and Testing Usability of a Software Product](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/55.jpg)
• 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](https://reader035.fdocuments.us/reader035/viewer/2022070515/587765a41a28ab4e4f8b7b69/html5/thumbnails/56.jpg)