Web usability

Last updated

Web usability of a website [1] consists of broad goals of usability, presentation of information, choices made in a clear and concise way, a lack of ambiguity and the placement of important items in appropriate areas as well as ensuring that the content works on various devices and browsers. [2]

Contents

Definition and components

Web usability includes a small learning curve, easy content exploration, findability, task efficiency, user satisfaction, and automation. These new components of usability are due to the evolution of the Web and personal devices. Examples: automation: auto fill, databases, personal account; efficiency: voice commands (Siri, Alexa, and other artificial intelligence assistants); findability. The number of websites has surpassed 1.5 billion [3] thus increasing the need for well-designed websites that serve their users as best as possible in the constantly more competitive market. With good usability, users can find what they are looking for quickly. With the wide spread of mobile devices and wireless internet access, companies are now able to reach a global market with users of all nationalities at any time and almost any place in the world. It is important for websites to be usable regardless of users' language and culture. Most users in developed countries conduct their personal business online: banking, studying, errands, etc., which has enabled people with disabilities to be independent. Websites also need to be accessible for those users. [4]

The goal of web usability is to provide user experience satisfaction by minimizing the time it takes to the user to learn new functionality and page navigation system, allowing the user to accomplish a task efficiently without major roadblocks, providing the user easy ways to overcome roadblocks, and fixing errors and re-adapting to the website or application system and functionality with minimum effort.

ISO approach

According to ISO 9241 (Ergonomic Requirements for Office Work with Visual Display Terminals), 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". Therefore, web usability can be defined as the ability of web applications to support web-related tasks with effectiveness, efficiency and satisfaction. Effectiveness represents accuracy and completeness when users achieve a specified goal. Efficiency is resource cost in relation to the accuracy and completeness. Satisfaction is the comfort and acceptability of use. [5]

Considerations

Accessibility

To attain universal usability for web-based services, designers and developers should take technology variety, user diversity and gaps in user knowledge into consideration. [6] Web usability improvements may include providing a strong contrast mode for people with color vision deficiency.

Language

Multilingual websites should offer the same experience to the users. [7] UI Alterations because the language and characters used should still provide the different components of usability. [8]

Mobile usability

With many different mobile devices, it is crucial to consider how the users accomplish their task on a small screen. Web usability components should be appropriate for the mobile device. The users should be awarded with a similar level of satisfaction and accomplishment as if they had used a desktop or laptop. [9] [10]

According to a survey conducted by Google, users want mobile-friendly websites, especially for research. They found that mobile users value short load times, big buttons and readable text, and simple input boxes. Moreover, if a website is mobile friendly, the users are more likely to return, but they will abandon the website if it is not. Google found that the three most sought-after pieces of information for mobile users are locations, opening hours and contact information. [11] Google has also created an online tool called "mobile friendly test" on the Google search console which allows to check mobile-friendliness of a website. [12]

Criteria

Nielsen's 10 heuristics

Jakob Nielsen's heuristics are widely adopted in interface design. It provides expert reviewers with a set of principles to discover usability problems and then categorize and rate them in a quick way. This set of heuristics includes visibility of system status, match between system and the real world and so on. According to Nielsen, there are 10 general principles: [13]

Accessibility guidelines

The W3C publishes a set of guidelines on Web accessibility called Web Content Accessibility Guidelines (WGAC). [14]

The second revision of WCAG, WCAG 2.0, is composed of twelve guidelines, distilled following the four principles that Web content should adhere to: being Perceivable, Operable, Understandable and Robust. [15]

W3C also provides a detailed checklist for this set of guidelines. [16]

Understanding usability

The concept of usability, particularly in the context of the internet, is most effectively understood from the perspective of the users.

Digital literacy has been growing steadily, [17] leading to a transformation in what Steve Krug highlights "how we really use the internet". [18] Owing to the familiarity and frequency of internet use, users have evolved from reading websites thoroughly to scanning them quickly, often in pursuit of specific information. This shift reflects the efficiency with which users have learned to filter and identify only the information they need, delving deeper only if the initial information doesn't fully meet their requirements.

