What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use....
-
Upload
jessie-greene -
Category
Documents
-
view
218 -
download
2
Transcript of What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use....
![Page 1: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/1.jpg)
![Page 2: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/2.jpg)
What Is Usability?
• Usability is a quality attribute that
assesses how easy Web sites are to use.
• “Usability" also refers to methods for
improving ease-of-use during the design
process.
![Page 3: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/3.jpg)
What Is Usability?
• Learnability: How easy is it for users to
accomplish basic tasks the first time they
encounter the design?
• Efficiency: Once users have learned the design,
how quickly can they perform tasks?
• Memorability: When users return to the design
after a period of not using it, how easily can they
reestablish proficiency?
• Satisfaction: How pleasant is it to use the design?
![Page 4: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/4.jpg)
User Experience
• Usability is a necessary condition for Web survival, people will leave if:– A Web site is difficult to use – The homepage fails to clearly state
what a company offers and what users can do on the site
– Users get lost– Information is hard to read or doesn't
answer users' key questions
![Page 5: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/5.jpg)
User Experience
• A good user-experience should allow
users to find what they want quickly
and should help to eliminate
frustration in not being able to find
information
![Page 6: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/6.jpg)
Usability Issues
• Functionality
– How easy is it for people to use the site?
• Design
– How well are the page elements
arranged?
– Is the site aesthetically pleasing?
![Page 7: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/7.jpg)
Functionality
• It’s all about the Navigation
– Grouping Navigational Elements
![Page 8: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/8.jpg)
GROUPED BY USER TYPE
![Page 9: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/9.jpg)
GROUPED BY ACTIVITY
![Page 10: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/10.jpg)
GROUPED BY ORDER OF EXPERIENCE
![Page 11: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/11.jpg)
![Page 12: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/12.jpg)
![Page 13: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/13.jpg)
Functionality
• Grouping Navigational Elements
– Grouped by User Type, Activity, Order of
Experience, etc…
• Limit Number of User Groups (5-10)
– Too Few: Incomplete Appearance
– Too Many: Overwhelming to User
![Page 14: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/14.jpg)
Functionality
• It’s all about the Navigation
– Grouping Navigational Elements
– Simple Naming Schemes
![Page 15: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/15.jpg)
![Page 16: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/16.jpg)
![Page 17: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/17.jpg)
![Page 18: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/18.jpg)
Functionality
• KSU Admissions Opportunities & Application Process
• Donations & Fundraising Drive / Donations of Clothes & Toys
• KSU UNICEF Chapter Fundraising Effort For Displaced Children
• Campus Employment Opportunities for Displaced Individuals
• English Language Support for Displaced Individuals
• Calendar of Campus Activities
• Admissions & Application
• Donations & Fundraising
• KSU UNICEF
• Campus Employment
• ESOL Support
• Campus Activities
![Page 19: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/19.jpg)
Functionality
• Simple Naming Schemes
– Use Terms People Are Familiar With
(About Us, FAQ, Contact, etc…)
– Concepts Should Be Conveyed In Two
Words or Less
– Unconventional Naming Schemes = High
Probability In Confusing Your User
![Page 20: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/20.jpg)
Functionality
• It’s all about the Navigation
– Grouping Navigational Elements
– Simple Naming Schemes
– Clear/Easy-to-Understand Labeling
![Page 21: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/21.jpg)
![Page 22: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/22.jpg)
![Page 23: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/23.jpg)
![Page 24: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/24.jpg)
![Page 25: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/25.jpg)
![Page 26: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/26.jpg)
Functionality
• Clear/Easy-to-Understand Labeling
– Navigation Options Should Be Easy to Find
and Readable
– Outside the Box for the Sake of Be Different
Can Seriously Negatively Impact a Site’s
Usability
– Just Because a Concept Makes Sense To You
Doesn’t Mean That Your Users Will “Get It”
![Page 27: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/27.jpg)
Functionality
• It’s all about the Navigation
– Grouping Navigational Elements
– Simple Naming Schemes
– Clear/Easy-to-Understand Labeling
– Page-to-Page Consistency
![Page 28: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/28.jpg)
![Page 29: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/29.jpg)
![Page 30: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/30.jpg)
![Page 31: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/31.jpg)
![Page 32: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/32.jpg)
![Page 33: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/33.jpg)
![Page 34: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/34.jpg)
![Page 35: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/35.jpg)
![Page 36: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/36.jpg)
![Page 37: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/37.jpg)
Functionality
• Page-to-Page Consistency
– Navigation Areas/Regions Shouldn’t
Change Location Throughout the Site
– Main Navigation Options Should Remain
In the Same Order
– Navigation Look and Feel Should Remain
the Same Throughout the Site
![Page 38: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/38.jpg)
Functionality
• It’s all about the Navigation
– Grouping Navigational Elements
– Simple Naming Schemes
– Clear/Easy-to-Understand Labeling
– Page-to-Page Consistency
![Page 39: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/39.jpg)
Design
• Is the Site Aesthetically
Pleasing?
– A Well-Built Home Page
![Page 40: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/40.jpg)
![Page 41: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/41.jpg)
![Page 42: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/42.jpg)
![Page 43: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/43.jpg)
![Page 44: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/44.jpg)
![Page 45: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/45.jpg)
![Page 46: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/46.jpg)
![Page 47: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/47.jpg)
![Page 48: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/48.jpg)
![Page 49: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/49.jpg)
Design
• Effective Homepages Should Include:– Clear Logo/Titling in Header
– Most Important Navigational Element In Top Left-Hand Region
– Relevant Imagery
– Bottom Line: You should be able to look at the home page of any site and figure out what the site is about within four seconds. If you can't, your site has failed.
![Page 50: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/50.jpg)
Design
• Is the Site Aesthetically
Pleasing?
– A Well-Built Home Page
– Too Much Material On One Page
![Page 51: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/51.jpg)
![Page 52: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/52.jpg)
![Page 53: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/53.jpg)
![Page 54: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/54.jpg)
![Page 55: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/55.jpg)
![Page 56: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/56.jpg)
Design
• Enhance Page Content by Providing
Clear Links, Headings, Short Phrases,
Short Paragraphs, and Bulleted Lists
• Users Tend to Scan, Stopping Only
When They Find Something
Interesting
![Page 57: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/57.jpg)
Design
• Is the Site Aesthetically
Pleasing?
– A Well-Built Home Page
– Too Much Material On One Page
– Crazy Fonts
![Page 58: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/58.jpg)
![Page 59: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/59.jpg)
![Page 60: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/60.jpg)
![Page 61: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/61.jpg)
![Page 62: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/62.jpg)
![Page 63: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/63.jpg)
Design
• Use at Least a 10-point Font to Achieve
The Best Possible Reading Performance
• Fonts Smaller Than 10-Point Elicited
Slower Performance From Users
• The Older The Targeted Audience, The
Larger The Point Size (12-14 Point)
![Page 64: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/64.jpg)
Design
• Use Fonts That:
• Fit the Character of Your Site,
• Are Easy to Read On a Computer Screen, and
• Are Widely Available
![Page 65: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/65.jpg)
Design
• Is the Site Aesthetically
Pleasing?
– A Well-Built Home Page
– Too Much Material On One Page
– Crazy Fonts
![Page 66: What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.](https://reader035.fdocuments.in/reader035/viewer/2022062519/56649e2c5503460f94b1a9f0/html5/thumbnails/66.jpg)