Dane Jacob Nielsen, a world authority on usability and user experience, is one of the pioneers of applying usability techniques to user interface design. He has written countless landmark articles and studied more than 250 usability problems, which formed the basis for his \u201cgeneral rules\u201d on the subject.<\/p>\n
Here are 10 of the most important things to check when assessing whether your website is usable<\/strong>.<\/p>\n This means always keeping users informed about what\u2019s happening on the website while they interact with it. It\u2019s important for the website to speak the same language as our users, clearly and simply, avoiding jargon and hard-to-understand terminology. Users must have complete freedom of action on the website, both in browsing and taking actions. We shouldn\u2019t restrict them or force them into actions we don\u2019t know they\u2019re willing to take, whether consciously or unconsciously. Your website must stay consistent throughout navigation. This means, for example, not changing navigation menus across different areas of the site, nor moving titles or the search bar, or changing colors, formats, section names, etc. Don\u2019t wait for users to make mistakes and then show them a warning telling them they got it wrong. Try to solve problems before they happen. Website navigation should be simple and intuitive so users don\u2019t have to stop and remember how to do something. It\u2019s important that users don\u2019t have to experiment, guess or hunt for information on our site. Your website should suit different user profiles, from beginners to experts. You can add \u201caccelerators\u201d for advanced users without confusing newcomers. These accelerators are shortcuts to specific areas that skip intermediate steps. It\u2019s very important for the design to include the information users actually need. Unnecessary extra information adds noise and competes for attention with the website\u2019s most important elements. A website\u2019s error messages must be clear enough for any user to understand, and they should also offer a solution or a way out. It\u2019s often necessary to include help content users can check at any time, even if the website doesn\u2019t strictly need it. With this short starter guide you can begin analyzing your website to see whether it really meets the basic usability<\/strong> criteria.<\/p>\n","protected":false},"excerpt":{"rendered":" Dane Jacob Nielsen, a world authority on usability and user experience, is one of the pioneers of applying usability techniques to user interface design. He has written countless landmark articles and studied more than 250 usability problems, which formed the basis for his \u201cgeneral rules\u201d on the subject. Here are 10 of the most important […]<\/p>\n","protected":false},"author":2,"featured_media":12600,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2503],"tags":[],"class_list":["post-19241","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-customer-experience"],"yoast_head":"\n1- What\u2019s happening on your website?<\/h2>\n
Visibility of system status<\/h3>\n
\nSome examples that aren\u2019t always followed.
\n–<\/strong> Show the page loading progress. Some websites involve waiting times, and if users aren\u2019t told, they don\u2019t know whether the site has failed and may leave.
\n–<\/strong> Confirm actions. Confirmation messages, for example when signing up, purchase (order) confirmation, form submission confirmation, etc.
\nNever make your users guess what\u2019s happening on your website.<\/strong><\/p>\n2- Do we speak the user\u2019s language?<\/h2>\n
Match between the system and the real world<\/h3>\n
\nThis applies not just to content or text but to every element on the site: images, processes, how information is presented, etc.
\nThe simpler and clearer, the better.<\/strong><\/p>\n3- Can users browse and take actions freely?<\/h2>\n
User control and freedom<\/h3>\n
\nWe should never impose limits; instead, we should help users solve any problem they run into while using our website.
\nFor example: form field validation (\u201cthis field is required\u201d), password recovery, going back, or editing personal details entered incorrectly during sign-up.
\nIf users feel forced or restricted, they\u2019ll quickly leave our website.<\/strong><\/p>\n4- Do you use clear, consistent and standard elements?<\/h2>\n
Consistency and standards<\/h3>\n
\nIt\u2019s also important to follow the standards that are used almost by default, rather than trying to set trends by changing them, because all we\u2019ll achieve is users not understanding what to do or how our website works.
\nPrioritize functionality over aesthetics or design. Leaders like Amazon or Google are examples to follow.<\/strong><\/p>\n5- Do you anticipate users\u2019 possible mistakes so you can prevent them?<\/h2>\n
Error prevention<\/h3>\n
\nWe can prevent errors by adding help text or messages, asking users to confirm, running real-time checks and removing unnecessary information.
\nFor example, you can prevent a future error by adding a second password confirmation field at sign-up, with a real-time alert when the two passwords don\u2019t match.
\nPrevention is better than cure.<\/strong><\/p>\n6- Does your website remind users of the actions they need to take?<\/h2>\n
Recognition rather than recall<\/h3>\n
\nEven more so for key areas like checkout, user sign-up or managing personal details.
\nYou can add features that make information easier to find and access, such as recently viewed products, product suggestions in the search bar, or showing which step of checkout the user is on.<\/p>\n7- Is your website ready for all kinds of users?<\/h2>\n
Flexibility and efficiency of use<\/h3>\n
\nInterface personalization is a way to tailor the website to each user profile, adjusting to their needs based on their browsing experience.
\nThe website should be designed so any inexperienced user can browse, understand and do whatever they need.<\/strong><\/p>\n8- Does your website have a minimalist design that suits your business?<\/h2>\n
Aesthetic and minimalist design<\/h3>\n
\nThis applies to content, presentation, images and visual design in general.
\nLess is more…<\/strong><\/p>\n9- Does your website help users recognize, diagnose and recover from errors?<\/h2>\n
Error recognition, diagnosis and recovery.<\/h3>\n
\nOne of the clearest examples is the famous error page, which should be customized with a friendly message and options to keep browsing.
\nAnother is the \u201cempty cart\u201d page, which often offers no options to keep browsing.
\nDeliver a negative message in a friendly way and help users stay on our website.<\/strong><\/p>\n10- Does your website have a help or FAQ section?<\/h2>\n
Help and documentation<\/h3>\n
\nThese dedicated sections are usually Help or FAQ (frequently asked questions) and should cover all customer needs. Not only technical questions, but also shipping costs and times, payment methods, security, returns, privacy, etc.<\/p>\n