Usability, User Experience
             and the
Internet in the 21st Century
A little about me
Hi! My name is Max




 this is Som Tum (papaya salad)
I am an independent user experience consultant
I am passionate about football (soccer to some)
I was born in a land called Burma
© irrawaddy.org




                                                          © drea
                                     ...
More about my thoughts and learnings

www.maxsoe.com
More about my thoughts and learnings

www.maxsoe.com




now... let’s talk about usability
What is usability?
Usability eliminates confusion in a person’s thought process
Eliminate confusion with
Eliminate confusion with

• effectiveness
Eliminate confusion with

• effectiveness

• learnability
Eliminate confusion with

• effectiveness

• learnability

• efficiency
Eliminate confusion with

• effectiveness

• learnability

• efficiency

• memorability
Eliminate confusion with

• effectiveness

• learnability

• efficiency

• memorability

• error   prevention
Eliminate confusion with

• effectiveness

• learnability

• efficiency

• memorability

• error   prevention

• satisfacti...
#1 rule: Don’t MAKE me think
Remember: Eliminate confusion in a person’s thought process
Eliminate confusion such as:
Eliminate confusion such as:

• “Why   is it called _____?”
Eliminate confusion such as:

• “Why    is it called _____?”

• “I   thought _____ meant something else”
Eliminate confusion such as:

• “Why    is it called _____?”

• “I   thought _____ meant something else”

• “Can    I clic...
Eliminate confusion such as:

• “Why     is it called _____?”

• “I   thought _____ meant something else”

• “Can     I cl...
Eliminate confusion such as:

• “Why       is it called _____?”

• “I   thought _____ meant something else”

• “Can       ...
Eliminate confusion such as:

• “Why       is it called _____?”

• “I   thought _____ meant something else”

• “Can       ...
What is usability?     What is usability not?


What is user           Common mistakes on
experience?            the web

...
What is user experience (UX)?
What is user experience design?
Designing experiences for people
usable
useful

usable
useful

usable            desirable
useful

usable            desirable




                  accessible
useful

usable              desirable




                    accessible

         credible
useful

usable               desirable




findable              accessible

          credible
useful

usable               desirable

          valuable

findable              accessible

          credible
These factors must be combined for success
What is usability?     What is usability not?


What is user           Common mistakes on
experience?            the web

...
How do people use the Internet?
The Internet is a digital medium
It is not:
It is not:

•   a brochure
It is not:

•   a brochure

•   a videoclip
It is not:

•   a brochure

•   a videoclip

•   and definitely not a book
•   We quickly look for anything that resembles what we’re
    looking for that is clickable or interactive
•   We quickly look for anything that resembles what we’re
    looking for that is clickable or interactive

•   Too hard ...
•   We quickly look for anything that resembles what we’re
    looking for that is clickable or interactive

•   Too hard ...
•   We quickly look for anything that resembles what we’re
    looking for that is clickable or interactive

•   Too hard ...
Why is it important to know how people use the
Internet?
We must design things where people “get it”
Why?
Why?

•   better chance they find what they’re looking for
Why?

•   better chance they find what they’re looking for

•   better chance they understand the full range on offer
Why?

•   better chance they find what they’re looking for

•   better chance they understand the full range on offer

•   ...
Why?

•   better chance they find what they’re looking for

•   better chance they understand the full range on offer

•   ...
They will love you
What is usability?   What is usability not?


What is user         Common mistakes on
experience?          the web

How do...
Why is usability and experience design important?
Why should you care?
It is necessary for success
•   Too difficult » people leave
•   Too difficult » people leave

•   Lost » people leave
•   Too difficult » people leave

•   Lost » people leave

•   Too hard to read » people leave
•   Don’t understand what to do next » people leave
•   Don’t understand what to do next » people leave

•   Too much to do » people leave
•   Don’t understand what to do next » people leave

•   Too much to do » people leave

•   overwhelming information » peo...
•   If they cannot find the action to join, they cannot join
•   If they cannot find the action to join, they cannot join

•   If they don’t know how to join, they cannot join
•   If they cannot find the action to join, they cannot join

•   If they don’t know how to join, they cannot join

•   Pri...
What is usability
What is usability?
                       not?


What is user           Common mistakes on
experience?  ...
What is usability NOT?
•   not pretty colours
•   not pretty colours

•   not a creativity killer
•   not pretty colours

•   not a creativity killer

•   not about focus groups
•   not pretty colours

•   not a creativity killer

•   not about focus groups

•   not about customer satisfaction surve...
Usability isn’t there to show you’re correct, you use it to
                     become correct
What is usability?     What is usability not?


What is user           Common mistakes
experience?            on the web

...
(Ten) Common mistakes on the web
One person doesn’t know what your websites is
  A
     about within four seconds
