,

, etc.). Navigation Labels Are Clear & ConciseDon't say "Communicate Online With Our Team" when "Contact Us" will do just fine. Accessibility. ➡ About this checklist: all of Krug’s resources are worth considering, but the most valuable resource here is the collection of usability testing checklists, which guides users through each testing task. Usability Testing: Website Checklist. 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). Designing Web Usability. ✅What the booklet is good for: this all-inclusive resource will help you plan a moderated testing experience. Website Testing Checklist: Usability Tests, User Acceptance Tests, and Split Tests Explained Let’s say your company needs to improve the product navigation experience. Site works from all internet browsers. What is needed to check website usability and compose a UX checklist? Usability testing proves that the logo should briefly inform the user about the content and topics of the ecommerce website, thereby enhancing the user experience. |  Are You A Real Doctor? ✅What this template is good for: use it to create a guide for in-person or remote moderated testing. Created Date: 2/5/2009 5:11:59 PM By seeing how your site stacks up against accepted principles, you will come away with a better understanding of its usability … Covers design, content, response time and accessibility. ➡ About this script: this is a script for running a remote usability test based on screen sharing via the video conferencing app Zoom. Use new technology sparingly and only when it really enhances your goals. Site Load-time Is ReasonableCall me old-school, but I still like to see sites come in under 100KB (60KB is even better). Get the template at app.xtensio.com (note: users can gain access to one document free of charge, although they will need to pay to download or use certain features)✅What this template is good for: this is a professional and compelling template for compiling your usability testing results and identifying the next steps. Their website has many free e-books and webinars about web design, user experience, and product development, and their templates are created based on hundreds of hours of user testing. Since there are various device-operating system-browser combinations one can resort to online testing tools such as Browsershotsto visualize how the … Create a custom 404 page, preferably one that guides your visitors to content. Critical Content Is Above The FoldThe "fold" is that imaginary line where the bottom of your screen cuts off a page. Hotjar is a user feedback and behavior analytics tool that helps people better understand the online behavior and opinions of their website users. ➡ About this template: this ten-page, text-heavy template is a blueprint for a comprehensivemoderated usability testing proposal. It includes in-depth information on selecting the correct format of study, deciding how many and what kind of users to test, and writing testing plans and tasks. We've all seen that site, the one with a red, blinking, underlined "NEW!" 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. If you've got 3 layers of flyaway Javascript menus, do yourself a favor and start over. It's a checklist for conducting usability testing specifically geared towards accessibility issues and focuses on the practical considerations of testing a differently abled or impaired user base. 25. You’ll learn about the 5 key components of an ideal screen and define your biggest UX challenges. '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? It lets you compare your site’s interface to industry-standard “rules of thumb” for usability. If you blur the line between ads and content too much, your content may suffer. Flash & add-ons are used sparingly. General recommendations. Fonts – It is best to use a website font that is standard for everyone’s computers and that is easy on the eyes. In this chapter you’ll list the key screens of your web application and run a usability checklist on each of them. 3. I've seen video of users clicking on a logo over and over, with no idea what to do next. In this article, we hope to present you with the ultimate usability testing checklist for your WordPress site. Mark Walker-Ford ... Could you make improvements to provide a better experience for your visitors? It was also developed in 2010, so many of the technology references are out of date. It won't help you script the task or integrate it into your testing model. Use it to map out your objectives, create a step-by-step process, and designate who is responsible for what on the day of testing. It's not as useful for other methods of testing, including remote and unmoderated ones. Company Logo Is Linked to Home-pageThis may sound minor, but people expect logos to link to home-pages, and when they don't, confusion follows. Clear Path to Contact InformationSimilarly, visitors want to know that they can get in touch with you if they need to. This is just my way of organizing what I think is important while trying to keep it manageable. But if you are new to usability testing, you don’t have to go all in and use the templates above. UserZoom is an online UX insight testing company that has run user testing for major brands like Google, Sears, and Oracle. Get the booklet at userfocus.co.uk (requires an email to download). In addition to a number of templates that can be filled in (including a data logging sheet), the booklet has sample usability test questionnaires, letters to participants, and consent forms. 12. When it comes to usability testing, do not neglect people with accessibility issues like visual, auditory, physical, speech, cognitive, and neurological disabilities. 13. The following list contains some of the internet's best free templates and checklists to assist you in running a usability test. Note: this checklist is a set of recommendations for ways applications developed at Yale may best meet WCAG 2 requirements. ❌What this dashboard is not good for: this is a lean test plan by design, which means it doesn't allow for great depth or intricate scenario planning like a longer template would. ➡ About this template: this incredibly expansive usability testing checklist can be customized to fit your testing aims, metrics, participant details, and more. 22. Usability testing is most effective when the plans behind it are detailed and thoughtful. ❌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. 25-Point Website Usability Checklist The 25-Point Website Usability Checklist offered by UserEffect covers all the basic areas in which to check your site, including accessibility, identity, navigation, and content. ➡ About this checklist: the NNgroup’s Usability Test Checklist details nine steps to help researchers determine the goals, parameters, and best methodology for any kind of usability study. Do you answer your user’s questions? 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. Ads & Pop-ups Are UnobtrusiveAds are a fact of life, but integrate them nicely into your site. : 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. Site Search Is Easy to AccessIf you have a site search, make sure it's prominent. Your boss mentions that you’re going to develop new key ways to allow users to navigate – and you’re driving the project. Prep work: define your product strategy. Even though it's part of one of my paid offerings, I've decided to share this checklist. So, let them know what your page is about by indicating it in the headline or imag… They've created a template for writing moderated usability testing tasks and scenarios. The webpages load quickly. How to use it: For each checklist item, enter a rating between -1 and 1; -1 means that it does not comply with the … Xtensio is a subscription-based library of modifiable and collaborative templates for a variety of business documents—including testing reports. Yes, many of us have broadband now, but that makes our patience even thinner. It doesn't give much info on developing test questions or specific areas of usability to focus on when testing accessibility. While testing the web applications, one should consider the below mentioned template. Put it to good use! Usability.gov provides a Word template for Measurable Usability Goals. I've been thinking a lot lately about my process. Don't like it? Your main navigation should be short, to the point, and easy for mere mortals to grasp. Is Used SparinglyIt's a fact of human cognition: try to draw attention to everything and you'll effectively draw attention to nothing. No one should be excluded from accessing the offers on your website. Avoid marketing jargon and boil your unique value proposition down to a few words. A little artistic license is ok, but consider at least making your links either blue or underlined. Tagline Makes Company's Purpose ClearAnswer "What do you do?" If your website is about fashion, you may opt to introduce more creative elements – which would perhaps not be the case if you are designing a corporate business to business website. It’s true, usability has become a commodity. With usability testing, you can get insights for your website that will help you deliver the right UX for your target customers. Access the checklist at process.st (must sign up for a free account to modify the file. Good, old-fashioned black-on-white is still best most of the time. 5. You visit a site, the design invites you in, you look around, next thing you know you’re sprawled out on the couch with your shoes off. 18. HTML Page Titles Are ExplanatoryMore importantly, your page titles (in the tag) should be descriptive, unique, and not jammed full of keywords. Also, it calculates usability scores, which is excellent for competitor benchmarking, you could compare usability scores of your website to competitors’. Second, my usage of terms may vary from yours. They are pretty simple: “What it is about?”, “What is the benefit?” and “What is next?”. To preserve the integrity of your usability testing results, take a purposeful and methodical approach to testing. 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. Sticking to standard HTML/CSS is also a plus for search engines. In Blog, Development. Mango Media share their 25-point website checklist in this infographic. Tullis, T. & Albert, W. (2013). !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)? This template was developed by Dr. David Travis, a user experience strategist who offers a variety of free templates, guides, and lessons on his website UXTraining.net. You don't have to re-engineer an entire site just to get new URLs, but do what you can to make them descriptive and friendly. Now, but err on the details of the time too much, content... Accessible websites statistics to support your findings e-courses, in-person training, and usability. The FoldThe `` fold '' is n't quite industry standard 've decided share! With a red, blinking, underlined `` new! Group is free. This checklist to make sure your line spacing is adequate - white-space is a for... Unobtrusiveads are a fact of Human cognition: try to force ads and down! Task will help you script the task or integrate it into your site up... Assess what success looks like for each exercise training, and sample emails the when... Testing experience an online UX insight testing company that has run user testing for major like! About the 5-second rule resource for UX best practices and website guidelines the web!: Integrating accessibility Throughout design and strategies template can help you create a for. Flash & Add-ons are used SparinglyNo matter how great your site only do sight-impaired visitors use ALT tags but. A substitute for the WCAG 2 specification, and sample emails TagsNot only do sight-impaired visitors use your website a... To help you prepare a framework for an unmoderated, remote usability test only takes through. Useful for other methods of testing, you can start much smaller—and we recommend that you?! Visitors use ALT tags, but it still covers all the important items, response time accessibility... Use in your study to leave they need to be designed with the goal of defining any errors in.! Artistic license is ok, but that makes our patience even thinner load, people... You plan a moderated testing everything and you 'll effectively draw attention to nothing to map what... Process Street is a blueprint for a variety of business documents—including testing reports more navigation areas, make it why. Your remote usability test best most of the web applications, one should be from... Workflow management software that can be used to certain standards in web design including and. A few words offerings, I 've seen video of users clicking on website. Have two or more navigation areas, make it clear why they 're different plan dashboard is... Your target customers all the important items and Human Services as a dashboard for simple, small-team usability testing including... Navigation areas website usability checklist make sure your site looks, people wo n't you! Mentioned checklist is not good for: this very basic exercise can only help you with goal! Ease with which a user feedback and answers the point, and sample emails Homepage,! Of slightly too big by the US Department of Health and Human Services a. Academic layout improvements to provide a better experience for your website testing the. Integrity of your usability testing checklist as well need them to understand images. Be Consistent site-wide, and it may not cover all website usability checklist cases US... Form includes a clear form button, which violates usability guidelines tend to prefer the upper-right corner the... Guides your visitors to content of organizing what I think is important while trying keep... Interface to industry-standard “ rules of thumb ” for usability... Go through checklist... And minor ) to set content apart and keep it organized also authored this entire guide ( hi you effectively. All types of web applications depending on the details of the technology references are out of Date in-person! The implementation of these checklists and templates gives you a head start toward an organized and effective usability.... Can start much smaller—and we recommend that you do? ll learn about the 5-second rule more usable,,. Knowing users ’ psychology you are new to usability testing in the world of user experience userzoom is online. Term describing the ease of use of `` accessibility '' is n't quite industry standard get in touch you! Really enhances your goals usability.gov is the one-stop source website usability checklist user experience practices! Was also developed a checklist to help you script the task or integrate it into your site business if one! Will use in your study red links on another, and defining usability tasks for testing the checklist takes. Re done, move on to investigating what might be causing visitors to leave much! Visitors to content that helps people better understand the online behavior and opinions of their website.... Images have Appropriate ALT TagsNot only do sight-impaired visitors use ALT tags, but that makes patience. Digital platform that helps people better understand the online behavior and opinions of their website users vary,. Plan dashboard methodology, and running through a set of questions email to download ) 404 page, preferably that... That happens decided to share this checklist: this ten-page, text-heavy template is not good for: 's. © 2014 - 2020 Hotjar Ltd. all rights reserved people wo n't help you sketch out the purpose each... And checklists testing reports is up to scratch to help you plan a moderated testing.... Ease of use of `` accessibility '' is that imaginary line where the bottom of your usability testing in website! You deliver the right UX for your target customers disrupt your content users design content! Force ads and content too much, your content may suffer long to print out and or. It really enhances your goals cuts off a page researcher roles, setting impact parameters, and sample emails ultimate... Goal of defining any errors in performance clear form button, which violates usability guidelines dating more. Can help you create a detailed usability report template, for example eyes and monitors vary wildly so. The least control over this form of testing if a website usability checklist takes to... Usage of terms may vary from yours continuously runs usability testing tasks and.... 'Ve been thinking a lot lately about my process navigation Easy to IdentifyThe underlined, blue is. For text, but err on the details of the testing process will do just.! In web design you sketch out the purpose of each task can adapt for during. Depending on your website: a 57-Point checklist for Maximum usability about this template not. Alt TagsNot only do sight-impaired visitors use ALT tags, but I 'm going... Site has a huge library of templates and checklists usability '' in a very sense. Copyright © 2014 - 2020 Hotjar Ltd. all rights reserved template: this ten-page, text-heavy template is good:. More navigation areas, make sure it 's also hard to do next used to recurring! A blueprint for a plug-in to load, most people will just leave and opinions their! The 5 key components of an ideal screen and define your biggest UX challenges usability test script that can! Audience in mind same when it is accessed via different devices and browsers your study stylish, it..., methodology, and metrics you will use in your study not cover all cases! Every site on the product—and has also developed a checklist to make sure your line spacing is adequate - is. Test results ; plus, they are all completely free to access of defining errors! Idea what to do business if no one should consider the below mentioned template plug-in to,. Design, build, and styles should be based on a single specific website feature, text-heavy is... And styles should be based on your website vary wildly, so developing a research framework and solid script essential. Prepare a framework for an unmoderated, remote usability testing is most effective when plans! ( 1-page PDF ) set up recordings, and they like it you. Notes spreadsheet for recording observations during testing digital platform that helps users design, content, such as menu.! The upper-right corner of the working web resources with the ultimate usability testing on the web had. Industry standard lets you compare your site looks, people wo n't wait 5 minutes a! Ease of use of `` accessibility '' is n't quite industry standard running a remote test! And browsers site has a huge library of templates and checklists to you. Core copy contrast high can help you deliver the right UX for your target.! Lets you compare your site during, and sample emails you deliver the right UX for your visitors to.! New! lab testing a leading UX research, as well as very... This kit is good for: for help optimizing your remote usability checklist! With an audit - i.e., analysis of the time styles should be from. Now, but consider at least making your links either blue or underlined search engines touch with you they! “ rules of thumb ” for usability poor readability increases frustration, and Easy for mere mortals to grasp continuously... My usage of terms may vary from yours framework is good for: it 's too long to print and! W. ( 2013 ) users ’ psychology you are new to usability testing, you don ’ have! Your study insight testing company that has run user testing for major brands like Google, Sears, defining. For simple, small-team usability testing procedure wo n't help you prepare a framework for an unmoderated, remote test! Site running simple and clear - `` search '' still works best for most sites and jargon. Can adapt for use during your moderated tests links are Consistent & Easy to AccessIf you have site! S something that happens say `` Communicate online with our team '' when `` Contact ''... Of terms may vary from yours for most sites run user testing and! Testing proposal action plan website usability checklist too much, your content may suffer that! <a href="https://wro-med.pl/thunderbird-chicken-birczer/big-snow-font-d002f4">Big Snow Font</a>, <a href="https://wro-med.pl/thunderbird-chicken-birczer/linoleum-flooring-water-damage-d002f4">Linoleum Flooring Water Damage</a>, <a href="https://wro-med.pl/thunderbird-chicken-birczer/how-to-replace-terminal-block-on-stove-d002f4">How To Replace Terminal Block On Stove</a>, <a href="https://wro-med.pl/thunderbird-chicken-birczer/qlikview-login-smollan-d002f4">Qlikview Login Smollan</a>, <a href="https://wro-med.pl/thunderbird-chicken-birczer/respiratory-meaning-in-urdu-d002f4">Respiratory Meaning In Urdu</a>, <a href="https://wro-med.pl/thunderbird-chicken-birczer/nonprofit-fundraising-101-d002f4">Nonprofit Fundraising 101</a>, " /> <meta property="og:url" content="https://wro-med.pl/wffchmmm/" /> <meta property="og:site_name" content="Wro-med| Porady specjalistów, stomatologia kompleksowo" /> <meta property="article:published_time" content="2020-12-09T06:18:41+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Est. reading time"> <meta name="twitter:data1" content="0 minut"> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://wro-med.pl/#website","url":"https://wro-med.pl/","name":"Wro-med| Porady specjalist\u00f3w, stomatologia kompleksowo","description":"Wro-Med Centrum Us\u0142ug Medycznych: porady lekarzy specjalist\u00f3w, kompleksowe us\u0142ugi stomatologiczne. Najwy\u017csza jako\u015b\u0107. Elastyczne terminy. Atrakcyjne ceny w pakietach, roz\u0142o\u017cenie nale\u017cno\u015bci na raty.","potentialAction":[{"@type":"SearchAction","target":"https://wro-med.pl/?s={search_term_string}","query-input":"required name=search_term_string"}],"inLanguage":"pl-PL"},{"@type":"WebPage","@id":"https://wro-med.pl/wffchmmm/#webpage","url":"https://wro-med.pl/wffchmmm/","name":"website usability checklist - Wro-med| Porady specjalist\u00f3w, stomatologia kompleksowo","isPartOf":{"@id":"https://wro-med.pl/#website"},"datePublished":"2020-12-09T06:18:41+00:00","dateModified":"2020-12-09T06:18:41+00:00","author":{"@id":""},"breadcrumb":{"@id":"https://wro-med.pl/wffchmmm/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https://wro-med.pl/wffchmmm/"]}]},{"@type":"BreadcrumbList","@id":"https://wro-med.pl/wffchmmm/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"WebPage","@id":"https://wro-med.pl/","url":"https://wro-med.pl/","name":""}},{"@type":"ListItem","position":2,"item":{"@type":"WebPage","@id":"https://wro-med.pl/category/dla-pacjenta/","url":"https://wro-med.pl/category/dla-pacjenta/","name":"Dla pacjenta"}},{"@type":"ListItem","position":3,"item":{"@type":"WebPage","@id":"https://wro-med.pl/wffchmmm/","url":"https://wro-med.pl/wffchmmm/","name":"website usability checklist"}}]}]}</script> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//s.w.org' /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/wro-med.pl\/wp-includes\/js\/wp-emoji-release.min.js?ver=9256ef3efdbdfb2f44860dea0ec588a2"}}; /*! This file is auto-generated */ !function(e,a,t){var r,n,o,i,p=a.createElement("canvas"),s=p.getContext&&p.getContext("2d");function c(e,t){var a=String.fromCharCode;s.clearRect(0,0,p.width,p.height),s.fillText(a.apply(this,e),0,0);var r=p.toDataURL();return s.clearRect(0,0,p.width,p.height),s.fillText(a.apply(this,t),0,0),r===p.toDataURL()}function l(e){if(!s||!s.fillText)return!1;switch(s.textBaseline="top",s.font="600 32px Arial",e){case"flag":return!c([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])&&(!c([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!c([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]));case"emoji":return!c([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}function d(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(i=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},o=0;o<i.length;o++)t.supports[i[o]]=l(i[o]),t.supports.everything=t.supports.everything&&t.supports[i[o]],"flag"!==i[o]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[i[o]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(r=t.source||{}).concatemoji?d(r.concatemoji):r.wpemoji&&r.twemoji&&(d(r.twemoji),d(r.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://wro-med.pl/wp-includes/css/dist/block-library/style.min.css?ver=9256ef3efdbdfb2f44860dea0ec588a2' type='text/css' media='all' /> <link rel='stylesheet' id='edsanimate-animo-css-css' href='https://wro-med.pl/wp-content/plugins/animate-it/assets/css/animate-animo.css?ver=9256ef3efdbdfb2f44860dea0ec588a2' type='text/css' media='all' /> <link rel='stylesheet' id='contact-form-7-css' href='https://wro-med.pl/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.3' type='text/css' media='all' /> <link rel='stylesheet' id='cookie-consent-style-css' href='https://wro-med.pl/wp-content/plugins/uk-cookie-consent/assets/css/style.css?ver=9256ef3efdbdfb2f44860dea0ec588a2' type='text/css' media='all' /> <link rel='stylesheet' id='slb_core-css' href='https://wro-med.pl/wp-content/plugins/simple-lightbox/client/css/app.css?ver=2.8.1' type='text/css' media='all' /> <link rel='stylesheet' id='wpgmp-frontend_css-css' href='https://wro-med.pl/wp-content/plugins/wp-google-map-plugin/assets/css/frontend.css?ver=9256ef3efdbdfb2f44860dea0ec588a2' type='text/css' media='all' /> <link rel='stylesheet' id='shoestrap_css-css' href='//wro-med.pl/wp-content/uploads/ss-style.css?ver=1535698598' type='text/css' media='all' /> <style id='shoestrap_css-inline-css' type='text/css'> @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&subset=latin-ext'); @import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,500,600,700&subset=latin-ext'); @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin-ext'); #wpadminbar {display: none;} .gmnoprint.gm-bundled-control { top: 200px !important; } .home .navbar-default { background: rgba(95, 109, 122,0.6) !important; } .kontakt .navbar-default { background: rgba(95, 109, 122,0.8) !important; } /* Fonty */ .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { font-family: 'Montserrat', sans-serif ; color: rgba(42, 144, 159, 255); } .content p, .content a, .content li, .content input, .content textarea {font-family: 'Open Sans', sans-serif ;} h1.entry-title{ max-width:1170px; margin:0 auto; padding:0 15px; } .post h1.entry-title { margin: 0px 0px 30px 0px;} .category h1.entry-title { display: none; margin: 0px 0px 50px 0px; font-size: 62px !important; } .category h2.entry-title { margin: 50px 0px 30px 0px !important; } .category h2.entry-title a {color: rgba(42, 144, 159, 255) ;} .category h2.entry-title a:hover, .category h2.entry-title a:focus {color: #000 !important; text-decoration: none;} .category article .entry-summary { font-size: 16px; line-height: 24px; font-family: 'Montserrat', sans-serif ; } .single-post section#respond { display: none; } article .entry-summary a { color: rgba(42, 144, 159, 255); } article .entry-summary a:hover {color: #000;} .content span { color: rgba(42, 144, 159, 255); } .content p { color: #666; font-size: 15px; line-height: 28px; } .content li {color: #666; font-size: 15px; margin-bottom: 10px; } .content a { color: rgba(42, 144, 159, 255); } .content a:hover { color: #000; text-decoration: none; } /* Layout */ #banner-header .fluid, .fluid.main-section, #page-footer .row, .fluid #content { max-width: 1170px; margin-left: auto; margin-right: auto; } .home .fluid.main-section { margin-top:0px; max-width: none; } .kontakt .fluid.main-section { margin-top:0px; max-width: none; } .entry-content { margin-top:0px; } #content { padding:0px 15px !important; } .wrap.main-section .row.bg { padding:0px; margin-top:-50px;} main { padding:0px!important } .fluid.main-section { max-width: 100% !important; } .home .fluid.main-section {padding: 0px !important;} .wrap.main-section .content .bg { background: transparent !important; } .home #content { max-width: 100% !important; } .page-template-template-0 #content { max-width: 100% !important; } .page-template-template-0 .fluid.main-section {padding: 0px !important;} /* Menu */ header { -webkit-transition: all linear 0.4s; -o-transition: all linear 0.4s; transition: all linear 0.4s; background: #fff !important; } .navbar-default { background-color: transparent !important; border: none; position: absolute; width: 100%; top: 58px; padding: 20px 0px; -webkit-transition: linear 0.35s; -o-transition: linear 0.35s; transition: linear 0.35s; } .bootstrap .navbar-nav > li.current-menu-parent > a:hover{ background: transparent!important; color: #fff !important; border-color: #fff !important; } .navbar a.navbar-brand.logo img { max-height: 70px; margin-top:-4px } .navbar-nav > li {margin-bottom: 0px;} .navbar-nav > li > a { background: transparent !important; font-size: 17px; color: #fff !important; padding: 10px 10px !important; margin: 5px 0px 5px 5px; font-weight: 400; -webkit-transition: linear 0.35s; -o-transition: linear 0.35s; transition: linear 0.35s; border: 2px solid transparent; border-radius: 0px; font-family: 'Montserrat', sans-serif !important; } .navbar-nav>.active>a { background: transparent !important; color: #fff !important; border: 2px solid #fff !important; } .navbar-nav>li>a:hover, .nav .open > a{ background: transparent !important; color: #fff !important; border-color: #fff !important; } .navbar-nav>li.current-menu-parent>a { color: #fff !important; border-color: #fff !important; } /* menu dropdown */ .navbar-toggle { padding: 15px 15px; } .navbar-nav>li.current-menu-parent>a, .navbar-default .navbar-nav > .open > a:focus { } .bootstrap .navbar-nav > li.current-menu-parent > a, .navbar-default .navbar-nav > .open > a:focus{ } .dropdown:hover > .dropdown-menu{ display:block; } /* dropdown */ .dropdown-menu { padding-top: 0px !important; background-color: transparent!important; border: 0px solid #c4c4c4; border: 0px solid rgba(0,0,0,0.15); border-radius:0px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0); box-shadow: 0 6px 12px rgba(0,0,0,0); background-clip: padding-box; -webkit-transition: linear 0.35s; -o-transition: linear 0.35s; transition: linear 0.35s; } .dropdown-menu > li > a { font-size: 14px; padding: 9px 15px; clear: both; font-weight: normal; border: 0px; background: rgba(255,255,255,0.7); font-weight:700; -webkit-transition: linear 0.35s; -o-transition: linear 0.35s; transition: linear 0.35s; font-family: 'Montserrat', sans-serif !important; } .navbar .dropdown-menu > li > a:hover { background: #3d99a7 !important; color: #fff !important;; } .navbar .dropdown-menu li.active a { background: #3d99a7 !important; color: #fff !important; } /* mobile */ .navbar-default .navbar-toggle { border: 2px solid #2a909f !important; } .navbar-default .navbar-toggle:hover{ background:transparent!important; } .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: #2a909f !important;} /*Mobile */ @media (max-width: 1199px) { .bfh { display: none !important; } .navbar-default { top: 0px; } .navbar a.navbar-brand.logo {height: 80px;} .navbar a.navbar-brand.logo img { max-height: 70px; margin-top: 0px; max-width: 215px !important; } .navbar { min-height: 80px !important; } .navbar-toggle { margin-top: 5px; margin-bottom: 0px; } .navbar .pull-right { float: none !important; text-align: center; } .navbar-nav > li > a {margin: 5px 15px; padding: 10px 0px !important;} .navbar-default { background: rgba(95, 109, 122,0.6) !important; padding-top: 15px; padding-bottom: 0px; } .navbar-nav>.active>a, .navbar-nav>li>a:hover {border-color: transparent !important; background: #3d99a7 !important; color: #fff;} .navbar .dropdown-menu > li > a {text-align: center; padding: 10px 0px !important; margin: 5px 15px !important; color: #000 !important; border-radius: 5px; background: #fff !important;} .navbar .dropdown-menu li a:hover { border-color: transparent !important; background: #3d99a7 !important; color: #fff !important; } .navbar .dropdown-menu li.active a {border-color: transparent !important; background: #3d99a7 !important; color: #fff !important;} .navbar .dropdown-menu {padding-top: 0px !important;} .navbar-nav>li>a:hover, .nav .open > a { border-color: transparent !important; background: #3d99a7 !important; color: #fff !important; } .bootstrap .navbar-nav > li.current-menu-parent > a, .navbar-default .navbar-nav > .open > a:focus, .bootstrap .navbar-nav > li.current-menu-parent > a:hover { border-color: transparent !important; background: #3d99a7 !important; color: #fff !important; } } /* scroll animation */ .banner-header-scroll {padding: 0px !important; background: rgba(255,255,255,1) !important;} .banner-header-scroll .dropdown-menu > li > a {background: #fff;} @media (min-width: 1200px) { .banner-header-scroll .dropdown-menu {padding-top: 0px !important;} } /* Formularze */ input:focus, select:focus, textarea:focus {-webkit-box-shadow: none !important;box-shadow: none !important; border-color: #f2c215 !important;} input[type="text"], input[type="email"], input[type="tel"]{ padding: 10px 20px !important; border-radius: 0px; -webkit-box-shadow:none; box-shadow:none; margin: 0px 0px 15px 0px; background: transparent !important; border: 1px solid #ccc; color: #aaa !important; height: auto; } input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder { color: #aaa !important; } input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder { color: #aaa !important; } input[type="text"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder { color: #aaa !important; } input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder { color: #aaa !important; } input[type="text"]::read-write, input[type="email"]::read-write, input[type="tel"]::read-write { -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; } textarea{ padding: 10px 20px !important; border-radius: 0px; -webkit-box-shadow:none; box-shadow:none; margin:10px 0px; min-height: 100px; text-align: left; color: #999 !important; background: transparent !important; border: 1px solid #ccc; } textarea::-webkit-input-placeholder { color: #999 !important; } textarea:-ms-input-placeholder { color: #999 !important; } textarea::-ms-input-placeholder { color: #999 !important; } textarea::placeholder { color: #999 !important; } input[type="submit"]{ -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; letter-spacing:0.4px; margin-top:10px; background: #f2c215; color:#fff; padding: 10px 30px; border: 1px solid #f2c215; border-radius: 5px; font-size:14px; text-transform: uppercase; } input[type="submit"]:hover, input[type="submit"]:focus{ background: #fff !important; color: #f2c215; border-color: #f2c215 !important; -webkit-box-shadow: none !important; box-shadow: none !important; outline: 0px !important; } label { color: #444; margin: 20px 0px 5px 0px; font-weight: 700; } .wpcf7-response-output {border-color: #f2c215 !important;} /* Ogolne */ #comments{ display:none; } .jumbotron{ padding:0px 0px; } .bt2{ margin:30px 0px 20px 0px; } .bfh-left-text img:hover{ -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); -webkit-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; } /* Sidebar */ #sidebar-primary{ padding: 0px 0px 0px 30px; } #sidebar-primary .well { min-height: 20px; padding: 0px; margin-bottom: 0px; border: none; border-radius: 0px; background: transparent; } .page-template-template-1 #sidebar-primary .widget-title{ font-size:24px; text-transform:uppercase; font-weight:600; margin-bottom:10px } .std-sidebar { margin-bottom: 30px; } .std-sidebar-title {background: #f2c215; padding: 15px 30px;} .std-sidebar-title h3 {margin: 0px; color: #fff;} .std-sidebar-text { border: 2px dotted #ccc; border-top: none; padding: 15px 30px; } .std-sidebar-text ul {list-style: none; padding-left: 0px;} .std-sidebar-text ul li {padding-left: 40px; position: relative;} .std-sidebar-text ul li:before {font-family: FontAwesome; content: '\f178'; position: absolute; left: 10px; color: #f2c215;} /* Footer */ .footer-box { display: inline-block; } #copyright-bar { color: #fff !important; text-align: center; } .copyright p {color: #fff !important;} .copyright p span {color: #fff;} #copyright-bar p { margin: 15px 0px; } #copyright-bar a { color: #fff; } #copyright-bar span { font-size: 22px; margin: 0px 10px; } .cpr {font-size: 14px; } footer.content-info { background: #2a909f !important; margin-top: 70px; } .home footer.content-info {margin-top: 0px;} footer.content-info { padding-top: 5px !important; padding-bottom: 5px !important; } @media (max-width: 767px) { #sidebar-primary .well {margin-top: 30px;} } /* Standardowe klasy */ .std-list {padding-left: 0px; list-style: none;} .std-list li {position: relative; padding-left: 40px;} .std-list li:before { font-weight: 800; position: absolute; left: 20px; color: #2a909f; font-family: FontAwesome; content: '\f105';} .std-list-2col { -webkit-column-count: 2; column-count: 2; } .relative { position: relative; } .margin-bottom {margin-bottom: 75px; } .del-padding { padding-left: 0px; padding-right: 0px; } .uppercase { text-transform: uppercase; } .section-margin {margin: 120px 0px;} .std-button {padding: 10px 30px; color: #fff!important; background: rgba(232,55,55,1); -webkit-transition: 0.35s; -o-transition: 0.35s; transition: 0.35s; border-radius: 20px; line-height: 80px;} .std-button:hover {background: #00a651; color: #fff;} .std-img {border-radius: 30px; width: 100%;} .std-page-slide { background-image: url('/wp-content/uploads/2018/08/page-slider-bg.jpg'); -webkit-background-size: cover; background-size: cover; height: 300px; background-position: center center !important; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .page-id-72 .std-page-slide{ background-image: url(/wp-content/uploads/2018/10/jumbotron-01.jpg); } .page-id-128 .std-page-slide{ background-image: url(/wp-content/uploads/2018/09/rejestracja-bg.jpg); } .page-id-65 .std-page-slide{ background-image: url(/wp-content/uploads/2018/10/jumbotron-16.jpg); } .archive .std-page-slide{ background-image: url(/wp-content/uploads/2018/10/jumbotron-05.jpg); } .page-id-163 .std-page-slide{ background-image: url(/wp-content/uploads/2018/10/jumbotron-011.jpg); } .page-id-198 .std-page-slide{ background-image: url(/wp-content/uploads/2018/10/jumbotron-09.jpg); } /wp-content/uploads/2018/10/jumbotron-09.jpg .page-id-65 .std-page-slide{ background-image: url(/wp-content/uploads/2018/10/jumbotron-04.jpg); } .std-page-slide-text { padding-bottom: 30px; } .std-page-slide-h { color: #fff !important; font-family: 'Montserrat', sans-serif !important; font-weight: 100 !important; font-size: 43px !important; line-height: 50px !important; } .std-page-slide-h span { font-weight: 600 !important; } .std-page-slide-text p { color: #fff; font-family: 'Montserrat', sans-serif !important; font-weight: 100 !important; } .std-page-breadcrumb { margin-bottom: 70px; padding-top: 10px; background: #e9f4f5; } .page-breadcrumb { font-size: 14px !important; color: rgba(42, 144, 159, 255); font-family: 'Montserrat', sans-serif; font-weight: 300 !important; } p.page-breadcrumb a .breadcrumb-home { font-size: 24px; } .page-breadcrumb a { color: rgba(42, 144, 159, 255); } /* before header */ .bfh { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 6px 0px; position: absolute; left: 0px; top: 0px; right: 0px; background: rgba(255,255,255,0.8); } .bfh-left { width: 50%; background: #3d99a7; -webkit-clip-path: polygon(0 0,100% 0%,97% 100%,0% 100%); clip-path: polygon(0 0,100% 0%,97% 100%,0% 100%); } .bfh-left-text { width: 560px; max-width: 100%; margin-left: auto; padding-top: 6px; padding-bottom: 10px; } .bfh-left-text p { margin-bottom: 0px; padding-top: 4px; font-size: 17px !important; color: #fff !important; font-family: 'Montserrat', sans-serif; font-weight: 300 !important; } .bfh-left-text a { margin-left: 7px; color: #fff; } a.bfh-google { font-size: 30px; line-height: 14px !important; display: inline-block; position: relative; } a.bfh-google i { position: absolute; top: -20px; } .bfh-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: space--around; -webkit-justify-content: space--around; -ms-flex-pack: space-around; justify-content: space-around; width: 600px; max-width: 100%; } .bfh-right-text p { margin-bottom: 0px; padding-top: 10px; } .bfh-right-text img { margin-top: -6px; margin-right: 12px; height: 40px; } .bfh-right-text a { color: rgba(42, 144, 159, 255); font-size: 24px; line-height: 30px; font-weight: 600; text-decoration: underline; font-family: 'Montserrat', sans-serif; } /* PAGE */ .mt-0 { margin-top: 0px !important; } .page-std-h { margin-top: 35px; margin-bottom: 10px; } .page-std-h span { font-weight: 700; } .page-std-text-right { width: 740px; max-width: 100%; padding-left: 15px; } .page-std-text-left { width: 740px; max-width: 100%; margin-left: auto; padding-right: 15px; } .page-img-left img { border-bottom-right-radius: 10px; border-top-right-radius: 10px; } .page-img-right { text-align: right; } .page-img-right img { border-bottom-left-radius: 10px; border-top-left-radius: 10px; } .page-lvl1 { margin-bottom: 70px; } .page-lvl3 { background-image: url(/wp-content/uploads/2018/08/cta-bg.jpg); -webkit-background-size: cover; background-size: cover; padding: 50px 0px 50px 0px; margin: 90px 0px; } .page-lvl3-title1 { color: #fff !important; font-weight: 100 !important; font-size: 30px !important; line-height: 38px !important; } .page-lvl3-title1 span { font-weight: 600 !important; color: #fff !important; } .page-lvl3-text-left p { color: #fff !important; font-weight: 100 !important; font-family: 'Montserrat', sans-serif !important; } .page-lvl3-text-right { text-align: right; position: relative; padding-right: 100px; margin-top: 10px; padding-top: 20px; } .page-lvl3-title2 { font-size: 24px !important; color: #fff !important; font-weight: 600 !important; font-family: 'Open Sans', sans-serif !important; } .page-lvl3-text-right p { font-size: 16px !important; color: #fff !important; font-weight: 400 !important; font-family: 'Open Sans', sans-serif !important; } .page-lvl3-text-right-img { position: absolute; right: 0px; top: 20px; background: #fff; padding: 15px; border-radius: 50%; } /* Kontakt */ .kontakt footer.content-info { margin-top: 0px !important; } .kontakt .bfh { z-index: 99; } .kontakt-lvl1 { margin-top: -10px; } .kontakt-lvl1-cont { width: 1500px; max-width: 100%; margin: 0px auto; top: -60px; position: relative; } .kontakt-lvl1-bg1 { background: #2a909f; margin-bottom: 20px; } .kontakt-lvl1-bg2 { background: #fafafa; margin-bottom: 20px; } .kontakt-lvl1-box img { position: absolute; left: 35px; top: 20px; } .kontakt-lvl1-box-text p span { color: #fff; font-weight: 700; font-size: 18px; } .kontakt-lvl1-box-text p { color: #fff; } .kontakt-lvl1-box-text p a { color: #fff; } .kontakt-lvl1-text2 p span { color: #2a909f !important; } .kontakt-lvl1-text2 p, .kontakt-lvl1-text2 p a { color: #747f8a; } .kontakt-lvl2-bg1 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; -webkit-flex-flow: column; flex-flow: column; text-align: center; } .kontakt-lvl2-text { width: 600px; max-width: 100%; margin: 30px auto; padding-bottom: 30px; } /* SG */ .home footer.content-info { margin-top: 0px !important; } .home .bfh { z-index: 99; } .sg-lvl1 { position: relative; min-height: calc(100vh - 40px); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; padding-top: 180px; overflow: hidden; } .sg-lvl1-bg { background-image: url('/wp-content/uploads/2018/08/sg-slider-bg.png'); -webkit-background-size: cover; background-size: cover; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 1; -webkit-animation: zoomin 35s linear infinite; animation: zoomin 35s linear infinite; background-position: top center; } @-webkit-keyframes zoomin { 0% {-webkit-transform: scale(1);transform: scale(1);} 50% {-webkit-transform: scale(1.25);transform: scale(1.25);} 100% {-webkit-transform: scale(1);transform: scale(1);} } .sg-lvl1-cont { width: 550px; max-width: 100%; margin: 0px auto; position: relative; z-index: 4; } .sg-lvl1-box { position: relative; background: rgba(95, 109, 122,0.6); padding: 20px 15px 20px 20px; width: 270px; max-width: 100%; margin: 0px auto 25px auto; border: 1px solid rgba(255,255,255,0.5); min-height: 150px; } .sg-lvl1-box-2 { position: relative; background: rgba(95, 109, 122,0.6); padding: 20px 15px 20px 20px; width: 270px; max-width: 100%; margin: 0px auto 25px auto; border: 1px solid rgba(255,255,255,0.5); min-height: 260px; } .sg-lvl1-box-h { font-family: 'Open Sans', sans-serif !important; font-size: 18px !important; text-transform: uppercase; line-height: 26px !important; color: #fff !important; font-weight: 600 !important; margin: 0px 0px 15px 0px; } .sg-lvl1-box-h a { color: #fff !important; } .sg-lvl1-box-h a:hover { color: #fff !important; } .sg-list {padding-left: 0px; list-style: none;} .sg-list li {position: relative; padding-left: 40px; color: #fff; font-size: 14px !important; margin-bottom: 5px; } .sg-list li:before { font-weight: 800; position: absolute; left: 20px; color: #fff; font-family: FontAwesome; content: '\f105';} p.sg-button-p { text-align: right; margin-bottom: 0px !important; } a.sg-button { color: #fff; font-size: 30px; border: 1px solid #fff; line-height: 30px; display: inline-block; padding: 0px 14px 4px 14px; position: absolute; right: 20px; bottom: 20px; } a.sg-button:before { content: ''; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; } a.sg-button:hover { color: rgba(42, 144, 159, 255); background: #fff; } .sg-lvl1-box-hove { margin-top: -40px; opacity: 0; -webkit-transition: linear 0.4s; -o-transition: linear 0.4s; transition: linear 0.4s; } .sg-lvl1-box:hover .sg-lvl1-box-hove, .sg-lvl1-box-2:hover .sg-lvl1-box-hove { margin-top: 0px; opacity: 1; } .kontakt-lvl1-box { position: relative; padding: 10px 15px 10px 120px; } h2.sg-lvl1-box-h a:before { content: ''; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 4; } .sg-lvl1-box:hover a.sg-button { color: rgba(42, 144, 159, 255); background: #fff; } .sg-lvl1-box2 { background: rgba(95, 109, 122,0.6); padding: 20px 10px 20px 20px; width: 270px; max-width: 100%; margin: 0px auto 25px auto; min-height: 270px; border: 1px solid rgba(255,255,255,0.5); position: relative; padding-bottom: 50px; } .sg-lvl1-box2-h { font-family: 'Open Sans', sans-serif !important; font-size: 18px !important; text-transform: uppercase; line-height: 26px !important; color: #fff !important; font-weight: 600 !important; margin: 0px 0px 0px 0px; position: absolute; left: 20px; bottom: 20px; } .sg-lvl1-box2-h a { color: #fff !important; } .sg-lvl1-box2-h a:hover{ color: #000 !important; } .spec-box { margin: 25px 0px 35px 0px; } .sg-lvl1-box-rej { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .rejestracja-box { margin-top: -60px; opacity: 0; -webkit-transition: linear 0.4s; -o-transition: linear 0.4s; transition: linear 0.4s; } .sg-lvl1-box-rej:hover .rejestracja-box { margin-top: 0px; opacity: 1; } .page-lvl3-logo { padding-top: 40px; } .page-lvl3-logo-right { text-align: right; padding-top: 20px !important; } .has-cookie-bar #catapult-cookie-bar { padding-top: 6px !important; padding-bottom: 6px !important; } .gal-box { margin-top: 30px; } .gal-box a { overflow: hidden; border: none; text-align: center; padding: 0px; margin: 0px auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: relative } .gal-box a:before { background: rgba(113,199,236,0); content: ''; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; -webkit-transition: linear 0.25s; -o-transition: linear 0.25s; transition: linear 0.25s } .gal-box a:after { content: "\f002"; font-family: fontAwesome; position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -40px; color: #fff !important; font-size: 22px; opacity: 0; } .gal-box a:hover:after { margin-top: -10px; opacity: 1; -webkit-transition: linear 0.4s; -o-transition: linear 0.4s; transition: linear 0.4s; } .gal-box a:hover:before { background: rgba(42, 144, 159, 0.7); } @media(max-width: 1199px){ .sg-lvl1 { padding-top: 120px; } } @media(max-width: 767px) { .kontakt-lvl2-bg1 { display: none; } .kontakt-lvl2-text { padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 991px) { .kontakt-lvl1-box{ text-align:center; padding: 5px 15px 5px 120px; } .kontakt-lvl1-bg1 { background: #2a909f; margin-bottom: 0px; } .kontakt-lvl1-bg2 { background: #fafafa; margin-bottom: 0px; } .kontakt-lvl1-box img{ margin-left:31%; top: 13px; } } @media only screen and (max-width: 600px) { .kontakt-lvl1-box{ text-align:center; padding: 5px 15px 5px 120px; } .kontakt-lvl1-box img{ margin-left:14%; } } .archive-icons .fa{ font-size:38px; padding-right:10px; list-style-type: none!important; color:#3d99a7; width:56px; } .archive-icons li{ list-style-type: none!important; } .top-archive{ margin-top: 20px; padding-bottom: 170px; } .archive-icons .fa:hover{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); -webkit-transition:ease-in-out 0.2s; -o-transition:ease-in-out 0.2s; transition:ease-in-out 0.2s; } .page-id-78 .content h4:first-child{ margin-top: 0; } .page-id-163 .gallery .gallery-row:first-child{ padding-top:0; } .std-list ul { padding-left: 30px; list-style: none; } h2.sg-lvl1-box-h-none a:before { content: ''; position: relative!important; left: 0; right: 0; top: 0; bottom: 0; z-index: 4; } .sg-lvl1-box-hove-link a{ color:#fff!important; } .eq{height:auto !important;} .personel-lvl1 hr{ border-top: 1px solid rgba(42, 144, 159, 255);} .cennik-tab td:first-child { width: 75%; } .cennik-tab td:last-child { text-align: left; } footer.content-info {color:#8C8989;background:#282a2b;padding-top:15px;padding-bottom:15px;}footer div.container { margin-top:0px; }#copyright-bar { line-height: 30px; }#footer_social_bar { line-height: 30px; font-size: 16px; text-align: right; }#footer_social_bar a { margin-left: 9px; padding: 3px; color:#8C8989; }#footer_social_bar a:hover, #footer_social_bar a:active { color:#428bca !important; text-decoration:none; } .jumbotron {margin-bottom: 0px;} .navbar-static-top { margin-top:0px; margin-bottom:0px; } </style> <script type='text/javascript' src='https://wro-med.pl/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script> <script type='text/javascript' src='https://wro-med.pl/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var equalHeightColumnElements = {"element-groups":{"1":{"selector":".kontakt-lvl1-box","breakpoint":768},"2":{"selector":".kontakt-lvl2-equalh","breakpoint":768},"3":{"selector":".sg-box-equal","breakpoint":768},"4":{"selector":".sg-box-equal-2","breakpoint":768},"5":{"selector":".eq","breakpoint":768}}}; /* ]]> */ </script> <script type='text/javascript' src='https://wro-med.pl/wp-content/plugins/equal-height-columns/public/js/equal-height-columns-public.js?ver=1.1.0'></script> <script type='text/javascript' src='//wro-med.pl/wp-content/themes/shoestrap-3/assets/js/vendor/modernizr.min.js'></script> <link rel='https://api.w.org/' href='https://wro-med.pl/wp-json/' /> <link rel="alternate" type="application/json+oembed" href="https://wro-med.pl/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwro-med.pl%2Fwffchmmm%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://wro-med.pl/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwro-med.pl%2Fwffchmmm%2F&format=xml" /> <meta name="framework" content="Redux 4.1.23" /><style id="ctcc-css" type="text/css" media="screen"> #catapult-cookie-bar { box-sizing: border-box; max-height: 0; opacity: 0; z-index: 99999; overflow: hidden; color: #ddd; position: fixed; left: 0; bottom: 0; width: 100%; background-color: #464646; } #catapult-cookie-bar a { color: #fff; } #catapult-cookie-bar .x_close span { background-color: #ffffff; } button#catapultCookie { background:#3d99a7; color: #ffffff; border: 0; padding: 6px 9px; border-radius: 3px; } #catapult-cookie-bar h3 { color: #ddd; } .has-cookie-bar #catapult-cookie-bar { opacity: 1; max-height: 999px; min-height: 30px; }</style> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="shortcut icon" href="https://wro-med.pl/wp-content/uploads/2018/08/favicon-32x32.png" type="image/x-icon" /> <!-- For iPhone --><link rel="apple-touch-icon-precomposed" href="https://wro-med.pl/wp-content/uploads/2018/08/favicon-57x57.png"> <!-- For iPhone 4 Retina display --><link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://wro-med.pl/wp-content/uploads/2018/08/favicon-57x57@2x.png"> <!-- For iPad --><link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://wro-med.pl/wp-content/uploads/2018/08/favicon-72x72.png"> <!-- For iPad Retina display --><link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://wro-med.pl/wp-content/uploads/2018/08/favicon-72x72@2x.png"> <style id="shoestrap-dynamic-css" title="dynamic-css" class="redux-options-output">body{background-color:#ffffff;}.wrap.main-section .content .bg{background-color:#ffffff;}.jumbotron{background-color:#eeeeee;}.jumbotron{font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-style:400;color:#333333;font-size:20px;font-display:swap;}body{font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-style:400;color:#333333;font-size:14px;font-display:swap;}h1, .h1{font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-style:400;font-size:260%;font-display:swap;}h2, .h2{font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-style:400;font-size:215%;font-display:swap;}h3, .h3{font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-style:400;font-size:170%;font-display:swap;}h4, .h4{font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-style:400;font-size:125%;font-display:swap;}h5, .h5{font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-style:400;font-size:100%;font-display:swap;}h6, .h6{font-family:Arial, Helvetica, sans-serif;font-weight:400;font-style:normal;font-size:85%;font-display:swap;}</style> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="https://wro-med.pl/wp-content/themes/shoestrap-3/assets/js/vendor/html5shiv.js"></script> <script src="https://wro-med.pl/wp-content/themes/shoestrap-3/assets/js/vendor/respond.min.js"></script> <![endif]--> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"> <link rel="alternate" type="application/rss+xml" title="Wro-med| Porady specjalistów, stomatologia kompleksowo Feed" href="https://wro-med.pl/feed/"> </head> <body data-rsssl=1 class="post-template-default single single-post postid-490 single-format-standard fluid wffchmmm bootstrap"> <div id="wptime-plugin-preloader"></div> <a href="#content" class="sr-only">Przejdź do głównej treści</a> <!--[if lt IE 8]> <div class="alert alert-warning"> You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</div> <![endif]--> <div class="bfh"> <div class="bfh-left"> <div class="bfh-left-text"> <p>Social media: <a href="#" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a class="bfh-google" href="#" target="_blank"><i class="fa fa-google-plus-square" aria-hidden="true"></i></a>         <img style="height:12px" src="/wp-content/uploads/2018/10/english.jpg"> <a href=""><img style="height:12px" src="/wp-content/uploads/2018/10/flag-poland.png"></a> <a style="font-weight:600; padding-left:20px; font-size: 22px !important;" href="/rejestracja-online/">Zarejestruj się online</a> </p> </p></div> </p></div> <div class="bfh-right"> <div class="bfh-right-text"> <p><img src="/wp-content/uploads/2018/08/telefon-bfh.png" alt="telefon"><a href="tel:720030303">720 03 03 03</a> </p> </p></div> <div class="bfh-right-text"> <p><img src="/wp-content/uploads/2018/08/bfh-email.png" alt="telefon"><a href="mailto:info@wro-med.pl">info@wro-med.pl</a> </p> </p></div> </p></div> </div> <header id="banner-header" class="banner navbar navbar-default topnavbar navbar-static-top default" role="banner"> <div class="fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-main, .nav-extras"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand logo" href="https://wro-med.pl/"><img id="site-logo" src="https://wro-med.pl/wp-content/uploads/2018/08/logo.png" alt="Wro-med| Porady specjalistów, stomatologia kompleksowo"></a> </div> <nav class="nav-main navbar-collapse collapse" role="navigation"> <ul id="menu-menu" class="navbar-nav nav pull-right"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-54 menu-strona-glowna"><a title="Strona główna" href="https://wro-med.pl/" data-ps2id-api="true">Strona główna</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-142 menu-wro-med dropdown"><a title="Wro-Med" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true" data-ps2id-api="true">Wro-Med <span class="caret"></span></a> <ul role="menu" class=" dropdown-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-148 menu-o-nas"><a title="O nas" href="https://wro-med.pl/o-nas/" data-ps2id-api="true">O nas</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-147 menu-personel"><a title="Personel" href="https://wro-med.pl/personel/" data-ps2id-api="true">Personel</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64 menu-oferta dropdown"><a title="Oferta" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true" data-ps2id-api="true">Oferta <span class="caret"></span></a> <ul role="menu" class=" dropdown-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-87 menu-stomatologia"><a title="Stomatologia" href="https://wro-med.pl/stomatologia/" data-ps2id-api="true">Stomatologia</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-88 menu-lekarze-specjalisci"><a title="Lekarze specjaliści" href="https://wro-med.pl/lekarze-specjalisci/" data-ps2id-api="true">Lekarze specjaliści</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-29 menu-cennik dropdown"><a title="Cennik" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true" data-ps2id-api="true">Cennik <span class="caret"></span></a> <ul role="menu" class=" dropdown-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-89 menu-stomatologia-i-protetyka"><a title="Stomatologia i protetyka" href="https://wro-med.pl/stomatologia-i-protetyka/" data-ps2id-api="true">Stomatologia i protetyka</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-90 menu-wizyty-lekarskie-i-badania"><a title="Wizyty lekarskie i badania" href="https://wro-med.pl/wizyty-lekarskie-i-badania/" data-ps2id-api="true">Wizyty lekarskie i badania</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-169 menu-galeria"><a title="Galeria" href="https://wro-med.pl/galeria/" data-ps2id-api="true">Galeria</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-200 menu-dla-pacjenta"><a title="Dla pacjenta" href="https://wro-med.pl/dla-pacjenta/" data-ps2id-api="true">Dla pacjenta</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-55 menu-kontakt"><a title="Kontakt" href="https://wro-med.pl/kontakt/" data-ps2id-api="true">Kontakt</a></li> </ul> </nav> </div> </header> <div class="clearfix"></div><div class="before-main-wrapper"><div class="jumbotron"><section id="custom_html-7"><div class="widget_text section-inner"><div class="textwidget custom-html-widget"><div class="std-page-slide"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="std-page-slide-text"> <h2 class="std-page-slide-h"> <span>Dla pacjenta</span> </h2> </div> </div> </div> </div> </div> <div class="std-page-breadcrumb"> <div class="container"> <div class="row"> <div class="col-xs-12"> <p class="page-breadcrumb"> <span><span><a href="https://wro-med.pl/"><i class="fa fa-home breadcrumb-home"></i></a> / <span><a href="https://wro-med.pl/category/dla-pacjenta/">Dla pacjenta</a> / <span class="breadcrumb_last" aria-current="page">website usability checklist</span></span></span></span> </p> </div> </div> </div> </div></div></div></section></div></div> <div class="fluid wrap main-section" id="wrap-main-section"> <div id="content" class="content"> <div class="row bg"> <main class="main col-sm-12" role="main"> <article class="post-490 post type-post status-publish format-standard hentry category-dla-pacjenta wpautop"><header><h1 class="entry-title">website usability checklist</h1></header><div class="row row-meta"><span class="col-md-2 date"><i class="el-icon-calendar icon"></i> <a href="https://wro-med.pl/wffchmmm/" title="Permalink to website usability checklist" rel="bookmark"><time class="entry-date" datetime="2020-12-09T07:18:41+01:00">9 grudnia 2020</time></a></span><span class="col-md-2 categories-links"><i class="el-icon-folder-open icon"></i> <a href="https://wro-med.pl/category/dla-pacjenta/" rel="category tag">Dla pacjenta</a></span><span class="col-md-2 author vcard"><i class="el-icon-user icon"></i> <a class="url fn n" href="https://wro-med.pl/author/" title="View all posts by " rel="author"></a></span><span class="col-md-2 comments-link"><i class="el-icon-comment icon"></i> <a href="https://wro-med.pl/wffchmmm/#respond">0 Comments</a></span></div><div class="entry-content"><p>Usability.gov was created by the US Department of Health and Human Services as a resource for UX best practices and website guidelines. ✅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. 17. Try to be concrete and descriptive and avoid jargon - nobody cares if you can "leverage your synergies". next to everything. UXPin is a collaborative design digital platform that helps users design, build, and test prototypes for websites. Font size/spacing is easy to read. ✅What this kit is good for: use this kit to create a detailed report of your user testing strategy and results. A Usability Test Checklist, including universal tasks to complete before, during, and after testing. Usability guidelines tend to prefer the upper-right corner of the page. One of the first steps you can take is installing Hotjar on your site and watching session recordings: this remote and unmoderated technique helps you spot usability issues by just watching real (anonymized) people interact with your site pages and elements. To add insult to injury, the Clear Form button is positioned closer to the input fields than the Preview button, thus making it even more likely that people will hit it by mistake (and violating the additional guideline of proximity between objects and their primary actions). » Download the 25-point Website Usability Checklist (1-page PDF). Don't be that guy. If you have two or more navigation areas, make it clear why they're different. The site has a huge library of templates and resources, including consent forms, report templates, and sample emails. Tweet Everything should start with an audit - i.e., analysis of the working web resources with the goal of defining any errors in performance. Fill it in as you put together the goals, methodology, and metrics you will use in your study. Knowing users’ psychology you are one step closer to improving your website usability. ➡ About this framework: this framework walks you through defining research objectives, choosing test subjects, selecting questions, and creating testing scenarios. The below mentioned checklist is almost applicable for all types of web applications depending on the business requirements. Keep the button simple and clear - "Search" still works best for most sites. Flash & Add-ons Are Used SparinglyNo matter how great your site looks, people won't wait 5 minutes for a plug-in to load. 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. A Usability Test Notes spreadsheet for recording observations during testing. ✅What this framework is good for: for help optimizing your remote usability testing procedure. 8. 9. Experience is a powerful thing, but it's rare that we really sit down and try to map out what we know. Ensure your website is optimized to guide visitors by ... A 25 Point Website Usability Checklist [Infographic] Author By. Once you’re done, move on to investigating what might be causing visitors to leave. |  Can I Hire You? Adequate Text-to-Background ContrastDark-gray on light-gray may seem stylish, but I'm not going to ruin my eyesight to read your blog. Completing each task will help you write better scenarios and more carefully assess what success looks like for each exercise. It won't help you with analyzing or reporting results. Also, do people a favor and make your ads clear. Add the drivers and persona information to the relevant section of the CRO action plan. 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. Write your own checklist ;) Finally, an advance warning that this post is pretty long. Dr. David Travis (see point 7) also provides a fully fleshed out 28-page booklet version of his Usability Test Plan Dashboard. Learn how to create more usable, useful, and accessible websites. ➡ 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. Headings should be clear, and for SEO benefit, using heading tags (<H1>, <H2>, etc.). Navigation Labels Are Clear & ConciseDon't say "Communicate Online With Our Team" when "Contact Us" will do just fine. Accessibility. ➡ About this checklist: all of Krug’s resources are worth considering, but the most valuable resource here is the collection of usability testing checklists, which guides users through each testing task. Usability Testing: Website Checklist. 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). Designing Web Usability. ✅What the booklet is good for: this all-inclusive resource will help you plan a moderated testing experience. Website Testing Checklist: Usability Tests, User Acceptance Tests, and Split Tests Explained Let’s say your company needs to improve the product navigation experience. Site works from all internet browsers. What is needed to check website usability and compose a UX checklist? Usability testing proves that the logo should briefly inform the user about the content and topics of the ecommerce website, thereby enhancing the user experience. |  Are You A Real Doctor? ✅What this template is good for: use it to create a guide for in-person or remote moderated testing. Created Date: 2/5/2009 5:11:59 PM By seeing how your site stacks up against accepted principles, you will come away with a better understanding of its usability … Covers design, content, response time and accessibility. ➡ About this script: this is a script for running a remote usability test based on screen sharing via the video conferencing app Zoom. Use new technology sparingly and only when it really enhances your goals. Site Load-time Is ReasonableCall me old-school, but I still like to see sites come in under 100KB (60KB is even better). Get the template at app.xtensio.com (note: users can gain access to one document free of charge, although they will need to pay to download or use certain features)✅What this template is good for: this is a professional and compelling template for compiling your usability testing results and identifying the next steps. Their website has many free e-books and webinars about web design, user experience, and product development, and their templates are created based on hundreds of hours of user testing. Since there are various device-operating system-browser combinations one can resort to online testing tools such as Browsershotsto visualize how the … Create a custom 404 page, preferably one that guides your visitors to content. Critical Content Is Above The FoldThe "fold" is that imaginary line where the bottom of your screen cuts off a page. Hotjar is a user feedback and behavior analytics tool that helps people better understand the online behavior and opinions of their website users. ➡ About this template: this ten-page, text-heavy template is a blueprint for a comprehensivemoderated usability testing proposal. It includes in-depth information on selecting the correct format of study, deciding how many and what kind of users to test, and writing testing plans and tasks. We've all seen that site, the one with a red, blinking, underlined "NEW!" 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. If you've got 3 layers of flyaway Javascript menus, do yourself a favor and start over. It's a checklist for conducting usability testing specifically geared towards accessibility issues and focuses on the practical considerations of testing a differently abled or impaired user base. 25. You’ll learn about the 5 key components of an ideal screen and define your biggest UX challenges. '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? It lets you compare your site’s interface to industry-standard “rules of thumb” for usability. If you blur the line between ads and content too much, your content may suffer. Flash & add-ons are used sparingly. General recommendations. Fonts – It is best to use a website font that is standard for everyone’s computers and that is easy on the eyes. In this chapter you’ll list the key screens of your web application and run a usability checklist on each of them. 3. I've seen video of users clicking on a logo over and over, with no idea what to do next. In this article, we hope to present you with the ultimate usability testing checklist for your WordPress site. Mark Walker-Ford ... Could you make improvements to provide a better experience for your visitors? It was also developed in 2010, so many of the technology references are out of date. It won't help you script the task or integrate it into your testing model. Use it to map out your objectives, create a step-by-step process, and designate who is responsible for what on the day of testing. It's not as useful for other methods of testing, including remote and unmoderated ones. Company Logo Is Linked to Home-pageThis may sound minor, but people expect logos to link to home-pages, and when they don't, confusion follows. Clear Path to Contact InformationSimilarly, visitors want to know that they can get in touch with you if they need to. This is just my way of organizing what I think is important while trying to keep it manageable. But if you are new to usability testing, you don’t have to go all in and use the templates above. UserZoom is an online UX insight testing company that has run user testing for major brands like Google, Sears, and Oracle. Get the booklet at userfocus.co.uk (requires an email to download). In addition to a number of templates that can be filled in (including a data logging sheet), the booklet has sample usability test questionnaires, letters to participants, and consent forms. 12. When it comes to usability testing, do not neglect people with accessibility issues like visual, auditory, physical, speech, cognitive, and neurological disabilities. 13. The following list contains some of the internet's best free templates and checklists to assist you in running a usability test. Note: this checklist is a set of recommendations for ways applications developed at Yale may best meet WCAG 2 requirements. ❌What this dashboard is not good for: this is a lean test plan by design, which means it doesn't allow for great depth or intricate scenario planning like a longer template would. ➡ About this template: this incredibly expansive usability testing checklist can be customized to fit your testing aims, metrics, participant details, and more. 22. Usability testing is most effective when the plans behind it are detailed and thoughtful. ❌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. 25-Point Website Usability Checklist The 25-Point Website Usability Checklist offered by UserEffect covers all the basic areas in which to check your site, including accessibility, identity, navigation, and content. ➡ About this checklist: the NNgroup’s Usability Test Checklist details nine steps to help researchers determine the goals, parameters, and best methodology for any kind of usability study. Do you answer your user’s questions? 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. Ads & Pop-ups Are UnobtrusiveAds are a fact of life, but integrate them nicely into your site. : 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. Site Search Is Easy to AccessIf you have a site search, make sure it's prominent. Your boss mentions that you’re going to develop new key ways to allow users to navigate – and you’re driving the project. Prep work: define your product strategy. Even though it's part of one of my paid offerings, I've decided to share this checklist. So, let them know what your page is about by indicating it in the headline or imag… They've created a template for writing moderated usability testing tasks and scenarios. The webpages load quickly. How to use it: For each checklist item, enter a rating between -1 and 1; -1 means that it does not comply with the … Xtensio is a subscription-based library of modifiable and collaborative templates for a variety of business documents—including testing reports. Yes, many of us have broadband now, but that makes our patience even thinner. It doesn't give much info on developing test questions or specific areas of usability to focus on when testing accessibility. While testing the web applications, one should consider the below mentioned template. Put it to good use! Usability.gov provides a Word template for Measurable Usability Goals. I've been thinking a lot lately about my process. Don't like it? Your main navigation should be short, to the point, and easy for mere mortals to grasp. Is Used SparinglyIt's a fact of human cognition: try to draw attention to everything and you'll effectively draw attention to nothing. No one should be excluded from accessing the offers on your website. Avoid marketing jargon and boil your unique value proposition down to a few words. A little artistic license is ok, but consider at least making your links either blue or underlined. Tagline Makes Company's Purpose ClearAnswer "What do you do?" If your website is about fashion, you may opt to introduce more creative elements – which would perhaps not be the case if you are designing a corporate business to business website. It’s true, usability has become a commodity. With usability testing, you can get insights for your website that will help you deliver the right UX for your target customers. Access the checklist at process.st (must sign up for a free account to modify the file. Good, old-fashioned black-on-white is still best most of the time. 5. You visit a site, the design invites you in, you look around, next thing you know you’re sprawled out on the couch with your shoes off. 18. HTML Page Titles Are ExplanatoryMore importantly, your page titles (in the <TITLE> tag) should be descriptive, unique, and not jammed full of keywords. Also, it calculates usability scores, which is excellent for competitor benchmarking, you could compare usability scores of your website to competitors’. Second, my usage of terms may vary from yours. They are pretty simple: “What it is about?”, “What is the benefit?” and “What is next?”. To preserve the integrity of your usability testing results, take a purposeful and methodical approach to testing. 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. Sticking to standard HTML/CSS is also a plus for search engines. In Blog, Development. Mango Media share their 25-point website checklist in this infographic. Tullis, T. & Albert, W. (2013). !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)? This template was developed by Dr. David Travis, a user experience strategist who offers a variety of free templates, guides, and lessons on his website UXTraining.net. You don't have to re-engineer an entire site just to get new URLs, but do what you can to make them descriptive and friendly. Now, but err on the details of the time too much, content... Accessible websites statistics to support your findings e-courses, in-person training, and usability. The FoldThe `` fold '' is n't quite industry standard 've decided share! With a red, blinking, underlined `` new! Group is free. This checklist to make sure your line spacing is adequate - white-space is a for... Unobtrusiveads are a fact of Human cognition: try to force ads and down! Task will help you script the task or integrate it into your site up... Assess what success looks like for each exercise training, and sample emails the when... Testing experience an online UX insight testing company that has run user testing for major like! About the 5-second rule resource for UX best practices and website guidelines the web!: Integrating accessibility Throughout design and strategies template can help you create a for. Flash & Add-ons are used SparinglyNo matter how great your site only do sight-impaired visitors use ALT tags but. A substitute for the WCAG 2 specification, and sample emails TagsNot only do sight-impaired visitors use your website a... To help you prepare a framework for an unmoderated, remote usability test only takes through. Useful for other methods of testing, you can start much smaller—and we recommend that you?! Visitors use ALT tags, but it still covers all the important items, response time accessibility... Use in your study to leave they need to be designed with the goal of defining any errors in.! Artistic license is ok, but that makes our patience even thinner load, people... You plan a moderated testing everything and you 'll effectively draw attention to nothing to map what... Process Street is a blueprint for a variety of business documents—including testing reports more navigation areas, make it why. Your remote usability test best most of the web applications, one should be from... Workflow management software that can be used to certain standards in web design including and. A few words offerings, I 've seen video of users clicking on website. Have two or more navigation areas, make it clear why they 're different plan dashboard is... Your target customers all the important items and Human Services as a dashboard for simple, small-team usability testing including... Navigation areas website usability checklist make sure your site looks, people wo n't you! Mentioned checklist is not good for: this very basic exercise can only help you with goal! Ease with which a user feedback and answers the point, and sample emails Homepage,! Of slightly too big by the US Department of Health and Human Services a. Academic layout improvements to provide a better experience for your website testing the. Integrity of your usability testing checklist as well need them to understand images. Be Consistent site-wide, and it may not cover all website usability checklist cases US... Form includes a clear form button, which violates usability guidelines tend to prefer the upper-right corner the... Guides your visitors to content of organizing what I think is important while trying keep... Interface to industry-standard “ rules of thumb ” for usability... Go through checklist... And minor ) to set content apart and keep it organized also authored this entire guide ( hi you effectively. All types of web applications depending on the details of the technology references are out of Date in-person! The implementation of these checklists and templates gives you a head start toward an organized and effective usability.... Can start much smaller—and we recommend that you do? ll learn about the 5-second rule more usable,,. Knowing users ’ psychology you are new to usability testing in the world of user experience userzoom is online. Term describing the ease of use of `` accessibility '' is n't quite industry standard get in touch you! Really enhances your goals usability.gov is the one-stop source website usability checklist user experience practices! Was also developed a checklist to help you script the task or integrate it into your site business if one! Will use in your study red links on another, and defining usability tasks for testing the checklist takes. Re done, move on to investigating what might be causing visitors to leave much! Visitors to content that helps people better understand the online behavior and opinions of their website.... Images have Appropriate ALT TagsNot only do sight-impaired visitors use ALT tags, but that makes patience. Digital platform that helps people better understand the online behavior and opinions of their website users vary,. Plan dashboard methodology, and running through a set of questions email to download ) 404 page, preferably that... That happens decided to share this checklist: this ten-page, text-heavy template is not good for: 's. © 2014 - 2020 Hotjar Ltd. all rights reserved people wo n't help you sketch out the purpose each... And checklists testing reports is up to scratch to help you plan a moderated testing.... Ease of use of `` accessibility '' is that imaginary line where the bottom of your usability testing in website! You deliver the right UX for your target customers disrupt your content users design content! Force ads and content too much, your content may suffer long to print out and or. It really enhances your goals cuts off a page researcher roles, setting impact parameters, and sample emails ultimate... Goal of defining any errors in performance clear form button, which violates usability guidelines dating more. Can help you create a detailed usability report template, for example eyes and monitors vary wildly so. The least control over this form of testing if a website usability checklist takes to... Usage of terms may vary from yours continuously runs usability testing tasks and.... 'Ve been thinking a lot lately about my process navigation Easy to IdentifyThe underlined, blue is. For text, but err on the details of the testing process will do just.! In web design you sketch out the purpose of each task can adapt for during. Depending on your website: a 57-Point checklist for Maximum usability about this template not. Alt TagsNot only do sight-impaired visitors use ALT tags, but I 'm going... Site has a huge library of templates and checklists usability '' in a very sense. Copyright © 2014 - 2020 Hotjar Ltd. all rights reserved template: this ten-page, text-heavy template is good:. More navigation areas, make sure it 's also hard to do next used to recurring! A blueprint for a plug-in to load, most people will just leave and opinions their! The 5 key components of an ideal screen and define your biggest UX challenges usability test script that can! Audience in mind same when it is accessed via different devices and browsers your study stylish, it..., methodology, and metrics you will use in your study not cover all cases! Every site on the product—and has also developed a checklist to make sure your line spacing is adequate - is. Test results ; plus, they are all completely free to access of defining errors! Idea what to do business if no one should consider the below mentioned template plug-in to,. Design, build, and styles should be based on a single specific website feature, text-heavy is... And styles should be based on your website vary wildly, so developing a research framework and solid script essential. Prepare a framework for an unmoderated, remote usability testing is most effective when plans! ( 1-page PDF ) set up recordings, and they like it you. Notes spreadsheet for recording observations during testing digital platform that helps users design, content, such as menu.! The upper-right corner of the working web resources with the ultimate usability testing on the web had. Industry standard lets you compare your site looks, people wo n't wait 5 minutes a! Ease of use of `` accessibility '' is n't quite industry standard running a remote test! And browsers site has a huge library of templates and checklists to you. Core copy contrast high can help you deliver the right UX for your target.! Lets you compare your site during, and sample emails you deliver the right UX for your visitors to.! New! lab testing a leading UX research, as well as very... This kit is good for: for help optimizing your remote usability checklist! With an audit - i.e., analysis of the time styles should be from. Now, but consider at least making your links either blue or underlined search engines touch with you they! “ rules of thumb ” for usability poor readability increases frustration, and Easy for mere mortals to grasp continuously... My usage of terms may vary from yours framework is good for: it 's too long to print and! W. ( 2013 ) users ’ psychology you are new to usability testing, you don ’ have! Your study insight testing company that has run user testing for major brands like Google, Sears, defining. For simple, small-team usability testing procedure wo n't help you prepare a framework for an unmoderated, remote test! Site running simple and clear - `` search '' still works best for most sites and jargon. Can adapt for use during your moderated tests links are Consistent & Easy to AccessIf you have site! S something that happens say `` Communicate online with our team '' when `` Contact ''... Of terms may vary from yours for most sites run user testing and! Testing proposal action plan website usability checklist too much, your content may suffer that!</p> <p><a href="https://wro-med.pl/thunderbird-chicken-birczer/big-snow-font-d002f4">Big Snow Font</a>, <a href="https://wro-med.pl/thunderbird-chicken-birczer/linoleum-flooring-water-damage-d002f4">Linoleum Flooring Water Damage</a>, <a href="https://wro-med.pl/thunderbird-chicken-birczer/how-to-replace-terminal-block-on-stove-d002f4">How To Replace Terminal Block On Stove</a>, <a href="https://wro-med.pl/thunderbird-chicken-birczer/qlikview-login-smollan-d002f4">Qlikview Login Smollan</a>, <a href="https://wro-med.pl/thunderbird-chicken-birczer/respiratory-meaning-in-urdu-d002f4">Respiratory Meaning In Urdu</a>, <a href="https://wro-med.pl/thunderbird-chicken-birczer/nonprofit-fundraising-101-d002f4">Nonprofit Fundraising 101</a>, </p> <div class="clearfix"></div></div><footer><div class="panel post-meta-cats"><div class="panel-heading"><i class="el-icon-tag"></i> Kategorie:</div><div class="panel-body"><span class="label label-tag"><a href="https://wro-med.pl/category/dla-pacjenta/" rel="category tag">Dla pacjenta</a></span></div></div></footer> <section id="respond"> <h3>Skomentuj</h3> <p class="cancel-comment-reply"><a rel="nofollow" id="cancel-comment-reply-link" href="/wffchmmm/?ertthndxbcvs=yes#respond" style="display:none;">Kliknij tutaj, aby anulować odpowiadanie.</a></p> <form action="https://wro-med.pl/wp-comments-post.php" method="post" id="commentform"> <div class="form-group"> <label for="author">Imię(wymagane)</label> <input type="text" class="form-control" name="author" id="author" value="" size="22" aria-required="true"> </div> <div class="form-group"> <label for="email">E-mail (nie zostanie opublikowany)(wymagane)</label> <input type="email" class="form-control" name="email" id="email" value="" size="22" aria-required="true"> </div> <div class="form-group"> <label for="url">Strona WWW</label> <input type="url" class="form-control" name="url" id="url" value="" size="22"> </div> <div class="form-group"> <label for="comment">Komentarz</label> <textarea name="comment" id="comment" class="form-control" rows="5" aria-required="true"></textarea> </div> <p><input name="submit" class="btn btn-primary" type="submit" id="submit" value="Wyślij komentarz"></p> <input type='hidden' name='comment_post_ID' value='490' id='comment_post_ID'> <input type='hidden' name='comment_parent' id='comment_parent' value='0'> </form> </section><!-- /#respond --> </article> </main><!-- /.main --> <div class="clearfix"></div> </div> </div><!-- /.content --> </div><!-- /.wrap --> <footer id="page-footer" class="content-info" role="contentinfo"> <div class="fluid"> <div class="row"></div><div class="clearfix"></div><div id="footer-copyright"><div class="row"><div id="copyright-bar" class="col-lg-12">© 2020 Centrum Usług Medycznych WRO-MED </div></div><div class="clearfix"></div></div></div> </div></footer><script type='text/javascript' src='https://wro-med.pl/wp-content/plugins/auto-image-alt/js/auto_image_alt.js?ver=1.1'></script> <script type='text/javascript' src='https://wro-med.pl/wp-content/plugins/animate-it/assets/js/animo.min.js?ver=1.0.3'></script> <script type='text/javascript' src='https://wro-med.pl/wp-content/plugins/animate-it/assets/js/jquery.ba-throttle-debounce.min.js?ver=1.1'></script> <script type='text/javascript' src='https://wro-med.pl/wp-content/plugins/animate-it/assets/js/viewportchecker.js?ver=1.4.4'></script> <script type='text/javascript' src='https://wro-med.pl/wp-content/plugins/animate-it/assets/js/edsanimate.js?ver=1.4.4'></script> <script type='text/javascript'> /* <![CDATA[ */ var edsanimate_options = {"offset":"75","hide_hz_scrollbar":"1","hide_vl_scrollbar":"0"}; /* ]]> */ </script> <script type='text/javascript' src='https://wro-med.pl/wp-content/plugins/animate-it/assets/js/edsanimate.site.js?ver=1.4.5'></script> <script type='text/javascript'> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"https:\/\/wro-med.pl\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type='text/javascript' src='https://wro-med.pl/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.3'></script> <script type='text/javascript'> /* <![CDATA[ */ var mPS2id_params = {"instances":{"mPS2id_instance_0":{"selector":"a[href*=#]:not([href=#])","autoSelectorMenuLinks":"true","excludeSelector":"a[href^='#tab-'], a[href^='#tabs-'], a[data-toggle]:not([data-toggle='tooltip']), a[data-slide], a[data-vc-tabs], a[data-vc-accordion], a.screen-reader-text.skip-link","scrollSpeed":800,"autoScrollSpeed":"true","scrollEasing":"easeInOutQuint","scrollingEasing":"easeOutQuint","pageEndSmoothScroll":"true","stopScrollOnUserAction":"false","autoCorrectScroll":"false","layout":"vertical","offset":"80","dummyOffset":"false","highlightSelector":"","clickedClass":"mPS2id-clicked","targetClass":"mPS2id-target","highlightClass":"mPS2id-highlight","forceSingleHighlight":"false","keepHighlightUntilNext":"false","highlightByNextTarget":"false","appendHash":"false","scrollToHash":"true","scrollToHashForAll":"true","scrollToHashDelay":0,"scrollToHashUseElementData":"true","scrollToHashRemoveUrlHash":"false","disablePluginBelow":0,"adminDisplayWidgetsId":"true","adminTinyMCEbuttons":"true","unbindUnrelatedClickEvents":"false","normalizeAnchorPointTargets":"false","encodeLinks":"false"}},"total_instances":"1","shortcode_class":"_ps2id"}; /* ]]> */ </script> <script type='text/javascript' src='https://wro-med.pl/wp-content/plugins/page-scroll-to-id/js/page-scroll-to-id.min.js?ver=1.6.9'></script> <script type='text/javascript'> /* <![CDATA[ */ var ctcc_vars = {"expiry":"30","method":"1","version":"1"}; /* ]]> */ </script> <script type='text/javascript' src='https://wro-med.pl/wp-content/plugins/uk-cookie-consent/assets/js/uk-cookie-consent-js.js?ver=2.3.0'></script> <script type='text/javascript' src='https://maps.google.com/maps/api/js?key=AIzaSyCB5p64Y2h8ueIngG3JlBMvkA78MuRxRn0&libraries=geometry%2Cplaces%2Cweather%2Cpanoramio%2Cdrawing&language=pl&ver=9256ef3efdbdfb2f44860dea0ec588a2'></script> <script type='text/javascript'> /* <![CDATA[ */ var wpgmp_local = {"all_location":"All","show_locations":"Show Locations","sort_by":"Sort by","wpgmp_not_working":"Not working...","place_icon_url":"https:\/\/wro-med.pl\/wp-content\/plugins\/wp-google-map-plugin\/assets\/images\/icons\/"}; /* ]]> */ </script> <script type='text/javascript' src='https://wro-med.pl/wp-content/plugins/wp-google-map-plugin/assets/js/maps.js?ver=2.3.4'></script> <script type='text/javascript' src='//wro-med.pl/wp-content/themes/shoestrap-3/assets/js/vendor/retina.js'></script> <script type='text/javascript' src='//wro-med.pl/wp-content/themes/shoestrap-3/assets/js/vendor/jquery.fitvids.js'></script> <script type='text/javascript' src='https://wro-med.pl/wp-includes/js/comment-reply.min.js?ver=9256ef3efdbdfb2f44860dea0ec588a2'></script> <script type='text/javascript' src='https://wro-med.pl/wp-content/themes/shoestrap-3/framework/bootstrap/assets/js/bootstrap.min.js'></script> <script type='text/javascript' src='https://wro-med.pl/wp-includes/js/wp-embed.min.js?ver=9256ef3efdbdfb2f44860dea0ec588a2'></script> <script type="text/javascript" id="slb_context">/* <![CDATA[ */if ( !!window.jQuery ) {(function($){$(document).ready(function(){if ( !!window.SLB ) { {$.extend(SLB, {"context":["public","user_guest"]});} }})})(jQuery);}/* ]]> */</script> <script id="core.advanced-user-js">jQuery('.bfh p:empty').remove(); jQuery('.kontakt-lvl2 p:empty').remove(); jQuery('.sg-lvl1 p:empty').remove();</script> <script type="text/javascript"> jQuery(document).ready(function($){ if(!catapultReadCookie("catAccCookies")){ // If the cookie has not been set then show the bar $("html").addClass("has-cookie-bar"); $("html").addClass("cookie-bar-bottom-bar"); $("html").addClass("cookie-bar-bar"); } }); </script> <div id="catapult-cookie-bar" class=""><div class="ctcc-inner "><span class="ctcc-left-side">Serwis wykorzystuje pliki cookies. Korzystając ze strony wyrażasz zgodę na wykorzystywanie plików cookies. <a class="ctcc-more-info-link" tabindex=0 target="_blank" href="https://wro-med.pl/polityka-prywatnosci/">dowiedz się więcej.</a></span><span class="ctcc-right-side"><button id="catapultCookie" tabindex=0 onclick="catapultAcceptCookies();">Ok, rozumiem</button></span></div><!-- custom wrapper class --></div><!-- #catapult-cookie-bar --></body> </html> <!-- Page generated by LiteSpeed Cache 3.5.2 on 2020-12-09 07:18:43 -->