Moreover, users tend to prioritize satisfactory outcomes over optimal ones when browsing the web, a behavior known as satisficing. This is largely due to the fast-paced nature of internet use and the negligible consequences of incorrect choices, such as clicking a wrong link, which can be easily rectified with a single click of the back button. This lack of penalty for guessing eliminates the need for users to deliberate extensively over which options to select.

As a consequence, most users are less concerned with understanding the underlying mechanics of websites as long as they can effectively navigate and utilize them. However, this behavior can lead to unanticipated thinking patterns and usage methods, which may deviate from the intended functionality of a website.

Usability testing and improvement

As more results of usability research become available, this leads to the development of methodologies for enhancing web usability. [19]

Usability testing is evaluating the different components of web usability (learnability, efficiency, memorability, errors and satisfaction) by watching the users accomplishing their task. Usability testing allows to uncover the roadblocks and errors users encounter while accomplishing a task. However, testing is not a one time event but rather an ongoing process.

See also

Related Research Articles

<span class="mw-page-title-main">Section 508 Amendment to the Rehabilitation Act of 1973</span>

In 1998, the U.S. Congress amended the Rehabilitation Act to require federal agencies to make their electronic and information technology accessible to people with disabilities. Section 508 was enacted to eliminate barriers in information technology, to make available new opportunities for people with disabilities and to encourage the development of technologies that will help achieve these goals. The law applies to all federal agencies when they develop, procure, maintain, or use electronic and information technology. Under Section 508, agencies must give employees with disabilities and members of the public access to information that is comparable to the access available to others.

Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; user interface design ; authoring, including standardised code and proprietary software; user experience design ; and search engine optimization. Often many individuals will work in teams covering different aspects of the design process, although some designers will cover them all. The term "web design" is normally used to describe the design process relating to the front-end design of a website including writing markup. Web design partially overlaps web engineering in the broader scope of web development. Web designers are expected to have an awareness of usability and be up to date with web accessibility guidelines.

Usability Engineering is a professional discipline that focuses on improving the usability of interactive systems. It draws on theories from computer science and psychology to define problems that occur during the use of such a system. Usability Engineering involves the testing of designs at various stages of the development process, with users or with usability experts. The history of usability engineering in this context dates back to the 1980s. In 1988, authors John Whiteside and John Bennett—of Digital Equipment Corporation and IBM, respectively—published material on the subject, isolating the early setting of goals, iterative evaluation, and prototyping as key activities. The usability expert Jakob Nielsen is a leader in the field of usability engineering. In his 1993 book Usability Engineering, Nielsen describes methods to use throughout a product development process—so designers can ensure they take into account the most important barriers to learnability, efficiency, memorability, error-free use, and subjective satisfaction before implementing the product. Nielsen’s work describes how to perform usability tests and how to use usability heuristics in the usability engineering lifecycle. Ensuring good usability via this process prevents problems in product adoption after release. Rather than focusing on finding solutions for usability problems—which is the focus of a UX or interaction designer—a usability engineer mainly concentrates on the research phase. In this sense, it is not strictly a design role, and many usability engineers have a background in computer science because of this. Despite this point, its connection to the design trade is absolutely crucial, not least as it delivers the framework by which designers can work so as to be sure that their products will connect properly with their target usership.

A HTML editor is a program used for editing HTML, the markup of a web page. Although the HTML markup in a web page can be controlled with any text editor, specialized HTML editors can offer convenience, added functionality, and organisation. For example, many HTML editors handle not only HTML, but also related technologies such as CSS, XML and JavaScript or ECMAScript. In some cases they also manage communication with remote web servers via FTP and WebDAV, and version control systems such as Subversion or Git. Many word processing, graphic design and page layout programs that are not dedicated to web design, such as Microsoft Word or Quark XPress, also have the ability to function as HTML editors.

The World Wide Web Consortium (W3C)'s Web Accessibility Initiative (WAI) is an effort to improve the accessibility of the World Wide Web for people with disabilities. People with disabilities encounter difficulties when using computers generally, but also on the Web. Since they often require non-standard devices and browsers, making websites more accessible also benefits a wide range of user agents and devices, including mobile devices, which have limited resources. According to a US government study, 71% of website visitors with disabilities will leave a website that is not accessible.

<span class="mw-page-title-main">Usability</span> Capacity of a system for its users to perform tasks

