Get Your Team Talking About Usability Beth Tucker Long @e3betht - - PowerPoint PPT Presentation

▶
get your team talking about usability
SMART_READER_LITE
LIVE PREVIEW

Get Your Team Talking About Usability Beth Tucker Long @e3betht - - PowerPoint PPT Presentation

May 01, 2023 212 likes •934 views

Get Your Team Talking About Usability Beth Tucker Long @e3betht Beth Tucker Long PHP Developer Stay-at-home Mom User Group Leader OSMI volunteer @e3betht Audience Participation? Yes, there will be. So, when I ask the

slide-1
SLIDE 1

Get Your Team Talking About Usability

Beth Tucker Long @e3betht

slide-2
SLIDE 2

Beth Tucker Long

  • PHP Developer
  • Stay-at-home Mom
  • User Group

Leader

  • OSMI volunteer

@e3betht

slide-3
SLIDE 3

Audience Participation?

¤ Yes, there will be. So, when I ask the audience a question, don’t be shy about answering.

@e3betht

slide-4
SLIDE 4

It's a Tough Conversation @e3betht

slide-5
SLIDE 5

It's a Tough Conversation

We get defensive.

@e3betht

slide-6
SLIDE 6

It's a Tough Conversation

We know too much.

@e3betht

slide-7
SLIDE 7

It's a Tough Conversation

We are overwhelmed.

@e3betht

slide-8
SLIDE 8

It's a Tough Conversation

We aren't affected by it.

@e3betht

slide-9
SLIDE 9

What's our plan? @e3betht

slide-10
SLIDE 10

What's our plan?

Step 1: Give them knowledge.

@e3betht

slide-11
SLIDE 11

What's our plan?

Step 2: Get them talking.

@e3betht

slide-12
SLIDE 12

What's our plan?

Step 3: Keep things light.

@e3betht

slide-13
SLIDE 13

What's our plan?

Step 4: Ask leading questions.

@e3betht

slide-14
SLIDE 14

What's our plan?

Step 5: Critique the pros.

@e3betht

slide-15
SLIDE 15

What's our plan?

Step 6: Now look at your site.

@e3betht

slide-16
SLIDE 16

How does this look? @e3betht

slide-17
SLIDE 17

Thank you all for being here. @e3betht

slide-18
SLIDE 18

What is Usability? @e3betht

slide-19
SLIDE 19

What is Usability?

According to Wikipedia: Usability is the ease of use and learnability of a human-made object. According to Beth: Usability means structuring things so you don't leave your users angry, frustrated, and complaining about you on Facebook or Twitter.

@e3betht

slide-20
SLIDE 20

Getting Started

  • Who are your users?
  • What do you want them to do on your site?
  • What do they want to do on your site?
  • How tech-savvy are your users?
  • Where will your users go if your site isn't working for them?

@e3betht

slide-21
SLIDE 21

Common problems @e3betht

slide-22
SLIDE 22

Common Problems

@e3betht

slide-23
SLIDE 23

Common Problems

@e3betht

slide-24
SLIDE 24

Common Problems

@e3betht

slide-25
SLIDE 25

Common Problems

Typing Practice Don't delete good data. If it's good, keep it. Don't make the users do any more work than is necessary.

@e3betht

slide-26
SLIDE 26

Common Problems

@e3betht

slide-27
SLIDE 27

Common Problems

Please choose a State.

@e3betht

slide-28
SLIDE 28

Common Problems

The Sneak Attack Error messages should be very clear to the user and tell the user everything they need to do to fix the problem.

@e3betht

slide-29
SLIDE 29

Common Problems

Please choose a state. For security reasons, please reenter your passwords.

@e3betht

slide-30
SLIDE 30

Common Problems

Please choose a state. For security reasons, please reenter your passwords.

@e3betht

slide-31
SLIDE 31

Common Problems

Be Forgiving and Empowering

  • Everyone makes mistakes. Make every mistake fixable.
  • The user should control the system. The system should

not control the user. The user is the boss and the system should show it.

  • User should be able to do what they want.
  • Alert users to an error before things get worse.
  • Strive to empower the user, not speed up the system.

@e3betht

slide-32
SLIDE 32

Common Problems

@e3betht

slide-33
SLIDE 33

Common Problems

@e3betht

slide-34
SLIDE 34

Common Problems

@e3betht

slide-35
SLIDE 35

Common Problems

Please choose a state. For security reasons, please reenter your passwords.

@e3betht

slide-36
SLIDE 36

Common Problems

Button Roulette Keep things consistent. Users click without reading. Users don't want to have to read before clicking.

@e3betht

slide-37
SLIDE 37

Common Problems

@e3betht

slide-38
SLIDE 38

Common Problems

@e3betht

slide-39
SLIDE 39

Common Problems

Resources:

  • A Day in the Life of an Astronaut
  • Biography of Neil Armstrong
  • Early photos of astronaut training
  • Buzz Aldrin, in his own words

@e3betht

slide-40
SLIDE 40

Common Problems

Great Expectations The user should always know what is happening. Surprising things can be scary.

@e3betht

slide-41
SLIDE 41

Common Problems

Resources:

  • A Day in the Life of an Astronaut
  • Buy the Biography of Neil Armstrong on Amazon
  • Early photos of astronaut training (slideshow)
  • Buzz Aldrin, in his own words (PDF)

@e3betht

slide-42
SLIDE 42

Common Problems

@e3betht

slide-43
SLIDE 43

Common Problems

Cliff Notes Users should always be able to find out what to do next just by skimming the page.

