Difference between revisions of "Usability"

Difference between revisions of "Usability"

From Learning and training wiki

Share/Save/Bookmark
Jump to: navigation, search
 
(23 intermediate revisions by 5 users not shown)
Line 1: Line 1:
{{Term|USABILITY|A quality attribute that assesses how easy user interfaces are to use. The term usability also refers to methods for improving ease-of-use during the design process. Usability is defined by six quality components <ref> [http://www.useit.com www.useit.com],[http://www.motive.co.nz www.motive.co.nz], [http://en.wikipedia.org en.wikipedia.org] (23 July 2008)</ref>:}}  
+
{{Term|USABILITY|How efficiently and easily people can navigate an interface and use it as a source of information. The term usability also refers to methods for improving ease-of-use during the design process. Usability is defined by six quality components:}}  
  
 
+
{| style="border:1px solid #7F4F1F;background:#FFFAF0;color:white;"   
{| style="border:1px solid #E4AB52;background:#E4AB52;color:white;"   
+
 
|-  
 
|-  
! width= "100pt" | Qualities   
+
! width= "100pt" | <font color= #7F4F1F> Qualities  </font>
! width= "950pt" | Content
+
! width= "950pt" | <font color= #7F4F1F> Content </font>
|- style="border:1px solid #E4AB52;background:#F9F6D5;color:black;"   
+
|- style="border:1px solid #D87A35;background:white;color:black;"   
| '''Utility'''
+
| Utility  
 
| A key attribute of a design process is utility, which refers to the design's functionality. Usability and utility are equally important.
 
| A key attribute of a design process is utility, which refers to the design's functionality. Usability and utility are equally important.
|- style="border:1px solid #E4AB52;background:#F9F6D5;color:black;"   
+
|- style="border:1px solid #D87A35;background:white;color:black;"   
|'''Learnability''' || An easy way for users to accomplish basic tasks the first time they encounter the design (a user-friendly Website).   
+
| Learnability || An easy way for users to accomplish basic tasks the first time they encounter the design (a user-friendly Website).   
|- style="border:1px solid #E4AB52;background:#F9F6D5;color:black;"   
+
|- style="border:1px solid #D87A35;background:white;color:black;"   
|'''Efficiency''' ||Once users have learned the design, how quickly can they perform tasks.
+
| Efficiency ||Once users have learned the design, how quickly can they perform tasks.
|- style="border:1px solid #E4AB52;background:#F9F6D5;color:black;"   
+
|- style="border:1px solid #D87A35;background:white;color:black;"   
|'''Memorability''' ||When users return to the design after a period of time, how easily can they reestablish proficiency.  
+
| Memorability ||When users return to the design after a period of time, how easily can they re-establish proficiency.  
|- style="border:1px solid #E4AB52;background:#F9F6D5;color:black;"   
+
|- style="border:1px solid #D87A35;background:white;color:black;"   
|'''Errors''' ||How easily users can recover from the errors.
+
|Errors ||How easily users can recover from the errors.
|- style="border:1px solid #E4AB52;background:#F9F6D5;color:black;"   
+
|- style="border:1px solid #D87A35;background:white;color:black;"   
|'''Satisfaction''' ||How pleasant is it to use the design process.
+
| Satisfaction ||How pleasant is it to use the design process. <ref> [http://www.useit.com www.useit.com] (23 July 2008), [http://www.motive.co.nz www.motive.co.nz] (23 July 2008), [http://www.wikipedia.org Wikipedia] (23 July 2008); Instructor Competencies - Standards for Face-to-Face, Online, and Blended Settings, James D. Klein, M.Michael Spector, B. Grabowski, Ileana de la Teja, 2004</ref>
 
|}
 
|}
  
  
  
 +
{{Tool|Improving the usability of a website|
 +
=='''Step by Step'''==
 +
#Explain visitors the purpose of your website either on your homepage or on an "About" page.
 +
#Delete big graphics and flash movies, as they make download time longer.
 +
#Create a sitemap, which visitors can use to quickly find the page of their interest, and also to get an overall idea of the website.
 +
#Make your website easy to read. Be aware that reading from the computer screen tires the eyes. Hence, it is crucial to keep the font size big enough, and to make colors contrast nicely. Use clear and simple language and limit paragraph length.
 +
#Make navigation consistent, as well from page to page as from section to section.
 +
#Test your website using different browsers and making sure that all links you added work properly. To test your website you might also ask some representative users, such as employees for an intranet or students for a university site, to perform some tasks. Crucial is to test users on an individual basis and to let them solve problems on their own, without helping them. Watching what they do, and checking if they can find the right page quickly is more useful then asking their opinion on the website.
 +
#Start testing your website early in the design process. If you are about to start a new design for your website, test the old one, whose good parts you might keep. Make paper prototypes of new design ideas and test them. Once you have implemented the new design, test it again, as subtle usability problems may have arisen during implementation.<ref> [http://www.ehow.com/how_2089271_improve-usability-website.html www.ehow.com] (25 November 2009),
 +
[http://www.practicalecommerce.com/articles/361-10-Tips-To-Improve-Usability www.practicalecommerce.com] (25 November 2009),
 +
[http://www.useit.com/alertbox/20030825.html www.useit.com] (25 November 2009),
 +
[http://www.squidoo.com/usabilityeffect www.squidoo.com] (25 November 2009)</ref>}}
  
 +
=='''Job Aid'''==
 +
[[Image:pdf.png]] [[Media:Toolkit_Template_Usability.pdf‎|Improving the usability of a website]]
  
 
== References ==
 
== References ==
 
<references/>
 
<references/>

Latest revision as of 14:09, 7 February 2012

Term2.png USABILITY
How efficiently and easily people can navigate an interface and use it as a source of information. The term usability also refers to methods for improving ease-of-use during the design process. Usability is defined by six quality components:
Qualities Content
Utility A key attribute of a design process is utility, which refers to the design's functionality. Usability and utility are equally important.
Learnability An easy way for users to accomplish basic tasks the first time they encounter the design (a user-friendly Website).
Efficiency Once users have learned the design, how quickly can they perform tasks.
Memorability When users return to the design after a period of time, how easily can they re-establish proficiency.
Errors How easily users can recover from the errors.
Satisfaction How pleasant is it to use the design process. [1]


Toolkit.png Improving the usability of a website

Step by Step

  1. Explain visitors the purpose of your website either on your homepage or on an "About" page.
  2. Delete big graphics and flash movies, as they make download time longer.
  3. Create a sitemap, which visitors can use to quickly find the page of their interest, and also to get an overall idea of the website.
  4. Make your website easy to read. Be aware that reading from the computer screen tires the eyes. Hence, it is crucial to keep the font size big enough, and to make colors contrast nicely. Use clear and simple language and limit paragraph length.
  5. Make navigation consistent, as well from page to page as from section to section.
  6. Test your website using different browsers and making sure that all links you added work properly. To test your website you might also ask some representative users, such as employees for an intranet or students for a university site, to perform some tasks. Crucial is to test users on an individual basis and to let them solve problems on their own, without helping them. Watching what they do, and checking if they can find the right page quickly is more useful then asking their opinion on the website.
  7. Start testing your website early in the design process. If you are about to start a new design for your website, test the old one, whose good parts you might keep. Make paper prototypes of new design ideas and test them. Once you have implemented the new design, test it again, as subtle usability problems may have arisen during implementation.[2]

Job Aid

Pdf.png Improving the usability of a website

References

  1. www.useit.com (23 July 2008), www.motive.co.nz (23 July 2008), Wikipedia (23 July 2008); Instructor Competencies - Standards for Face-to-Face, Online, and Blended Settings, James D. Klein, M.Michael Spector, B. Grabowski, Ileana de la Teja, 2004
  2. www.ehow.com (25 November 2009), www.practicalecommerce.com (25 November 2009), www.useit.com (25 November 2009), www.squidoo.com (25 November 2009)