Usability session @ SEI Universidade do Minho

Usability

www.outsystems.com

SEI 2016 – Universidade do Minho

2SEI 2016@Universidade do Minho

Rúben GonçalvesMobile team leader @ [email protected]

Usability


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.

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

https://www.nngroup.com/articles/usability-101-introduction-to-usability/

Why apps fail?

6

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

http://insights.wired.com/profiles/blogs/why-do-apps-fail#axzz3zmAgGD6L

http://www.netsolutionsindia.com/blog/10-major-causes-that-lead-to-mobile-app-failures/

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

http://insights.wired.com/profiles/blogs/why-do-apps-fail#axzz3zmAgGD6L

http://www.netsolutionsindia.com/blog/10-major-causes-that-lead-to-mobile-app-failures/

Real cost of (non-)Usable

9

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

https://www.uie.com/articles/three_hund_million_button

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


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


Putting together and approach

13

#3 – work out a solution and test it

SEI 2016@Universidade do MinhoSource: UIE


The final conclusion

14

#4 – measure results


+45%

Number of purchasingcustomers

+$15M

Extra purchases

value First month

+$300MExtra purchases

valueFirst year

Source: UIE

$300,000,000 Button


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.


Science behind UsabilityMuch more than just pretty interfaces!

16

Usability vs UX?

17


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…

18


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

19


usab

ility

laye



The brain has the ability to recognize patterns and what breaks them

21


The central principle of gestalt psychology is that the mind forms a global whole with self-organizing tendencies.

Gestalt Psychology

22


Contrast

Repetition

Alignment

Proximity

CRAP Design rules

23


usab

ility

laye


Cognitive

PhysiologicalRespond to how the brain works

Leverage conventions and learning

24


25


System 1 and 2 working

26

pattern matched

(System 1 at work)

Fuzzy Pattern(small help

from System 2)Fully engaged

System 2


27


28


Ubiquitous

Task-Focu

s

Cognitive

Physiologica

l

Tools & Frameworks

usab

ility

laye

rs

29


usab

ility

laye



30


Usability means different things

for different users

Informal Usability Tests

32


33


usab

ility

laye



34


Learning ApplicationsPro-active

Context-aware

36


37


usab

ility

laye

rsUbiquito

us

Task-

Focu

s

Cognitiv

e

Physiologic

al

business and user context

independent

highly dependent on business and user

context

Learn more about Usability!

38

39


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

40


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

http://www.slideshare.net/GonaloVeiga/reinventing-an-insurance-agents-portal-through-ux-uxlx-2014-lusitania-seguros

41


OutSystems helps

www.outsystems.com/ux-for-it/

http://www.outsystems.com/ux-for-it/

http://www.outsystems.com/ux-for-it/

42


Read some more…

Thank you!

Questions?

Usability session @ SEI Universidade do Minho

Engineering

Transcript of Usability session @ SEI Universidade do Minho