Usability can be described as the capacity of a system to provide a condition for its users to perform the tasks safely, effectively, and efficiently while enjoying the experience. In software engineering, usability is the degree to which a software can be used by specified consumers to achieve quantified objectives with effectiveness, efficiency, and satisfaction in a quantified context of use.

<span class="mw-page-title-main">Accessibility</span> Modes of usability for people with disabilities

Accessibility is the design of products, devices, services, vehicles, or environments so as to be usable by people with disabilities. The concept of accessible design and practice of accessible development ensures both "direct access" and "indirect access" meaning compatibility with a person's assistive technology.

<span class="mw-page-title-main">Jakob Nielsen (usability consultant)</span> American computer scientist (born 1957)

Jakob Nielsen is a Danish web usability consultant, human–computer interaction researcher, and co-founder of Nielsen Norman Group. He was named the “guru of Web page usability” in 1998 by The New York Times and the “king of usability” by Internet Magazine.

The following outline is provided as an overview of and topical guide to human–computer interaction:

Web accessibility, or eAccessibility, is the inclusive practice of ensuring there are no barriers that prevent interaction with, or access to, websites on the World Wide Web by people with physical disabilities, situational disabilities, and socio-economic restrictions on bandwidth and speed. When sites are correctly designed, developed and edited, more users have equal access to information and functionality.

The user experience (UX) is how a user interacts with and experiences a product, system or service. It includes a person's perceptions of utility, ease of use, and efficiency. Improving user experience is important to most companies, designers, and creators when creating and refining products because negative user experience can diminish the use of the product and, therefore, any desired positive impacts; conversely, designing toward profitability often conflicts with ethical user experience objectives and even causes harm. User experience is subjective. However, the attributes that make up the user experience are objective.

<span class="mw-page-title-main">User interface design</span> Planned operator–machine interaction

User interface (UI) design or user interface engineering is the design of user interfaces for machines and software, such as computers, home appliances, mobile devices, and other electronic devices, with the focus on maximizing usability and the user experience. In computer or software design, user interface (UI) design primarily focuses on information architecture. It is the process of building interfaces that clearly communicates to the user what's important. UI design refers to graphical user interfaces and other forms of interface design. The goal of user interface design is to make the user's interaction as simple and efficient as possible, in terms of accomplishing user goals.

<span class="mw-page-title-main">Mobile web</span> Mobile browser-based World Wide Web services

The mobile web refers to mobile browser-based World Wide Web services accessed from handheld mobile devices, such as smartphones or feature phones, through a mobile or other wireless network.

<span class="mw-page-title-main">Web Content Accessibility Guidelines</span> Web accessibility guidelines

The Web Content Accessibility Guidelines (WCAG) are part of a series of web accessibility guidelines published by the Web Accessibility Initiative (WAI) of the World Wide Web Consortium (W3C), the main international standards organization for the Internet. They are a set of recommendations for making Web content more accessible, primarily for people with disabilities—but also for all user agents, including highly limited devices, such as mobile phones. WCAG 2.0, were published in December 2008 and became an ISO standard, ISO/IEC 40500:2012 in October 2012. WCAG 2.1 became a W3C Recommendation in June 2018.

User experience design is the process of defining the experience a user would go through when interacting with a company, its services, and its products. Design decisions in UX design are often driven by research, data analysis, and test results rather than aesthetic preferences and opinions. Unlike user interface design, which focuses solely on the design of a computer interface, UX design encompasses all aspects of a user's perceived experience with a product or website, such as its usability, usefulness, desirability, brand perception, and overall performance. UX design is also an element of the customer experience (CX), which encompasses all aspects and stages of a customer's experience and interaction with a company.

The W3C Geolocation API is an effort by the World Wide Web Consortium (W3C) to standardize an interface to retrieve the geographical location information for a client-side device. It defines a set of objects, ECMAScript standard compliant, that executing in the client application give the client's device location through the consulting of Location Information Servers, which are transparent for the application programming interface (API). The most common sources of location information are IP address, Wi-Fi and Bluetooth MAC address, radio-frequency identification (RFID), Wi-Fi connection location, or device Global Positioning System (GPS) and GSM/CDMA cell IDs. The location is returned with a given accuracy depending on the best location information source available.

<span class="mw-page-title-main">CSS HTML Validator</span>

