Top Banner
What is this Best Practice Thing?
40
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Iue slides 2015 final

What is this Best Practice Thing?

Page 2: Iue slides 2015 final

Bruce Shields

Usability Manager/ForeSee by Answers

You can contact me at:[email protected]

➔ www.linkedin.com/in/bruceshields

➔ http://www.slideshare.net/bruce0shields/iue-slides-2015-final

Page 3: Iue slides 2015 final

So, What is Best Practice?

Page 4: Iue slides 2015 final
Page 5: Iue slides 2015 final

So, What is Best Practice?

First, let’s talk about what it’s not

Page 6: Iue slides 2015 final

Best Practice is not about the UI

Efficiency

Effectiveness

Page 7: Iue slides 2015 final

Best Practice is also NOT about:

➔ Code ◆ The machine doesn’t matter◆ Your users don’t care

➔ Cool◆ “If the user can’t use it, it doesn’t

work.” ● Susan Dray

Page 8: Iue slides 2015 final

Best Practice

IS about people

Efficiency

Effectiveness

Page 9: Iue slides 2015 final

What does that mean???

Can you count the passes?

https://www.youtube.com/watch?v=vJG698U2Mvo

Page 10: Iue slides 2015 final

But did you see this guy?

Page 11: Iue slides 2015 final

So, what’s the Best Practice here?

➔ If you are asking users to perform a complex task, don’t expect them to see a gorilla at the same time

➔ If they are checking out don’t make them go elsewhere to find a promo code, they won’t—and won’t purchase without one

Page 12: Iue slides 2015 final

“Best Practice is about fitting

the interface to the user rather than forcing the user

to adapt to technology

Page 13: Iue slides 2015 final

The Original List: Visibility of system statusThe system should always keep users informed about what is going on, through appropriate feedback within reasonable time.

Match between system and the real worldThe system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms.

User control and freedomSupport undo and redo.

Consistency and standardsUsers should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions.

Error preventionEven better than good error messages is a careful design which prevents a problem from occurring in the first place.

Recognition rather than recallMinimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another.

Flexibility and efficiency of useAccelerators -- unseen by the novice user -- may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.

Aesthetic and minimalist designDialogues should not contain information which is irrelevant or rarely needed.

Help users recognize, diagnose, and recover from errorsError messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.

Help and documentationEven though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large.

Page 14: Iue slides 2015 final

Heuristic Evaluation

Page 15: Iue slides 2015 final

Best Practices: Existing Sites

➔ Organization:◆ People create buckets in their heads, use

them◆ Find out how they would organize your

content➔ Don’t do this:

Page 16: Iue slides 2015 final

Best Practices For Existing Sites

➔ Or this:

Page 17: Iue slides 2015 final

Best Practices: Existing Sites➔ Wayfinding, users need to answer three

questions:◆ Where am I?◆ How do I get where I need to go?◆ What’s around me?

Page 18: Iue slides 2015 final

Best Practices: Existing Sites

Notice the different global navigation!

Page 19: Iue slides 2015 final

Best Practices: Existing Sites➔ Consistency:

◆ Navigation

Page 20: Iue slides 2015 final

Best Practices: Existing Sites➔ Consistency:

◆ Link Behavior - Documents

Page 21: Iue slides 2015 final

Best Practices: Existing Sites➔ Consistency:

◆ Link Behavior – Browser Windows

Page 22: Iue slides 2015 final

Best Practices: Existing Sites➔ Labeling

Page 23: Iue slides 2015 final

Best Practices: Existing Sites➔ Labeling

Page 24: Iue slides 2015 final

That’s Great!But how is that useful for design?

Page 25: Iue slides 2015 final

Remember, Best Practice is about people

Efficiency

Effectiveness

Page 26: Iue slides 2015 final

The Ultimate Best Practice

Page 27: Iue slides 2015 final

What’s my need?

Some weeks my calendar looks like this

Page 28: Iue slides 2015 final

What’s my need?

My handwriting always looks like this

Page 29: Iue slides 2015 final

The Need?It’s to remember what goes on in all those meetings

Page 30: Iue slides 2015 final

Writing is the answer?

Page 31: Iue slides 2015 final

The Need➔ Security:

◆ Is my information safe?◆ Is my money safe?

Page 32: Iue slides 2015 final

The Need➔ Control:

◆ Am I making a good decision?◆ Will this work for me?

Page 33: Iue slides 2015 final

The Need➔ Convenience:

◆ Make it easy and they will buy

Page 34: Iue slides 2015 final

One last example

Page 35: Iue slides 2015 final

In pediatric applications, hospitals had to sedate

80%of small children who needed MRIs

Page 36: Iue slides 2015 final

Enter Doug Dietz

Page 37: Iue slides 2015 final

Enter Doug Dietz

Page 38: Iue slides 2015 final

Enter Doug Dietz

The sedation rate in pediatric

units fell to

.01%

Page 39: Iue slides 2015 final

Best Practice:

  

It’s not about:• UIs• Code• Cool

It is about:• People• Organization• Wayfinding• Consistency

Find the need!

Efficiency

Effectiveness

Page 40: Iue slides 2015 final

Thanks!Any questions?You can contact me at:

[email protected]

➔ www.linkedin.com/in/bruceshields

➔ http://www.slideshare.net/bruce0shields/iue-slides-2015-final