@e3betht

slide-44
SLIDE 44

Common Problems

@e3betht

slide-45
SLIDE 45

Common Problems

Welcome to our site! It looks like you don't have an account yet, be sure to sign up for an account to receive the maximum benefits from our site. Also, we have a great newsletter that you can sign up for as

  • well. We have some great reviews of our products on

this site, and you can click here to view the products we have available for purchase.

@e3betht

slide-46
SLIDE 46

Common Problems

Welcome to our site! It looks like you don't have an account yet, be sure to create an account for an account to receive the maximum benefits from our

  • site. Also, you can sign up for our great newsletter as
  • well. While you are here, you can read product

reviews as well as browse our products that we have available for purchase.

@e3betht

slide-47
SLIDE 47

Common Problems

Welcome to our site! It looks like you don't have an account yet, be sure to sign up for an account to receive the maximum benefits from our site. Also, we have a great newsletter that you can sign up for as

  • well. We have some great reviews of our products on

this site, and you can click here to view the products we have available for purchase.

@e3betht

slide-48
SLIDE 48

Common Problems

Unicorn Puke

Just Don't.

Things that look the same should act the same. Things that look different should act differently.

@e3betht

slide-49
SLIDE 49

Common Problems

Home Shop Account Log Out Thank you so much for coming to our website. We hope you will check out our free calendars that we are giving away. Be sure to create an account so that you can get our newsletter.

@e3betht

slide-50
SLIDE 50

Common Problems

Too Many Cooks Users should know where to look for their next step. Make the path through your site clear.

@e3betht

slide-51
SLIDE 51

Common Problems

Pizza Size:

  • 12"
  • 18"
  • 24"

Pizza Crust:

  • Joe's Specialty
  • The Original
  • The New Original

@e3betht

slide-52
SLIDE 52

Common Problems

Lost in Translation The information for the decision must be there when the decision is needed. Make sure you are using the language of your users.

@e3betht

slide-53
SLIDE 53

Common Problems

Pizza Size:

  • 12" (feeds 1-2)
  • 18" (feeds 2-3)
  • 24" (feeds 3-4)

Pizza Crust:

  • Joe's Specialty

Hand-tossed with cheese baked into the crust.

  • The Original

Traditional thin crust.

  • The New Original

Our traditional thin crust, now with special seasoning baked in.

@e3betht

slide-54
SLIDE 54

Brace Yourself @e3betht

slide-55
SLIDE 55

http://www.waterequipment.com.au

@e3betht

slide-56
SLIDE 56

http://www.waterequipment.com.au

@e3betht

slide-57
SLIDE 57

http://www.ohiosci.org

@e3betht

slide-58
SLIDE 58

http://www.ohiosci.org

@e3betht

slide-59
SLIDE 59

http://www.ohiosci.org

@e3betht

slide-60
SLIDE 60

http://www.ohiosci.org

@e3betht

slide-61
SLIDE 61

http://www.facebook.com

@e3betht

slide-62
SLIDE 62

http://www.facebook.com

@e3betht

slide-63
SLIDE 63

http://www.facebook.com

@e3betht

slide-64
SLIDE 64

http://www.gmail.com

@e3betht

slide-65
SLIDE 65

http://www.amazon.com

@e3betht

slide-66
SLIDE 66

http://www.amazon.com

@e3betht

slide-67
SLIDE 67

And now, let's look at us. @e3betht

slide-68
SLIDE 68

Read This Later

Lund, A. M. (1997). Expert ratings of usability maxims. Ergonomics in Design, 5(3), 15-20. A study of the heuristics design experts consider important for good design.

When evaluating the design and usability of a website, consider the following: 1. Know the user, and You are not the user. 2. Things that look the same should act the same. 3. The information for the decision must be there when the decision is needed. 4. Error messages should actually mean something to the user and tell the user how to fix the problem. 5. Every action should have a reaction. 6. Everyone makes mistakes, so every mistake should be fixable. 7. Don't overwhelm the user. 8. Consistency, consistency, consistency. 9. Minimize the need for a mighty memory.

  • 10. Keep it simple.
  • 11. The user should always know what is happening.
  • 12. The more you do something, the easier it should be to do.
  • 13. The user should control the system. The system should not control the user. The user is the boss and

the system should show it.

@e3betht

slide-69
SLIDE 69

Read This Later

  • 14. Eliminate unnecessary decisions and illuminate the rest.
  • 15. The best journey has the fewest steps. Shorten the distance between the user and the goal.
  • 16. User should be able to do what they want.
  • 17. Alert users to an error before things get worse.
  • 18. Users should always know how to find out what to do next.
  • 19. Strive to empower the user, not speed up the system.
  • 20. Things that look different should act different.
  • 21. These are presented in a descending order determined by their mean rating of importance.

@e3betht

slide-70
SLIDE 70

Resources

  • Usability First - http://www.usabilityfirst.com/
  • Usability Toolkit -

http://www.stcsig.org/usability/resources/toolkit/ toolkit.html

  • http://www.usability.gov/
  • Jakob Nielsen - http://www.nngroup.com/articles/

@e3betht

slide-71
SLIDE 71

Books

  • "Don't Make Me Think" by Steve Krug
  • "Rocket Surgery Made Easy" by Steve Krug
  • "The Design of Everyday Things" by Donald Norman

@e3betht

slide-72
SLIDE 72

Thank You

https://joind.in/talk/3900e

beth@TreelineDesign.com

@e3betht

http://www.TreelineDesign.com/slides