Two
  Misuse of images and multimedia
Three
  Forcing sign-in to browse
Four
  Page elements that look like advertising
© xkcd.com
• Banner blindness
• Banner blindness
• Animation avoidance
• Banner blindness
• Animation avoidance
• Pop-up purges
Five
   Bad search
© useit.com
Six
      Using PDFs for online reading
• Font sizes
• Font sizes
• Accessibility issues
• Font sizes
• Accessibility issues
• Difficult for search engines (especially for images)
• Font sizes
• Accessibility issues
• Difficult for search engines (especially for images)
• Download times
Seven
  Not utilising technology properly
Think of a search engine (Google, Yahoo, Bing) as a
person using your page
Eight
   Misusing Flash
• Do not use Flash for navigation
• Do not use Flash for navigation
• Do not use Flash to make a full site
Max, why do you hate Flash so much?
When is it alright to use Flash?
When is it alright to use Flash?

• Online games
When is it alright to use Flash?

• Online games
• Interactive, real-time infographics
Nine
  Lack of contact information
Ten
  Not listening to experts
What is usability?     What is usability not?


What is user           Common mistakes on
experience?            the web

...
When to factor usability into a project
“You can use an eraser on the
drafting table or a sledge hammer
on the construction site” - Frank
Lloyd Wright
Usability should come:
Usability should come:

•   Before the requirements
Usability should come:

•   Before the requirements

•   Before the visual design
Usability should come:

•   Before the requirements

•   Before the visual design

•   Before the code
Usability should come:

•   Before the requirements

•   Before the visual design

•   Before the code

•   Before the mis...
Usability is key to your strategy & survival. Get in early
                      with usability
What is usability?     What is usability not?


What is user           Common mistakes on
experience?            the web

...
How do we go about doing usability?
Understand what works and what doesn’t:
Understand what works and what doesn’t:

•   Before starting a new design, test how the old one is doing
Understand what works and what doesn’t:

•   Before starting a new design, test how the old one is doing

•   Test your co...
Understand your audience
Understand your audience

•   Understand their natural habitat » conduct a field study
Understand your audience

•   Understand their natural habitat » conduct a field study

•   Create prototypes » test them w...
Iterate. Keep things agile and organic
Iterate. Keep things agile and organic

•   You shouldn’t need to (and cannot) be perfect straight
    away
Iterate. Keep things agile and organic

•   You shouldn’t need to (and cannot) be perfect straight
    away

•   But it mu...
Iterate. Keep things agile and organic

•   You shouldn’t need to (and cannot) be perfect straight
    away

•   But it mu...
There is no perfection. Perfection is subjective. There is
                 only change. Adapt
To wrap things up...
•   Usability and user experience design are essential for survival in
    the digital age
•   Usability and user experience design are essential for survival in
    the digital age

•   Don’t make me think
•   Usability and user experience design are essential for survival in
    the digital age

•   Don’t make me think

•   P...
•   Usability and user experience design are essential for survival in
    the digital age

•   Don’t make me think

•   P...
•   Usability and user experience design are essential for survival in
    the digital age

•   Don’t make me think

•   P...
•   Start usability as soon as possible
•   Start usability as soon as possible

•   Stay agile. Adapt. Revise
•   Start usability as soon as possible

•   Stay agile. Adapt. Revise

•   Don’t try to get everything right at once, per...
•   Start usability as soon as possible

•   Stay agile. Adapt. Revise

•   Don’t try to get everything right at once, per...
And most importantly...
Create and design for people
Real people, not “users”
People with passions
People with dreams




© irrawaddy.org




                                     © drea
                                   ...
The design should adapt to people, not the other
way around
Questions?
www.maxsoe.com     find maxsoe on:

maxsoe@gmail.com

0405 022 546
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Upcoming SlideShare
Loading in …5
×

Usability, User Experience and the Internet in the 21st Century

9,912 views

Published on

An overview of usability and user experience. Aimed at not-for-profits.

Published in: Technology, Design

