Difference between revisions of "Usability"
From Learning and training wiki
(25 intermediate revisions by 6 users not shown) | |||
Line 1: | Line 1: | ||
− | {{Term|USABILITY| | + | {{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 # | + | |
|- | |- | ||
− | ! width= "100pt" | Qualities | + | ! width= "100pt" | <font color= #7F4F1F> Qualities </font> |
− | ! width= "950pt" | Content | + | ! width= "950pt" | <font color= #7F4F1F> Content </font> |
− | |- style="border:1px solid # | + | |- style="border:1px solid #D87A35;background:white;color:black;" |
− | | | + | | 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 # | + | |- 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). |
− | |- style="border:1px solid # | + | |- style="border:1px solid #D87A35;background:white;color:black;" |
− | | | + | | Efficiency ||Once users have learned the design, how quickly can they perform tasks. |
− | |- style="border:1px solid # | + | |- 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 re-establish proficiency. |
− | |- style="border:1px solid # | + | |- style="border:1px solid #D87A35;background:white;color:black;" |
− | | | + | |Errors ||How easily users can recover from the errors. |
− | |- style="border:1px solid # | + | |- style="border:1px solid #D87A35;background:white;color:black;" |
− | | | + | | 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
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] |
Improving the usability of a website |
Step by Step
|
Job Aid
Improving the usability of a website
References
- ↑ 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
- ↑ www.ehow.com (25 November 2009), www.practicalecommerce.com (25 November 2009), www.useit.com (25 November 2009), www.squidoo.com (25 November 2009)