website usability checklist

Fonts – It is best to use a website font that is standard for everyone’s computers and that is easy on the eyes. ❌What this kit is not good for: most of the documents are geared towards in-person moderated testing, but the notes spreadsheet would be useful for any type of testing. The Hotjar team continuously runs usability testing on the product—and has also authored this entire guide (hi! People expect it, and they like it when you make their lives easy. ❌What this framework is not good for: the information only applies to remote testing using an online platform (like UserZoom) and can't be customized. Links Are Consistent & Easy to IdentifyThe underlined, blue link is a staple of the web. 18. A detailed Usability Report Template, for explaining your methodology and results in an academic layout. Looking at this issue touches a number of big concerns for today's webmasters and developers related to how a target audience uses an online site. Website usability checklist The most common usability problems. The accessibility of a website means that the site is usable for everyone, no matter which browser or device you use, and no matter what physical impairments you may have (for example visual impairment or color blindness). ❌What this template is not good for: you will have to pay extra to download the document as a PDF or remove the Xtensio branding from the report, so this may be best used solely as an example. Site Load-time Is ReasonableCall me old-school, but I still like to see sites come in under 100KB (60KB is even better). ❌What this script not good for: the line of questioning is limited to specific software functions, so this template won't be helpful for getting in-depth feedback on overall user experience. Covers design, content, response time and accessibility. It includes specific language for obtaining recording consent, introducing the testing process, and running through a set of questions. Tagline Makes Company's Purpose ClearAnswer "What do you do?" It lets you compare your site’s interface to industry-standard “rules of thumb” for usability. 17. A printable .pdf-version is available as well. This is especially critical when you use images for key content, such as menu items. There's some disagreement over just how many seconds you get, but website visitors are a fickle bunch, and they need to get the basic gist of your home-page in just a few moments. Usability testing is most effective when the plans behind it are detailed and thoughtful. About this template: this ten-page, text-heavy template is a blueprint for a comprehensivemoderated usability testing proposal. The following list contains some of the internet's best free templates and checklists to assist you in running a usability test. Font Size/Spacing Is Easy to ReadOpinions vary on the ideal size for text, but err on the side of slightly too big. Dr. David Travis (see point 7) also provides a fully fleshed out 28-page booklet version of his Usability Test Plan Dashboard. ➡ About this template: this incredibly expansive usability testing checklist can be customized to fit your testing aims, metrics, participant details, and more. 12. They offer e-courses, in-person training, and events on UX research, as well as a very useful blog. |  Are You A Real Doctor? So, let them know what your page is about by indicating it in the headline or imag… Completing each task will help you write better scenarios and more carefully assess what success looks like for each exercise. 25. Note: this checklist is a set of recommendations for ways applications developed at Yale may best meet WCAG 2 requirements. They've created a template for writing moderated usability testing tasks and scenarios. A Usability Test Consent Form to obtain permission for recording. Process Street is a free workflow management software that can be used to manage recurring systems and checklists. Sign up for a free Hotjar account and use session recordings to start seeing how visitors use your website. concisely with a descriptive tagline. ❌What this checklist is not good for: the template mainly focuses on the details of the testing process. Content can fall below the fold, but anything critical to understanding who you are or what you do (especially on the home-page) should fit on that first screen. The following fonts are commonly used web fonts: Aerial, Times New Roman, Trebuchet, Georgia, and Verdana Size- Jakob Nielsen is the Usability Guru for websites. ✅What this checklist is good for: this is the only guide we've found for conducting an in-person usability test with differently abled test subjects. UserZoom (mentioned above) has also developed a checklist to help you prepare a framework for an unmoderated, remote usability test. ➡ About this template: this ten-page, text-heavy template is a blueprint for a comprehensivemoderated usability testing proposal. 1. TSA’s web form includes a Clear Form button, which violates usability guidelines dating back more than 15 years. Avoid marketing jargon and boil your unique value proposition down to a few words. Websites need to be designed with the target audience in mind. It can also be integrated with software like Zapier to auto-import data. 8. ✅What this template is good for: use it to create a guide for in-person or remote moderated testing. ➡ About this booklet: this is an extremely detailed testing plan workbook that advises users on evaluation procedures, researcher duties, testing goals, and data collection methods. The below mentioned checklist is almost applicable for all types of web applications depending on the business requirements. Copyright © 2014 - 2020 Hotjar Ltd. All rights reserved. To preserve the integrity of your usability testing results, take a purposeful and methodical approach to testing. The site has a huge library of templates and resources, including consent forms, report templates, and sample emails. Write your own checklist ;) Finally, an advance warning that this post is pretty long. : R 005.72 NIE Usability guru Nielsen’s book on Web usability is an influential text that significantly raised the importance of usability considerations in the area of Web design. Don't like it? ✅What this script is good for: running a remote usability test focused on a single specific website feature? A few disclaimers: First, I don't claim this list is comprehensive or unique. Experience is a powerful thing, but it's rare that we really sit down and try to map out what we know. Images Have Appropriate ALT TagsNot only do sight-impaired visitors use ALT tags, but search engines need them to understand your images. It doesn't give much info on developing test questions or specific areas of usability to focus on when testing accessibility. ✅What this kit is good for: use this kit to create a detailed report of your user testing strategy and results. next to everything. How to use it: For each checklist item, enter a rating between -1 and 1; -1 means that it does not comply with the … URLs Are Meaningful & User-friendlyThis is a point of some debate, but meaningful keyword-based URLs are generally good for both visitors and search engines. By seeing how your site stacks up against accepted principles, you will come away with a better understanding of its usability … Number of Buttons/Links Is ReasonablePsychologists like to argue about how many pieces of information we can process, but if you start to get past 7-or-so menu items, think hard about whether you need them. ❌What this resource is not good for: because it's so heavily geared towards moderated in-person testing, it is less useful for remote testing. Home-page Is Digestible In 5 SecondsIn usability, we often talk about the 5-second rule. Usability guidelines tend to prefer the upper-right corner of the page. ❌What the booklet is not good for: it's too long to print out and distribute or use as a reference sheet. In this chapter, we've assembled 12 useful templates, checklists, and scripts you can start from to make your usability testing plan as effective as possible. A while back, as part of my 5-point Website Clinic, I developed a 25-point website usability checklist - a way to create some method out of my madness and make sure that I don't forget anything critical when I'm working with a new client. The final product is a process guide that details everything from preparing customized consent forms to tidying up after the participants have left the testing area. The checklist is a do-it-yourself solution for site evaluation. This script is for you. Get the booklet at userfocus.co.uk (requires an email to download). Usability is quite simply the ease with which a user can navigate your site. With usability testing, you can get insights for your website that will help you deliver the right UX for your target customers. Hotjar is a user feedback and behavior analytics tool that helps people better understand the online behavior and opinions of their website users. 25-point Website Usability Checklist (PDF) Author: Dr. Peter J. Meyers Subject: Assess your most critical website usability issues with this free download (1-page PDF). 'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs'); Home  |  Who is Dr. Pete? You can start much smaller—and we recommend that you do. The webpages load quickly. I use "usability" in a very broad sense, and my use of "accessibility" isn't quite industry standard. Page titles are the first thing search-engine visitors see, and if those titles don't make sense or look spammy, they'll move on to the next result. Site works from all internet browsers. 2. ✅What this checklist is good for: use this if you're just getting started with planning any kind of usability study, be it moderated or not, remote, or in person. Familiarizing yourself with the following hints and then putting them into practice will go a long way: 1) An outstanding UX design will give answers to three questions users have in their mind. 23. It’s true, usability has become a commodity. Over the past few years, we have gotten used to certain standards in web design. Accessibility. A customizable Usability Test Script that you can adapt for use during your moderated tests. Drew LyonDesign Feb 2016. The site has a huge library of templates and resources, including consent forms, report templates, and sample emails. Flash & Add-ons Are Used SparinglyNo matter how great your site looks, people won't wait 5 minutes for a plug-in to load. Critical Content Is Above The FoldThe "fold" is that imaginary line where the bottom of your screen cuts off a page. Your main navigation should be short, to the point, and easy for mere mortals to grasp. They are pretty simple: “What it is about?”, “What is the benefit?” and “What is next?”. 11. This website usability checklist will provide you with the insights you need to get your visitors to take action as well. If you've got 3 layers of flyaway Javascript menus, do yourself a favor and start over. Website usability is a term describing the ease of use of a particular website or project. Use headings (major and minor) to set content apart and keep it organized. We've all seen that site, the one with a red, blinking, underlined "NEW!" ❌What this checklist is not good for: written as an essay, it's more of a guide than an interactive document that you can manipulate or literally check boxes on. ➡ About this template: this usability task table can help you break down each of your testing tasks into goals, inputs and outputs, and success criteria. HTML Page Titles Are ExplanatoryMore importantly, your page titles (in the