website usability | class 1
Post on 18-Oct-2014
2.513 views
DESCRIPTION
TRANSCRIPT
![Page 2: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/2.jpg)
PLEASE MAKE A NAME CARD.
Friday, July 13, 2012
![Page 3: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/3.jpg)
NAME CARDWHAT USABILITY CONSIDERATIONS DID YOU TAKE IN MAKING YOUR NAME CARD?
Friday, July 13, 2012
![Page 4: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/4.jpg)
COURSE OBJECTIVE:To provide a foundation that will allow students to successfully build a usable website. We will look at the roles information architecture, navigation, design, and writing play in creating a usable website. Additionally, we will perform a usability test. Each class will have lecture and workshop segments.
Friday, July 13, 2012
![Page 5: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/5.jpg)
OPENING SURVEYPLEASE FILL OUT THE SURVEY:http://ow.ly/92AZn
Friday, July 13, 2012
![Page 6: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/6.jpg)
Please divide into three groups.
GROUP #1: realbusiness.comGROUP #2: boreshacoffee.comGROUP #3: getharvest.comAnswer:
What is the purpose of the site?What can you do on the site?What do you think the main goal of the site is?Can you find the contact info?
WORKSHOP #1
Friday, July 13, 2012
![Page 7: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/7.jpg)
WHAT IS USABILITY?
Friday, July 13, 2012
![Page 8: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/8.jpg)
Friday, July 13, 2012
![Page 9: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/9.jpg)
Friday, July 13, 2012
![Page 10: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/10.jpg)
Friday, July 13, 2012
![Page 11: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/11.jpg)
Friday, July 13, 2012
![Page 12: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/12.jpg)
Friday, July 13, 2012
![Page 13: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/13.jpg)
WHAT IS USABILITY?
Friday, July 13, 2012
![Page 14: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/14.jpg)
Usability is “the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use.”
(ISO 9241-11)
Friday, July 13, 2012
![Page 15: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/15.jpg)
“In human-computer interaction and computer science, usability usually refers to the elegance and clarity with which the user interface of a computer program or a web site is designed.”
(Wikipedia)
Friday, July 13, 2012
![Page 16: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/16.jpg)
“...the measure of the quality of a user’s experience when interacting with a product or system,” whether a Web site, a software application, mobile technology, or any user-operated device.”
(Usability.gov)
Friday, July 13, 2012
![Page 17: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/17.jpg)
“Usability really just means making sure that something works well: that a person of average (or even below average) ability and experience can use the thing - whether it's a Web site, a fighter jet, or a revolving door - for its intended purpose without getting hopelessly frustrated.”
(Steve Krug)
Friday, July 13, 2012
![Page 18: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/18.jpg)
DON’T MAKE ME THINK.
Friday, July 13, 2012
![Page 19: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/19.jpg)
Where do I start?What do they do?Clever names/Marketing induced namesLinks that are not self evidentNavigation in non traditional placesWhere’s the contact info?Where do I sign in?
THINGS THAT MAKE US THINK:
Friday, July 13, 2012
![Page 20: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/20.jpg)
Ease of useSpeedPracticalityCredibilityConsistencySimplicity, simplicity, simplicity
WHAT USERS LOOK FOR:
Friday, July 13, 2012
![Page 21: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/21.jpg)
HUMAN FACTORS
Friday, July 13, 2012
![Page 22: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/22.jpg)
HUMAN FACTORS Forms the basis of usability testing.
Has its roots in military research.
Understanding how people think and interact with their environment.
Friday, July 13, 2012
![Page 23: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/23.jpg)
THE HISTORY OF USABILITYThe study of human factors dates back to World War II, when the growing complexity of fighter planes created a need for more user friendly designs.
Friday, July 13, 2012
![Page 24: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/24.jpg)
PsychologyEngineeringIndustrial designGraphic designStatistics
HUMAN FACTORS INCORPORATES:
Friday, July 13, 2012
![Page 25: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/25.jpg)
Design products for improved safety & ease of useDesign systems to accommodate specific user groupsRaise productivity by improving human performance Improve information displays to reduce human error
HUMAN FACTORS SPECIALISTS:
Friday, July 13, 2012
![Page 26: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/26.jpg)
THREE MILE ISLANDA control panel status made engineers think that a valve had been engaged, while the status simply meant that the valve had been attempted to be engaged.
Friday, July 13, 2012
![Page 27: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/27.jpg)
THE WEB HAS CHANGED.
Friday, July 13, 2012
![Page 28: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/28.jpg)
Friday, July 13, 2012
![Page 29: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/29.jpg)
Friday, July 13, 2012
![Page 30: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/30.jpg)
Friday, July 13, 2012
![Page 31: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/31.jpg)
Friday, July 13, 2012
![Page 32: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/32.jpg)
Scenario:
You’ve just rented a new apartment and your landlord told you to open an account with ConEd to get your electricity turned on.Go for it.
WORKSHOP #2
Friday, July 13, 2012
![Page 33: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/33.jpg)
HOW PEOPLE USE SITES.
Friday, July 13, 2012
![Page 34: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/34.jpg)
AFFORDANCE• The perceived ability of an object to behave in a certain way, by nature of its design.
• The quality of an object which allows one to perform an action.
Friday, July 13, 2012
![Page 35: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/35.jpg)
Friday, July 13, 2012
![Page 36: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/36.jpg)
Friday, July 13, 2012
![Page 37: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/37.jpg)
Friday, July 13, 2012
![Page 38: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/38.jpg)
Friday, July 13, 2012
![Page 39: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/39.jpg)
Friday, July 13, 2012
![Page 40: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/40.jpg)
I’m a button. Really, I am.
Friday, July 13, 2012
![Page 41: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/41.jpg)
I’m a button. Really, I am.
Friday, July 13, 2012
![Page 42: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/42.jpg)
I’m a button. Really, I am.
Friday, July 13, 2012
![Page 43: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/43.jpg)
I’m a button. Really, I am.
Friday, July 13, 2012
![Page 44: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/44.jpg)
I’m a button. Really, I am.
Friday, July 13, 2012
![Page 45: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/45.jpg)
What does this thing do?Friday, July 13, 2012
![Page 46: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/46.jpg)
What does this thing do?Friday, July 13, 2012
![Page 47: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/47.jpg)
SIGNIFIERSPeople search for clues to help them understand context.
Friday, July 13, 2012
![Page 48: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/48.jpg)
Photo: CelticSong22
Friday, July 13, 2012
![Page 49: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/49.jpg)
Friday, July 13, 2012
![Page 50: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/50.jpg)
Friday, July 13, 2012
![Page 51: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/51.jpg)
PUT IT IN CONTEXTPeople need some way of understanding the product
or service.
Forget affordances: what people need are signifiers.
They are broader and richer.
They provide valuable clues to sift information.
Friday, July 13, 2012
![Page 52: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/52.jpg)
Websites rely on pictures and icons to convey messages.
Design elements that give the user context:
NavigationButtonsIcons
DESIGN ELEMENTS
Friday, July 13, 2012
![Page 53: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/53.jpg)
Navigation
Friday, July 13, 2012
![Page 54: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/54.jpg)
Buttons
Friday, July 13, 2012
![Page 55: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/55.jpg)
Icons
Friday, July 13, 2012
![Page 56: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/56.jpg)
MENTAL MODELSOur ideas of how things work.
Are an explanation of our thought process about how something works.
Includes what we think is true, not necessarily what is actually true.
Friday, July 13, 2012
![Page 57: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/57.jpg)
www.bing.com
Why, oh why, do people search for a website ifthey already know its name?
Friday, July 13, 2012
![Page 58: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/58.jpg)
www.bing.com
Friday, July 13, 2012
![Page 59: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/59.jpg)
USER ACTIONSUsers plan actions based on their models.
People expect websites to act alike.
Goal is to create interfaces that match how people think something should work.
Friday, July 13, 2012
![Page 60: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/60.jpg)
WHY DOESN’T THIS IPAD WORK?(because it’s a magazine)
Friday, July 13, 2012
![Page 61: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/61.jpg)
DIAGNOSING PROBLEMSUnderstanding the concept of mental models can help you make sense of usability problems.
Users expect to know which elements on a page are clickable.
On e-commerce sites they expect to see photos.
Headings, labels and categories will differ depending on target audience.
Friday, July 13, 2012
![Page 62: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/62.jpg)
HOW PEOPLE USE SITES.
Friday, July 13, 2012
![Page 63: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/63.jpg)
YOU HAVE LESS THAN TWO MINUTES TO COMMUNICATE THE FIRST TIME A PROSPECTIVE CUSTOMER VISITS YOUR WEBSITE.
Every page must justify its claim on their time. If a page doesn’t do that immediately and clearly, users go elsewhere. Most people don’t even bother scrolling to see what’s farther down the page.
Friday, July 13, 2012
![Page 64: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/64.jpg)
...will fail a third of the time when trying to complete a task.
...will choose sites that have proven useful in the past.
...will spend 1 minute 49 seconds on a site before abandoning.
...will visit 3.2 sites (besides search engines) to find a site.
...has only a 12% possibility of revisiting a site.
THE AVERAGE USER...
Friday, July 13, 2012
![Page 65: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/65.jpg)
Users don’t read they scan. Users don’t make optimal choices.Users don’t figure out how things work.Users don’t always come through the homepage.
MORE ABOUT USERS...
Friday, July 13, 2012
![Page 66: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/66.jpg)
Let users know where they are and how to proceed.
Company name or logo in upper left cornerDirect, one click link to home pageSearch (ideally in upper right corner)Consider using breadcrumbs to orient user
GUIDELINES
Friday, July 13, 2012
![Page 67: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/67.jpg)
WHY PEOPLE LEAVE SITES.
Friday, July 13, 2012
![Page 68: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/68.jpg)
BACKGROUND MUSICwhy is this playing?!
Friday, July 13, 2012
![Page 69: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/69.jpg)
POP UPS
Friday, July 13, 2012
![Page 70: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/70.jpg)
LONG WAIT TIME
Friday, July 13, 2012
![Page 71: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/71.jpg)
CAN’T FIND SOMETHING
Friday, July 13, 2012
![Page 72: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/72.jpg)
Friday, July 13, 2012
![Page 73: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/73.jpg)
CAN’T TELL WHAT IT’S ABOUT(rentmychest.com)
Friday, July 13, 2012
![Page 74: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/74.jpg)
PAGINATION
Friday, July 13, 2012
![Page 75: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/75.jpg)
INTERSTITIAL ADS
Friday, July 13, 2012
![Page 76: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/76.jpg)
BAD NAVIGATION
Friday, July 13, 2012
![Page 77: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/77.jpg)
Friday, July 13, 2012
![Page 78: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/78.jpg)
POOR INFORMATION SCENT- dictates maximum benefit for minimum effort
- users access if their paths show cues related to
desired outcome
- progress must seem rapid to be worth the effort required to reach the destination
- don’t use made up words
Friday, July 13, 2012
![Page 79: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/79.jpg)
Friday, July 13, 2012
![Page 80: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/80.jpg)
REQUIRED TO REGISTER
Friday, July 13, 2012
![Page 81: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/81.jpg)
TOO MUCH MOVEMENTone exception.
Friday, July 13, 2012
![Page 82: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/82.jpg)
TYPOS & POOR GRAMMARMy suns is cutting wood with a acts but they ain’t aloud to
drink ail in front of there ant.
Friday, July 13, 2012
![Page 83: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/83.jpg)
LAME FONTS
Friday, July 13, 2012
![Page 84: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/84.jpg)
COBWEBS
Friday, July 13, 2012
![Page 85: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/85.jpg)
LACK OF CLARITY
Friday, July 13, 2012
![Page 86: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/86.jpg)
Friday, July 13, 2012
![Page 87: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/87.jpg)
FLASH BASED
Friday, July 13, 2012
![Page 88: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/88.jpg)
NO ABOUT OR CONTACT PAGE
Friday, July 13, 2012
![Page 89: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/89.jpg)
PR JARGONBlue-sky thinking = Creative
Grey Beard = Corporate Head
Seed = Share
Friday, July 13, 2012
![Page 90: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/90.jpg)
IT’S UGLY.
Friday, July 13, 2012
![Page 91: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/91.jpg)
USER CENTERED DESIGN
Friday, July 13, 2012
![Page 92: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/92.jpg)
Design philosophy that focuses on the end user through:
Planning PhaseDesign PhaseDevelopment Phase
Requires research on end user.
WHAT IS USER CENTERED DESIGN?
Friday, July 13, 2012
![Page 93: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/93.jpg)
ISO 9241-210 (formerly 13407) International standard for human-centered process.
Friday, July 13, 2012
![Page 94: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/94.jpg)
ISO 9241-210 (formerly 13407) 6 key principles that will ensure your design is user centered:
1. The design is based upon an explicit understanding of users, tasks and environments.
2. Users are involved throughout design and development.
3. The design is driven and refined by user-centered evaluation.
Friday, July 13, 2012
![Page 95: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/95.jpg)
ISO 9241-210 (formerly 13407) The process is iterative.
The design addresses the whole user experience.
The design team includes multidisciplinary skills and perspectives.
Friday, July 13, 2012
![Page 96: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/96.jpg)
STEP #1:Identify your users.
Who are they?
What are their tasks and goals?
What is their experience level?
Friday, July 13, 2012
![Page 97: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/97.jpg)
Who are the users?What do they need to do, their tasks?What do they currently do?How satisfied are they with their current routines?What is their experience level?What kind of environment are they working in?What are their preferences, and their goals?
KNOW YOUR USERS
Friday, July 13, 2012
![Page 98: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/98.jpg)
STEP #2:What functions are required?
What information do they need?
What form should it be?
How do users think it should work?
Friday, July 13, 2012
![Page 99: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/99.jpg)
STEP #3:Create design solutions.
(Think simplicity, simplicity, simplicity.)
Friday, July 13, 2012
![Page 100: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/100.jpg)
STEP #4:Evaluate designs by testing usability.
Friday, July 13, 2012
![Page 101: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/101.jpg)
IDENTIFY NEED FOR HUMAN
CENTERED DESIGNSPECIFY CONTEXT OF USE
SPECIFY REQUIREMENTS
PRODUCE DESIGN SOLUTIONS
EVALUATE DESIGNSSYSTEM
SATISFIES SPECIFIED REQUIREMENTS
Friday, July 13, 2012
![Page 102: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/102.jpg)
enlarge
Friday, July 13, 2012
![Page 103: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/103.jpg)
THE TEN USABILITY HEURISTICS
Friday, July 13, 2012
![Page 104: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/104.jpg)
THE TEN USABILITY HEURISTICS These are ten general principles for user interface design. They are called “heuristics” because they are more in the nature of rules of thumb than specific usability guidelines.
-Jacob Nielsen, 1994
Friday, July 13, 2012
![Page 105: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/105.jpg)
#1 VISIBILITY OF SYSTEM STATUS #2 MATCH BETWEEN SYSTEM AND THE REAL WORLD#3 USER CONTROL AND FREEDOM#4 CONSISTENCY AND STANDARDS#5 ERROR PREVENTION#6 RECOGNITION RATHER THAN RECALL#7 FLEXIBILITY AND EFFICIENCY OF USE#8 AESTHETIC AND MINIMALIST DESIGN#9 HELP USERS RECOGNIZE, DIAGNOSE, & RECOVER FROM ERRORS#10 HELP AND DOCUMENTATION
THE TEN USABILITY HEURISTICS
Friday, July 13, 2012
![Page 106: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/106.jpg)
#1 VISIBILITY OF SYSTEM STATUS
The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.
Friday, July 13, 2012
![Page 107: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/107.jpg)
DOFriday, July 13, 2012
![Page 108: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/108.jpg)
Friday, July 13, 2012
![Page 109: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/109.jpg)
DON’TFriday, July 13, 2012
![Page 110: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/110.jpg)
Friday, July 13, 2012
![Page 111: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/111.jpg)
#2 MATCH BETWEEN SYSTEM AND THE REAL WORLD
The system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order.
Friday, July 13, 2012
![Page 112: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/112.jpg)
DOFriday, July 13, 2012
![Page 113: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/113.jpg)
Friday, July 13, 2012
![Page 114: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/114.jpg)
DON’TFriday, July 13, 2012
![Page 115: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/115.jpg)
Friday, July 13, 2012
![Page 116: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/116.jpg)
#3 USER CONTROL AND FREEDOM
Users often choose system functions by mistake and will need a clearly marked "emergency exit" to leave the unwanted state without having to go through an extended dialogue. Support undo and redo.
Friday, July 13, 2012
![Page 117: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/117.jpg)
DOFriday, July 13, 2012
![Page 118: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/118.jpg)
Friday, July 13, 2012
![Page 119: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/119.jpg)
DON’TFriday, July 13, 2012
![Page 120: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/120.jpg)
Friday, July 13, 2012
![Page 121: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/121.jpg)
#4 CONSISTENCY AND STANDARDS
Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions.
Friday, July 13, 2012
![Page 122: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/122.jpg)
DOFriday, July 13, 2012
![Page 123: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/123.jpg)
Friday, July 13, 2012
![Page 124: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/124.jpg)
DON’TFriday, July 13, 2012
![Page 125: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/125.jpg)
Friday, July 13, 2012
![Page 126: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/126.jpg)
#5 ERROR PREVENTION
Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.
Friday, July 13, 2012
![Page 127: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/127.jpg)
DOFriday, July 13, 2012
![Page 128: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/128.jpg)
Friday, July 13, 2012
![Page 129: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/129.jpg)
DON’TFriday, July 13, 2012
![Page 130: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/130.jpg)
Friday, July 13, 2012
![Page 131: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/131.jpg)
#6 RECOGNITION RATHER THAN RECALL
Minimize 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. Instructions for use of the system should be visible or easily retrievable whenever appropriate.
Friday, July 13, 2012
![Page 132: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/132.jpg)
DOFriday, July 13, 2012
![Page 133: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/133.jpg)
Friday, July 13, 2012
![Page 134: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/134.jpg)
DON’TFriday, July 13, 2012
![Page 135: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/135.jpg)
Friday, July 13, 2012
![Page 136: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/136.jpg)
#7 FLEXIBILITY AND EFFICIENCY OF USE
Accelerators -- 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.
Friday, July 13, 2012
![Page 137: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/137.jpg)
DOFriday, July 13, 2012
![Page 138: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/138.jpg)
Friday, July 13, 2012
![Page 139: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/139.jpg)
DON’TFriday, July 13, 2012
![Page 140: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/140.jpg)
Friday, July 13, 2012
![Page 141: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/141.jpg)
#8 AESTHETIC AND MINIMALIST DESIGN
Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.
Friday, July 13, 2012
![Page 142: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/142.jpg)
DOFriday, July 13, 2012
![Page 143: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/143.jpg)
Friday, July 13, 2012
![Page 144: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/144.jpg)
DON’TFriday, July 13, 2012
![Page 145: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/145.jpg)
Friday, July 13, 2012
![Page 146: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/146.jpg)
#9 HELP USERS RECOGNIZE, DIAGNOSE, & RECOVER FROM ERRORS
Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.
Friday, July 13, 2012
![Page 147: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/147.jpg)
DOFriday, July 13, 2012
![Page 148: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/148.jpg)
Friday, July 13, 2012
![Page 149: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/149.jpg)
DON’TFriday, July 13, 2012
![Page 150: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/150.jpg)
Friday, July 13, 2012
![Page 151: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/151.jpg)
#10 HELP AND DOCUMENTATION
Even 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.
Friday, July 13, 2012
![Page 152: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/152.jpg)
DOFriday, July 13, 2012
![Page 153: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/153.jpg)
Friday, July 13, 2012
![Page 154: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/154.jpg)
DON’TFriday, July 13, 2012
![Page 155: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/155.jpg)
Friday, July 13, 2012
![Page 156: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/156.jpg)
USABILITY REVIEWS
Friday, July 13, 2012
![Page 157: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/157.jpg)
HOMEPAGE
This small square should not be there, it links to different version of the about page with no title. You can delete that page to get rid of the square.
This title is too long. People get confused by page titles that do not describe the page intuitively and concisely. It should read “About” or “About The Blog”
A search box is a great thing to have, and this is the perfect place to put it.
You don’t need a comment feed.. Unless you know for a fact that your users are using this feature, just having a post feed is fine enough. Then you don’t even need to have all that text, the orange icon is an industry standard.
Your blog name is too long, it doesn’t sound like a website name. It also sounds like it’s referring to a specific discovery. A shorter blog name will allow people to remember your site and URL more easily.
Though the design (layout/color palette/fonts) of your website isn’t necessarily bad, we don’t feel that it communicates to your target audience effectively. If you are looking to make science accessible and understandable to laymen, the design should reflect that. The current design seems too scholarly, clinical, and outdated.
Though aesthetically pleasing, this image just doesn’t say “science”. It speaks more to travel and history, and the discovery of ancient worlds as opposed to new studies in science.
There is too little typographic hierarchy on your site. Not even the site’s name or the post titles really come out and grab your attention. It all looks like a wall of text, which makes it harder for a user to navigate.
You should not display the full blog post on the homepage. Show the title and an excerpt, and allow the user to “read more” if they’re interested. This keeps users from having to scroll down through articles that they have no interest in.
Your blog posts could benefit from the addition of relevant images that summarize what the content is about. Right they appear as just a big, gray box of text intimidating text.
Who are you? How are you associated with science? I can’t even find your full name on this page! It is important that you include an “About the Author” page to establish your credibility and put a face to the site.
As the eye can only comfortably track 7 to 10 words a line, your sentences are a tad too long.
Friday, July 13, 2012
![Page 158: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/158.jpg)
Too much movement. Very distracting.
Because this is green, I am assumingthis is the page that I am on, but it is not.
This opens in a new window, with newcolors. Very disorienting.
Most Popular Topics (is this different than the blog topics?), Today’s News, Popular Links, Latest News. SO MUCH TO CHOOSE FROM! I don’t know where to start? What is most important?
This block could be confused with advertising and may be ignored.
Too many navigation options!
These questions (links) would makefor excellent callouts, but not necessarilynavigational links.
These buttons are totally lost among all the options on this page.
I need a little hint as to what attainivf is before I click. This istoo vague.
Seeing Fans is nice, but just adds to the clutter and creates further distraction on this very busy page.
Unappealing image.
Is this advertising?
Friday, July 13, 2012
![Page 159: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/159.jpg)
This appears to be an ad! Why would you encourage users to LEAVE your site to play Fantasy Football? Doesn’t even open in another window.
Remove all this. Replace with: Register for Free with a link to register. And have Log In button.
Clean this area up. Remove the image of Las Vegas, Make it a clean and simple logo like all your competition does.
This whole area takes up valuable real estate. On Sport’s Advisors, the ads are smaller allowing the left side bar to come up. Also, the content of the ads are much more compelling. I would reconsider what if anything you want to put here.
This can move to the bottom of the page. Everyone takes these credit cards.
This is a wonderful service, but it pushed down the menu of handicappers which is what people are going to be looking for. They can get the scores via your top navigation. You may want to consider saying “Live Scores”
Remove the word Menu. Not needed.Move this whole block up.
I would remove everything in this green block and replace with this.
HOMEPAGE
Friday, July 13, 2012
![Page 160: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/160.jpg)
Navigation is too light in color. No contrast. Needs to be more obvious.
This blur looks like it is a mistake.
Search box is not obvious. It needs to be moved to the upper right as that is now standard practice and where most users will look for it. Plus it is buried in with the contact information and not self evident.
While you can have news bites on the homepage, that is not the role of the homepage.The role of the homepage is to communicate what the company is, the value the site offers over the competition and the product or services offered. Presently, it does NONE of those things.
The novice user can feel overwhelmed by homepages that do not help them understand their options. They may become embarrassed and blame themselves. They will just leave the site and go to a more welcoming site.
The challenge is to design a homepage that gives the user access to important features without cramming them onto the page itself. Focus and clarity are most important, as are the users' goals. They need to be identified early. I question if they have been.
The word “HOT” does not belong on a site of this nature. It cheapens the work and seems inappropriate.
The logo on the homepage is customarily larger and more prominent. It is getting lost on this page because of lack of contrast and the blurring of the image.
This Giving aid link is too passive. No one will see it.
The site map link should be more prominent.
This extranet link may be confusing if it refers to the CLUB..
Who is IAAATA and SNA? Partners? Agencies? Memberships? Should at the very least have a link so the uninformed user can research what they are.
Friday, July 13, 2012
![Page 161: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/161.jpg)
Please break into groups.
Find a site to do a “heuristic” (usability) review.Be prepared to share your observations with the class.
WORKSHOP #3
Friday, July 13, 2012
![Page 162: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/162.jpg)
USER AND BUSINESS GOALS
Friday, July 13, 2012
![Page 163: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/163.jpg)
BUSINESS GOALS“Customer experience is the defining success factor in business for the next twenty years. Learning from customers, creating the experience they want, measuring the success of what you do, continually fine-tuning the service and returning to customers to learn more--this now must be the primary mission of any business that has customers. If you create a great customer experience, you’ll almost certainly win.” Mark Hurst
Friday, July 13, 2012
![Page 164: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/164.jpg)
USER AND BUSINESS GOALS ...should be aligned.
Friday, July 13, 2012
![Page 165: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/165.jpg)
KNOW THE BUSINESS Having a satisfied user doesn't necessarily build a satisfied company.
Interview the stakeholders, get to understand their strategy and business goals.
Ultimately usability must serve the bottom line.
Friday, July 13, 2012
![Page 166: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/166.jpg)
Suits decide on business goalsConvert to strategyBrings in design team Do it cheap Put everything on the homepage Put my division on the top of the hierarchy Hide the contact info Get to market asap
HERE’S WHAT HAPPENS:
Friday, July 13, 2012
![Page 167: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/167.jpg)
Friday, July 13, 2012
![Page 168: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/168.jpg)
WHAT’S THE RESULT?Bad user experience.
Friday, July 13, 2012
![Page 169: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/169.jpg)
BUSINESS GOALS ARE UNIVERSALIncrease traffic to the site.
Retain users.
Improve conversion rates.
Friday, July 13, 2012
![Page 170: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/170.jpg)
CONVERSIONWhen a prospective customer takes the marketer's intended action.
-Wikipedia
Friday, July 13, 2012
![Page 171: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/171.jpg)
SALESSign ups
Contact form submissions
Friday, July 13, 2012
![Page 172: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/172.jpg)
Timely, relevant contentEngage themProvide an experience
SERVE THEIR NEEDS.
HOW TO RETAIN USERS:
Friday, July 13, 2012
![Page 173: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/173.jpg)
Easy to use siteClear hierarchyCalls to actionCommunicate valueStudy analyticsA/B testing
SERVE THEIR NEEDS.
HOW TO IMPROVE CONVERSION:
Friday, July 13, 2012
![Page 174: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/174.jpg)
Interesting, original copyIn-bound linksSearch Engine Optimization (SEO)E-blasts/NewslettersSocial Media
SERVE THEIR NEEDS.
HOW TO INCREASE TRAFFIC:
Friday, July 13, 2012
![Page 175: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/175.jpg)
DESIRABILITY
Friday, July 13, 2012
![Page 176: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/176.jpg)
DESIRABILITY Delight comes not from the latest widget but from helping uses accomplish their goals.
Friday, July 13, 2012
![Page 177: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/177.jpg)
Brings value to the userHighlights valuePersuades user of valueAdds emotional value to user
DESIRABILITY
piano stairs Pentagram
Friday, July 13, 2012
![Page 178: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/178.jpg)
Friday, July 13, 2012
![Page 179: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/179.jpg)
Friday, July 13, 2012
![Page 180: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/180.jpg)
Friday, July 13, 2012
![Page 181: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/181.jpg)
Friday, July 13, 2012
![Page 182: Website Usability | Class 1](https://reader034.vdocuments.us/reader034/viewer/2022051816/5442d686afaf9ff3098b4784/html5/thumbnails/182.jpg)
1. Surf the web. Find one site that is easy to use. One that isn’t. Tell why.2. If you had to do a comprehensive usability plan for the Coca Cola website or Microsoft Web site, which would you chose and why? Type your answers and submit next week.3. Download “Research Based Web Design & Usability Guidelines.” Read chapter one and two.4. Look at the site you reviewed at the start of the class. Write down what changes you would make to make the site more user-friendly. Type your answers and submit next week.
www.realbusiness.comwww.lifehacker.com
HOMEWORK WEEK #1
Friday, July 13, 2012