3. Agenda
• What is usability and UX and why important?
• Usability and UX Specifics for MobileApps
• How to set up measurements
• What does Mobile MedSoft want to achieve
with their app from a usability and UX
viewpoint
• How to set up usability measurements for
Mobile Medsoft
5. Web and Mobile User Expectations
• Business models have
changed
– Instead of paying
upfront and ‘owning’
the software
– Pay as you go, pay by
subscription
• Cloud and mobile
converge
• Behavior and
expectations have
changed
7. Design-Test and Evaluate
• What will the
mobileapp do? Design
• Is it a conversion
of existing app?
Test and Test and
• What functions Evaluate Evaluate
will a user really
access?
Release
7
9. Usability-Effect
Degree to which specified
users can achieve specified
goals with effectiveness,
efficiency and satisfaction in a
specified context of use.
Source: ISO 25010
10. Usability-Effect
“Context” and “Specified”
• User role specified users
• Objective
specified goals
• Task
• Environment
specified context of use
• Domain
What else can you think
•…
of?
11. Usability-Effect
User Experience
• Satisfaction Source: ISO 25010
– The degree to which users are satisfied in a
specified context of use. Satisfaction is further
subdivided into sub-characteristics:
• Likability (cognitive satisfaction)
• Pleasure (emotional satisfaction)
• Comfort (physical satisfaction)
• Trust
• Including many other factors experienced over time
and other channels
12. Task Ease
(effectiveness and efficiency)
• Buttons are a key tool in the user experience designer’s box of
tricks.
• Prioritize tasks - Some tasks more important than others.
• Understand the objectives of the application and understand
which tasks are really important.
• Paths to complete these tasks should be given priority
• Majority of your app’s value is provided by a small number of
tasks.
• With these priority tasks, remove any friction that slows the
user’s progress.
• Choosing your words carefully to make it clear what the
buttons or functions do
12
13. User Context is King
• Mis-Targeted user
background can
cause loss of
effectiveness
• Know your users.
13
15. Positioning
• Effectiveness of
application buttons
is affected by
position.
• Emphasis is gained
by
– removing clutter
– placing the button
where the user’s
eyes will mostly likely
be. 15
16. Using Color
• Color creates emphasis.
• Dependent on the importance of the
application’s function.
• Make easy to for user to see the most
important stuff.
• Color can affect usefulness.
16
17. Create an
account!!!
LinkedIn - Color
• The ‘View Full Profile’ button
– LinkedIn wants you to click that.
– You’ll be prompted to create an account!
• Button has a unique color that isn’t shared with any other part of the
design.
• Page has tons of information, this button still stands out. 17
19. Size Matters
• Time taken to point at an object is directly influenced by
the size of that object.
• Big is beautiful depending on function-what you want the
user to do.
• Size can dictate the button’s importance over everything
else on the page.
• Take the Firefox page for example, Mozilla don’t mess
around with subtlety here.
• Good design communicates priority.
• With one massive button on the page, that priority is
obvious.
19
21. Multivariate Testing
• Small changes can make a big difference.
• Laura Ashley arrived at this design following
multi-variate testing of 5 different options
• Differences in the testing included:
– Link colors and locations
• The "Go to checkout" button was dark
gray instead of green
• Achieved 11% increase in checkouts
21
23. Usability - Desktop to Mobile
• You have a good website made for desktop
and users can access it from their mobile
phones also.
– Just loading websites on the phone is not enough
• What matters for users
– Time to load the website
– User interface
– Accessibility of various functions available
• Usability design needs to change, otherwise
usability effect and UX will suffer 23
38. Yelp
• Consistent
• Finger friendly
• Consistent location of
icons on bottom
Same as Fidelity
What does this mean?
38
39. Mobile Usability Design
Best Practices Summary
• Quick
• Simple Navigation-Task Oriented
• Thumb Friendly
• Visibility in Design
• Easy to Convert/Complete the task
• Contextual
• Seamless with main webapp
39
40. What does want to
achieve in the Usability UX
Standpoint?
40
41. Introduction to
• iMedTablet is our latest patent pending pending technology being
developed for patient care coordination for all types of long-term care
providers.
• Allows the user to securely access and document patient care information
in real-time utilizing Cloud technology, GPS technology and intra-facility
communications.
• With data stored on the cloud and not on a local server, expandability is
unlimited. Plus electronic storage versus paper is a great savings.
• Designed to seamlessly integrate with many pharmacy and long-term care
software systems.
• iMedTablet is mobile, affordable, reliable, secure, easy to deploy and
simple to use. Will be available in a multiple languages and HL7
Compatible
41
42. • Usability Design
– Easy to use
– Very contextual and domain oriented application
• UX Assessment, Measurement and
Improvement
42
46. Defining Usability For Your Organization
Quality
Usability
Characteristic 1 Characteristic 2 Characteristic n
Subcharacteristic 1 Subcharacteristic 2 Subcharacteristic n
Attribute 1 Attribute 2 Attribute 3 Attribute 1
• Attributes expressed hierarchically
• Any number of sub-levels is OK
• Achieving the sub-attributes=achieving the high level
attribute -measurable
47. Let’s Define Usability
From the Product (Design) Viewpoint
Usability
Characteristic 1
Navigation Characteristic 2
Simpleness Characteristic n
Subcharacteristic 1
Control Stability Subcharacteristic 2
Button Visability Subcharacteristic n
Attribute 1
Position Attribute 2
# Buttons Color Usage
48. Defining Usability from an
Effect-Real usage Point of View
Usability
Quality
Effectiveness Efficiency Satisfaction Characteristic n
Accuracy Completeness Subcharacteristic n
Errors Attribute 2 Attribute 3 Attribute 1
50. Measurable Attributes
• Attribute name
• Description and purpose Once you have a
model (what you
• How to measure
are going to
• What is measured measure), then
• Measurement/Calculation you start doing IT!
• Range (min, max)
• Objective
• Current
51. Usability Measurement
Attribute Scale How Measure or Objective Current
Calculation
Help Access Percent of Log files % 30% 40%
Users
Accessing
Help
Task Keystrokes Measure top % 90% < 3 50%
Completion to 10 tasks
Efficiency find/use a
feature/func
tion/informa
tion
Consistency Number Examine integer 1 5
locations for menus and
same button doc.
Accuracy Number Log files Integer or % <5 10
reported
errors
51
52. Usability Measurement Methods
Focus Walk
groups
Throughs
Satisfaction
Surveys
Labs
Heuristic
Evaluation
Logging
Let’s get started
53. Example Heuristic Evaluation
External Quality Requirements Measure EI value P/GI value
Global Quality Indicator 61.97%
1 Usability 60.88%
1.1 Understandability 83%
1.1.1 Icon/label ease to be recognized 100%
1.1.2 Information grouping cohesiveness 66%
1.2 Learnability 51.97%
1.2.1 ……………………………………………… …
1.3 Operability 49.50%
1.3.1 Control permanence 100%
1.3.2 Expected behaviour 50%
2 Content Quality 63.05%
2.1 Content Suitability 63.05%
2.1.1 Basic Information Coverage 50%
2.1.1.1 Line item information completeness 2 50%
2.1.1.2 Product description appropriateness 50%
2.1.2 Coverage of other Contextual Information 76.89%
2.1.2.1 ……………………………………………….. …
2.1.2.2 Return policy information completeness 33%
54. Usability Logging
Measurement and Data Collection
• Identify users by using session
ID to identify a unique user.
• Iteratively insert code into the
application
• Collect data
• Analyze the data for each
attribute in different
dimensions and aggregations
• Determine the need for further
calculations and what attributes
to measure further
• Revise the data we are
collecting, adding or decreasing
granularity
55. Satisfaction Surveys
The process:
1. Calculate the usability score (satisfaction) of version X
2. Do the survey
3. Change to version X.1 – make changes to the
software directly correlated to the usability factors to
either increase or decrease the usability score
4. Do the survey again
5. See if differences made change impact the survey
results
56. Notes on Satisfaction and Usability
don’t have
what I want I’m unsatisfied • Satisfaction is a
subjective feeling
Highly usable dependent on many
software things other than
usability:
My password
doesn’t work
– A user can be highly
satisfied but the
application with low
Nice weather I’m usability.
today satisfied! – An application can be
low usability highly usable (high
software usability) but the user is
not satisfied!
Finished
my work today
57. Getting Started with Measurement
• Produce an action plan
– What usability attributes are important to your
organization?
• Develop a model
– What data can you collect/Which technique can
you use
• Maybe some elements of the model drop out-can’t be
measured that easily
– Start collecting and developing benchmark
59. Conclusion
• Usability and UX
– Abstract concepts
– Paramount for mobileapps
• Defining is different for each organization
• Need a model for your organization
– What is most important to you depends on your
users and their behavior and expectations
• The model is the foundation of what to measure
• Once you can measure, then you can evaluate and
improve
60. Thanks
Questions and Answers
www.xbosoft.com
408-350-0508