CSS HTML Validator is an HTML editor and CSS editor for Windows that helps web developers create syntactically correct and accessible HTML/HTML5, XHTML, and CSS documents by locating errors, potential problems like browser compatibility issues, and common mistakes. It is also able to check links, check spelling, suggest improvements, alert developers to deprecated, obsolete, or proprietary tags, attributes, and CSS properties, and find issues that can affect search engine optimization.

Lisa Seeman is an inventor and an entrepreneur and has been instrumental in creating standards for interoperability and accessibility.

<span class="mw-page-title-main">Responsive web design</span> Approach to web design for making web pages render well on a variety of devices

Responsive web design (RWD) or responsive design is an approach to web design that aims to make web pages render well on a variety of devices and window or screen sizes from minimum to maximum display size to ensure usability and satisfaction.

Tools, devices or software must be evaluated before their release on the market from different points of view such as their technical properties or their usability. Usability evaluation allows assessing whether the product under evaluation is efficient enough, effective enough and sufficiently satisfactory for the users. For this assessment to be objective, there is a need for measurable goals that the system must achieve. That kind of goal is called a usability goal. They are objective criteria against which the results of the usability evaluation are compared to assess the usability of the product under evaluation.

References

  1. Nielsen, Jakob (August 2003). "Usability 101: Introduction to Usability. Alertbox: Current Issues in Web Usability".
  2. Leibowitz. Brandon (21 February 2014). "Website Usability: Virtual Elephants of the Internet Room". Bosmol Social Media News. Retrieved 19 May 2014.
  3. "Total number of Websites - Internet Live Stats". www.internetlivestats.com. Retrieved 2019-06-08.
  4. Da Sie, Chris (19 February 2014). "5 Components Of Usability". www.chrisDasie.com. Retrieved 13 December 2017.
  5. Mendes, Emilia; Mosley; Matera, Maristella; Rizzo, Francesca; Carughi, Giovanni T. (2006). Web Usability: Principles and Evaluation Methods. pp. 143–180. CiteSeerX   10.1.1.462.3115 . doi:10.1007/3-540-28218-1_5. ISBN   9783540281962. OCLC   300263327.{{cite book}}: |journal= ignored (help)
  6. Shneiderman, Ben (2000). "Universal Usability". Commun. ACM. 43 (5): 84–91. doi:10.1145/332833.332843. ISSN   0001-0782. S2CID   8937545.
  7. Cyr, Dianne; Trevor-Smith, Haizley (2004). "Localization of Web design: An empirical comparison of German, Japanese, and United States Web site characteristics". Journal of the American Society for Information Science and Technology. 55 (13): 1199–1208. doi:10.1002/asi.20075.
  8. Nielsen, Jacob. "International Usability: Big Stuff the Same, Details Differ". nngroup.com.
  9. Nielsen, Jakob; Budiu, Raluca. Mobile Usability. Peachpit. Retrieved 13 December 2017.
  10. "Mobile Usability". Nielsen Norman Group. Retrieved 2023-05-13.
  11. "What Users Want Most From Mobile Sites Today (Survey)" (PDF). Retrieved 2019-06-09.
  12. "Mobile-Friendly Test - Google Search Console". search.google.com. Retrieved 2023-05-13.
  13. Nielsen, Jakob (April 1–5, 1990). Heuristic evaluation of user interfaces (New York, NY, USA ©1990 ed.). Seattle, Washington, USA: Proceeding CHI '90 Proceedings of the SIGCHI Conference on Human Factors in Computing Systems. pp. 249–256. ISBN   0-201-50932-6.
  14. "WCAG 2.0 at a Glance ◦ Web Accessibility Initiative ◦ W3C". W3C Web Accessibility Initiative (WAI).
  15. "Introduction to Understanding WCAG 2.0".
  16. "How to Meet WCAG 2.0".
  17. "12 Months Of The ConnectedEconomy™ - December 2022 | PYMNTS.com". www.pymnts.com. Retrieved 2023-05-14.
  18. "Advanced Common Sense - Sample chapter from Don't Make Me Think". www.sensible.com. Retrieved 2019-06-08.
  19. "Conducting a website review and implementing results for increased customer engagement and conversions". GOSS Interactive. October 2011.