Usability, User Experience and the Internet in the 21st Century

  1. Usability, User Experience and the Internet in the 21st Century
  2. A little about me
  3. Hi! My name is Max this is Som Tum (papaya salad)
  4. I am an independent user experience consultant
  5. I am passionate about football (soccer to some)
  6. I was born in a land called Burma
  7. © irrawaddy.org © drea mstime .com My dream... © guardian.co.uk is to one day start up a school in Burma
  8. More about my thoughts and learnings www.maxsoe.com
  9. More about my thoughts and learnings www.maxsoe.com now... let’s talk about usability
  10. What is usability?
  11. Usability eliminates confusion in a person’s thought process
  12. Eliminate confusion with
  13. Eliminate confusion with • effectiveness
  14. Eliminate confusion with • effectiveness • learnability
  15. Eliminate confusion with • effectiveness • learnability • efficiency
  16. Eliminate confusion with • effectiveness • learnability • efficiency • memorability
  17. Eliminate confusion with • effectiveness • learnability • efficiency • memorability • error prevention
  18. Eliminate confusion with • effectiveness • learnability • efficiency • memorability • error prevention • satisfaction
  19. #1 rule: Don’t MAKE me think
  20. Remember: Eliminate confusion in a person’s thought process
  21. Eliminate confusion such as:
  22. Eliminate confusion such as: • “Why is it called _____?”
  23. Eliminate confusion such as: • “Why is it called _____?” • “I thought _____ meant something else”
  24. Eliminate confusion such as: • “Why is it called _____?” • “I thought _____ meant something else” • “Can I click on it?” / “Should I click on it?”
  25. Eliminate confusion such as: • “Why is it called _____?” • “I thought _____ meant something else” • “Can I click on it?” / “Should I click on it?” • If something is not a link, DO NOT underline it
  26. Eliminate confusion such as: • “Why is it called _____?” • “I thought _____ meant something else” • “Can I click on it?” / “Should I click on it?” • If something is not a link, DO NOT underline it • “Where am I? What do I do now? Where do I go?
  27. Eliminate confusion such as: • “Why is it called _____?” • “I thought _____ meant something else” • “Can I click on it?” / “Should I click on it?” • If something is not a link, DO NOT underline it • “Where am I? What do I do now? Where do I go? • “Where did they put _____?”
  28. What is usability? What is usability not? What is user Common mistakes on experience? the web How do people use When to factor the internet? usability into a project Why is usability and How do we go about experience design doing usability? important?
  29. What is user experience (UX)?
  30. What is user experience design?
  31. Designing experiences for people
  32. usable
  33. useful usable
  34. useful usable desirable
  35. useful usable desirable accessible
  36. useful usable desirable accessible credible
  37. useful usable desirable findable accessible credible
  38. useful usable desirable valuable findable accessible credible
  39. These factors must be combined for success
  40. What is usability? What is usability not? What is user Common mistakes on experience? the web How do people When to factor use the internet? usability into a project Why is usability and How do we go about experience design doing usability? important?
  41. How do people use the Internet?
  42. The Internet is a digital medium
  43. It is not:
  44. It is not: • a brochure
  45. It is not: • a brochure • a videoclip
  46. It is not: • a brochure • a videoclip • and definitely not a book
  47. • We quickly look for anything that resembles what we’re looking for that is clickable or interactive
  48. • We quickly look for anything that resembles what we’re looking for that is clickable or interactive • Too hard to find » Back button & start again
  49. • We quickly look for anything that resembles what we’re looking for that is clickable or interactive • Too hard to find » Back button & start again • Pages aren’t “read”, they’re “scanned”
  50. • We quickly look for anything that resembles what we’re looking for that is clickable or interactive • Too hard to find » Back button & start again • Pages aren’t “read”, they’re “scanned” • Optimal choices aren’t made. People “satisfice”
  51. Why is it important to know how people use the Internet?
  52. We must design things where people “get it”
  53. Why?
  54. Why? • better chance they find what they’re looking for
  55. Why? • better chance they find what they’re looking for • better chance they understand the full range on offer
  56. Why? • better chance they find what they’re looking for • better chance they understand the full range on offer • better chance to guide them towards the correct path
  57. Why? • better chance they find what they’re looking for • better chance they understand the full range on offer • better chance to guide them towards the correct path • They feel smarter and more in control, which will bring them back to you
  58. They will love you
  59. What is usability? What is usability not? What is user Common mistakes on experience? the web How do people use When to factor the internet? usability into a project Why is usability How do we go about and experience doing usability? design important?
  60. Why is usability and experience design important? Why should you care?
  61. It is necessary for success
  62. • Too difficult » people leave
  63. • Too difficult » people leave • Lost » people leave
  64. • Too difficult » people leave • Lost » people leave • Too hard to read » people leave
  65. • Don’t understand what to do next » people leave
  66. • Don’t understand what to do next » people leave • Too much to do » people leave
  67. • Don’t understand what to do next » people leave • Too much to do » people leave • overwhelming information » people leave
  68. • If they cannot find the action to join, they cannot join
  69. • If they cannot find the action to join, they cannot join • If they don’t know how to join, they cannot join
  70. • If they cannot find the action to join, they cannot join • If they don’t know how to join, they cannot join • Prices? If they cannot find it, they will not buy
  71. What is usability What is usability? not? What is user Common mistakes on experience? the web How do people use When to factor the internet? usability into a project Why is usability and How do we go about experience design doing usability? important?
  72. What is usability NOT?
  73. • not pretty colours
  74. • not pretty colours • not a creativity killer
  75. • not pretty colours • not a creativity killer • not about focus groups
  76. • not pretty colours • not a creativity killer • not about focus groups • not about customer satisfaction surveys
  77. Usability isn’t there to show you’re correct, you use it to become correct
  78. What is usability? What is usability not? What is user Common mistakes experience? on the web How do people use When to factor the internet? usability into a project Why is usability and How do we go about experience design doing usability? important?
  79. (Ten) Common mistakes on the web
  80. One person doesn’t know what your websites is A about within four seconds
  81. Two Misuse of images and multimedia
  82. Three Forcing sign-in to browse
  83. Four Page elements that look like advertising
  84. © xkcd.com
  85. • Banner blindness
  86. • Banner blindness • Animation avoidance
  87. • Banner blindness • Animation avoidance • Pop-up purges
  88. Five Bad search
  89. © useit.com
  90. Six Using PDFs for online reading
  91. • Font sizes
  92. • Font sizes • Accessibility issues
  93. • Font sizes • Accessibility issues • Difficult for search engines (especially for images)
  94. • Font sizes • Accessibility issues • Difficult for search engines (especially for images) • Download times
  95. Seven Not utilising technology properly
  96. Think of a search engine (Google, Yahoo, Bing) as a person using your page
  97. Eight Misusing Flash
  98. • Do not use Flash for navigation
  99. • Do not use Flash for navigation • Do not use Flash to make a full site
  100. Max, why do you hate Flash so much?
  101. When is it alright to use Flash?
  102. When is it alright to use Flash? • Online games
  103. When is it alright to use Flash? • Online games • Interactive, real-time infographics
  104. Nine Lack of contact information
  105. Ten Not listening to experts
  106. What is usability? What is usability not? What is user Common mistakes on experience? the web How do people use When to factor the internet? usability into a project Why is usability and How do we go about experience design doing usability? important?
  107. When to factor usability into a project
  108. “You can use an eraser on the drafting table or a sledge hammer on the construction site” - Frank Lloyd Wright
  109. Usability should come:
  110. Usability should come: • Before the requirements
  111. Usability should come: • Before the requirements • Before the visual design
  112. Usability should come: • Before the requirements • Before the visual design • Before the code
  113. Usability should come: • Before the requirements • Before the visual design • Before the code • Before the mission
  114. Usability is key to your strategy & survival. Get in early with usability
  115. What is usability? What is usability not? What is user Common mistakes on experience? the web How do people use When to factor the internet? usability into a project Why is usability and How do we go about experience design doing usability? important?
  116. How do we go about doing usability?
  117. Understand what works and what doesn’t:
  118. Understand what works and what doesn’t: • Before starting a new design, test how the old one is doing
  119. Understand what works and what doesn’t: • Before starting a new design, test how the old one is doing • Test your competitor’s design
  120. Understand your audience
  121. Understand your audience • Understand their natural habitat » conduct a field study
  122. Understand your audience • Understand their natural habitat » conduct a field study • Create prototypes » test them with people
  123. Iterate. Keep things agile and organic
  124. Iterate. Keep things agile and organic • You shouldn’t need to (and cannot) be perfect straight away
  125. Iterate. Keep things agile and organic • You shouldn’t need to (and cannot) be perfect straight away • But it must be usable
  126. Iterate. Keep things agile and organic • You shouldn’t need to (and cannot) be perfect straight away • But it must be usable • Revisions will keep you on track with ever changing needs
  127. There is no perfection. Perfection is subjective. There is only change. Adapt
  128. To wrap things up...
  129. • Usability and user experience design are essential for survival in the digital age
  130. • Usability and user experience design are essential for survival in the digital age • Don’t make me think
  131. • Usability and user experience design are essential for survival in the digital age • Don’t make me think • People scan and click
  132. • Usability and user experience design are essential for survival in the digital age • Don’t make me think • People scan and click • Not usable » lose out on members
  133. • Usability and user experience design are essential for survival in the digital age • Don’t make me think • People scan and click • Not usable » lose out on members • Good experience » increases productivity » saves time and money » people will love you
  134. • Start usability as soon as possible
  135. • Start usability as soon as possible • Stay agile. Adapt. Revise
  136. • Start usability as soon as possible • Stay agile. Adapt. Revise • Don’t try to get everything right at once, perfection is subjective
  137. • Start usability as soon as possible • Stay agile. Adapt. Revise • Don’t try to get everything right at once, perfection is subjective • Staying ahead of change will keep you on top
  138. And most importantly...
  139. Create and design for people
  140. Real people, not “users”
  141. People with passions
  142. People with dreams © irrawaddy.org © drea mstime .com © guardian.co.uk
  143. The design should adapt to people, not the other way around
  144. Questions?
  145. www.maxsoe.com find maxsoe on: maxsoe@gmail.com 0405 022 546

×