![Page 1: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/1.jpg)
Usability
www.outsystems.com
SEI 2016 – Universidade do Minho
![Page 3: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/3.jpg)
Usability
3SEI 2016@Universidade do Minho
n. The state or condition of being usable.
n. The degree to which an object, device, software application, etc. is easy to use with no specific training.
![Page 4: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/4.jpg)
Usability
4SEI 2016@Universidade do Minho
n. The state or condition of being usable.
n. The degree to which an object, device, software application, etc. is easy to use with no specific training.
![Page 5: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/5.jpg)
Usability – top 5 qualities
5
Learnability: How easy is it for users to accomplish basic tasks the first time they encounter the design?
Efficiency: Once users have learned the design, how quickly can they perform tasks?
Memorability: When users return to the design after a period of not using it, how easily can they reestablish proficiency?
Errors: How many errors do users make, how severe are these errors, and how easily can they recover from the errors?
Satisfaction: How pleasant is it to use the design?Source: Norman Nielson group SEI 2016@Universidade do Minho
![Page 6: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/6.jpg)
Why apps fail?
6
![Page 7: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/7.jpg)
Why apps fail?
7
Lack of consistency Slow to change and adapt Poor strategy Not considering the complete journey Brand recognition Building mobile customer engagement Keep it simple
Not solving a real world problem Not understand the target audience Not sure about the Mobile Platform Too many or too less features Making it too complex for the users Incompatible User Experience Neglecting the backend support Not enough Marketing Not using App Optimization Techniques Failure listening to Users’ Feedback
Source: Wired and Net solutions SEI 2016@Universidade do Minho
![Page 8: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/8.jpg)
Why apps fail?
8
Lack of consistency Slow to change and adapt Poor strategy Not considering the complete journey Brand recognition Building mobile customer engagement Keep it simple
Not solving a real world problem Not understand the target audience Not sure about the Mobile Platform Too many or too less features Making it too complex for the users Incompatible User Experience Neglecting the backend support Not enough Marketing Not using App Optimization Techniques Failure listening to Users’ Feedback
Source: Wired and Net solutions
UX related issuesSEI 2016@Universidade do Minho
![Page 9: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/9.jpg)
Real cost of (non-)Usable
9
![Page 10: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/10.jpg)
Once upon a time…
10
$25 billion retailer13% drop off in sales
Around $1.2 million a year
SEI 2016@Universidade do Minho
Hired an UX team to analyze what could be causing it…
Source: UIE
![Page 11: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/11.jpg)
The path to discover…
11
#1 – do usability tests with real users
“I’m not here to enter into a relationship. I just
want to buy something.”
SEI 2016@Universidade do MinhoSource: UIE
![Page 12: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/12.jpg)
The path to discover…
12
#2 – get metrics from where you can
45% of all customers had multiple registrations
160,000 recover passwords per day
75% of these people never tried to complete the purchase once requestedSEI 2016@Universidade do MinhoSource: UIE
![Page 13: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/13.jpg)
Putting together and approach
13
#3 – work out a solution and test it
SEI 2016@Universidade do MinhoSource: UIE
![Page 14: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/14.jpg)
The final conclusion
14
#4 – measure results
SEI 2016@Universidade do Minho
+45%
Number of purchasingcustomers
+$15M
Extra purchases
value First month
+$300MExtra purchases
valueFirst year
Source: UIE
$300,000,000 Button
![Page 15: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/15.jpg)
UX is critical
15
The failure of Avon Products $125 million implementation of SAP software is the latest – and perhaps most dramatic – example of how usability has become a critical issue in the workplace.
SEI 2016@Universidade do Minho
![Page 16: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/16.jpg)
Science behind UsabilityMuch more than just pretty interfaces!
16
![Page 17: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/17.jpg)
Usability vs UX?
17
SEI 2016@Universidade do Minho
Usability User Experience (UX)Making a task easy & intuitive
Minimizing steps & removing roadblocksWhat users do…How they do it…
Making a task meaningful and valuable
Creating emotional connection
What users feel…
![Page 18: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/18.jpg)
18
SEI 2016@Universidade do Minho
usab
ility
laye
rs UbiquitousPro-active use of various mediumsTask-FocusFit to user and its specific tasks
CognitiveLeverage conventions and learningPhysiologicalRespond to how the brain works
![Page 19: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/19.jpg)
19
SEI 2016@Universidade do Minho
usab
ility
laye
rs UbiquitousPro-active use of various mediumsTask-FocusFit to user and its specific tasks
CognitiveLeverage conventions and learningPhysiologicalRespond to how the brain works
![Page 20: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/20.jpg)
The brain has the ability to recognize patterns and what breaks them
![Page 21: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/21.jpg)
21
SEI 2016@Universidade do Minho
The central principle of gestalt psychology is that the mind forms a global whole with self-organizing tendencies.
Gestalt Psychology
![Page 22: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/22.jpg)
22
SEI 2016@Universidade do Minho
Contrast
Repetition
Alignment
Proximity
CRAP Design rules
![Page 23: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/23.jpg)
23
SEI 2016@Universidade do Minho
usab
ility
laye
rs UbiquitousPro-active use of various mediumsTask-FocusFit to user and its specific tasks
Cognitive
PhysiologicalRespond to how the brain works
Leverage conventions and learning
![Page 24: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/24.jpg)
24
SEI 2016@Universidade do Minho
![Page 25: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/25.jpg)
25
SEI 2016@Universidade do Minho
![Page 26: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/26.jpg)
System 1 and 2 working
26
pattern matched
(System 1 at work)
Fuzzy Pattern(small help
from System 2)Fully engaged
System 2
SEI 2016@Universidade do Minho
![Page 27: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/27.jpg)
27
SEI 2016@Universidade do Minho
![Page 28: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/28.jpg)
28
SEI 2016@Universidade do Minho
Ubiquitous
Task-Focu
s
Cognitive
Physiologica
l
Tools & Frameworks
usab
ility
laye
rs
![Page 29: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/29.jpg)
29
SEI 2016@Universidade do Minho
usab
ility
laye
rs UbiquitousPro-active use of various mediumsTask-FocusFit to user and its specific tasks
CognitiveLeverage conventions and learningPhysiologicalRespond to how the brain works
![Page 30: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/30.jpg)
30
SEI 2016@Universidade do Minho
Usability means different things
for different users
![Page 31: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/31.jpg)
Informal Usability Tests
![Page 32: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/32.jpg)
32
SEI 2016@Universidade do Minho
![Page 33: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/33.jpg)
33
SEI 2016@Universidade do Minho
usab
ility
laye
rs UbiquitousPro-active use of various mediumsTask-FocusFit to user and its specific tasks
CognitiveLeverage conventions and learningPhysiologicalRespond to how the brain works
![Page 34: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/34.jpg)
34
SEI 2016@Universidade do Minho
Learning ApplicationsPro-active
Context-aware
![Page 35: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/35.jpg)
![Page 36: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/36.jpg)
36
SEI 2016@Universidade do Minho
![Page 37: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/37.jpg)
37
SEI 2016@Universidade do Minho
usab
ility
laye
rsUbiquito
us
Task-
Focu
s
Cognitiv
e
Physiologic
al
business and user context
independent
highly dependent on business and user
context
![Page 38: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/38.jpg)
Learn more about Usability!
38
![Page 39: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/39.jpg)
39
SEI 2016@Universidade do Minho
Great Delivery in a Nutshell
Face TimeTalk to stakeholders in personabout goals and expectationsand go meet the real users.
Visual Requirements
Top User StoriesUnderstand what will make orbreak the application. Where willusers spend most of their time.Diagrams of the core businessprocesses and wireframes for thetop screens are a great foundation.
Strong VisionAll the team, including the developersmust have a profound understandingon why the application is being built.
Constant Validation
Iterative DevelopmentDeveloping in sprints and performingdemos gets the team and stakeholdersaligned on what’s important.Functional tests are run by both the team and stakeholders, but the usabilitytests are the ones that push it forward.
Sanity CheckYou can do everything right, butbe sure there will be some surprisesat the end. Be prepared.
Have a WOW
Rapid TuningFollow the launch closely, particularly the first contact of users with the app,and promptly act on roadblocks. Fast.People love a surprise, especially whenit rubs them in just the right way, like,for example, making their life a lot easier.
Discover the PathInitiation Sprint
Development Make it RealSolution Release
Create the Experience
![Page 40: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/40.jpg)
40
SEI 2016@Universidade do Minho
Busin
ess
Anal
ysis
User
Res
earc
h
Wire
fram
es Vi
sual
De
sign
Live
Styl
egui
de
Go
Live
See presentation about the process of re-inventing a insurance portal
![Page 41: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/41.jpg)
41
SEI 2016@Universidade do Minho
OutSystems helps
www.outsystems.com/ux-for-it/
![Page 42: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/42.jpg)
42
SEI 2016@Universidade do Minho
Read some more…
![Page 43: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/43.jpg)
Thank you!
![Page 44: Usability session @ SEI Universidade do Minho](https://reader035.vdocuments.mx/reader035/viewer/2022070600/58e774161a28abac7d8b5d27/html5/thumbnails/44.jpg)
Questions?