--- title: Take a Step Back - Simple Tips to Quickly Check a Design for Usability description: Some simple tips for getting perspective for user experience designers to consider when creating user interfaces (UIs). image: https://www.bitovi.com/hubfs/background-blurry.jpg --- - ![AI implementation](https://www.bitovi.com/hubfs/AIConsultingIcon.svg) [AI implementation](https://www.bitovi.com/services/ai-consulting) - ![Systems engineering](https://www.bitovi.com/hubfs/icon%20-%20backend.svg) [Systems engineering](https://www.bitovi.com/services/systems-engineering-consulting) - ![Project Management](https://www.bitovi.com/hubfs/icon%20-%20PM.svg) [Project Management](https://www.bitovi.com/services/agile-project-management-consulting) - ![Product Design](https://www.bitovi.com/hubfs/icon%20-%20design.svg) [Product Design](https://www.bitovi.com/services/product-design-consulting) - ![Frontend development](https://www.bitovi.com/hubfs/icon%20-%20frontend.svg) [Frontend development](https://www.bitovi.com/services/frontend-development-consulting) - [View more → ](https://www.bitovi.com/digital-consulting-services) We're Experts in... - [JavaScript](https://www.bitovi.com/services/frontend/javascript-consulting) - [AI training](https://www.bitovi.com/ai-training-for-software-engineers) - [Angular](https://www.bitovi.com/services/frontend/angular-consulting) - [Design systems](https://www.bitovi.com/services/axure-figma-migration) - [React](https://www.bitovi.com/services/frontend/react-consulting) - [Temporal](https://www.bitovi.com/services/backend/temporal-consulting) - [React Native](https://www.bitovi.com/services/frontend/react-consulting/react-native) - [Node.js](https://www.bitovi.com/services/backend/nodejs-consulting) Showcase ![Yum! Brands](https://www.bitovi.com/hubfs/yum-showcase-link-1.png) [View case study](https://www.bitovi.com/en/bitovi-yum-case-study) More Projects - [![Levi's](https://www.bitovi.com/hubfs/levis.svg)](https://www.bitovi.com/web-application-consulting-work/levis-ecommerce-responsive-redesign) - [![Christie's International Real Estate](https://www.bitovi.com/hubfs/christies.svg)](https://design.bitovi.com/christies) - [![BAFS](https://www.bitovi.com/hubfs/bafs.svg)](https://www.bitovi.com/ux-design-consulting/ux-case-studies/bafs-ppp) - [View more → ](https://www.bitovi.com/our-software-consulting-work) Open Source Tools We build powerful tools and open source them to support the community. [See what we've built →](https://www.bitovi.com/open-source) - [![Blog](https://www.bitovi.com/hubfs/icon%20-%20blog.svg) BlogWe post about delivering products and solving problems. ](https://www.bitovi.com/blog) - [![Partnerships](https://www.bitovi.com/hubfs/Handshake-1.svg) PartnershipsLearn about Bitovi's technology partners ](https://www.bitovi.com/partnerships) - [![Academy](https://www.bitovi.com/hubfs/icon%20-%20academy%20(4).svg) AcademyFree courses to build delivery skills ](https://www.bitovi.com/academy) - [![Open source tools](https://www.bitovi.com/hubfs/icon%20-%20open%20source.svg) Open source toolsUse or contribute to our community ](https://www.bitovi.com/open-source) Let's Connect - [![Discord](https://www.bitovi.com/hubfs/DiscordLogo.svg) Discord ](https://discord.gg/J7ejFsZnJ4) - [![LinkedIn](https://www.bitovi.com/hubfs/LinkedinLogo.svg) LinkedIn ](https://www.linkedin.com/company/bitovi/) - [![GitHub](https://www.bitovi.com/hubfs/GithubLogo.svg) GitHub ](https://github.com/bitovi/) ![Eggbot](https://www.bitovi.com/hubfs/build_assets/bitovi-limbo-cms-react/338/js_client_assets/assets/eggbot-LTGhdSGL.png) Name * Work Email * Phone What's your project? Send ### Contact Us (312) 620-0386contact@bitovi.com [ Design ](https://www.bitovi.com/blog/topic/design) | April 12, 2013 # Take a Step Back - Simple Tips to Quickly Check a Design for Usability Some simple tips for getting perspective for user experience designers to consider when creating user interfaces (UIs). ![The Bitovi Team](https://www.bitovi.com/hubfs/TheBitoviTeam%20(1).png) The Bitovi Team Share: [![Twitter](https://www.bitovi.com/hubfs/limbo-generated/_astro/twitter-white.os3xLc3C_Z2nW4or.svg) ](https://twitter.com/intent/tweet?text=) [![Reddit](https://www.bitovi.com/hubfs/limbo-generated/imgs/icons/reddit.png) ](http://reddit.com/submit?url=) When it comes to creating user interfaces (UIs), user experience designers can get too close to the project and lose sight of basic usability. Sometimes you have to take a step back and obscure your view just enough to see potential problems that you might not notice otherwise. Here are some simple things you can do for a quick usability check. These tips are so easy, you'll find yourself doing them all the time. **1. Shrink it: **Make your design so small that you can't read it. The easiest thing is to stand several feet from your display. Stand across the room from your computer. Zoom out to 25% scale. View the design on a small screen device. All these techniques can help you step back to see what stands out and what doesn't. Changing scale will give you enough of a fresh, new perspective to see what “pops” -- almost as if you’re seeing the design for the first time. ![KeepShop point of sale interface, zoomed out to 25%](https://www.bitovi.com/hs-fs/hubfs/blogposts/UX%20Blog%20Posts/take-a-step-back/step_back_zoom.jpg?width=200&name=step_back_zoom.jpg) **2. Distort it:**You can do this just by blurring your vision, but if you don't like flexing your eye muscles: apply a gaussian blur or use a pixelate filter, like a Color Halftone, Pointilize, or Mosaic. Making the design blocky with pixelation forces you to see your design differently. A blur test will help you notice which areas draw your attention and why (e.g., color, contrast, size, shape, etc.). ![KeepShop point of sale interface, blurred until text is unreadable](https://www.bitovi.com/hs-fs/hubfs/blogposts/UX%20Blog%20Posts/take-a-step-back/step_back_blur.jpg?width=700&name=step_back_blur.jpg) **3. Change the language: **Have you ever navigated a website in an unfamiliar language? Good user experience (UX) can help you get around without reading a single word. Change the font to something non-native, copy and paste the language from a non-English website, or use lorem ipsum dummy text. (My favorite lorem ipsum generator is [Bacon Ipsum](https://baconipsum.com/)). Being unable to read it allows you to focus more on the overall user experience without being distracted by words. Changing the language removes words as a tool and forces you to see if the design can stand on the strength of other elements (e.g., position, proximity, alignment, scale, color, etc.) ![KeepShop point of sale interface, translated into Japanese](https://www.bitovi.com/hs-fs/hubfs/blogposts/UX%20Blog%20Posts/take-a-step-back/step_back_translate.jpg?width=700&name=step_back_translate.jpg) ### Subtle Isn't Obvious When you start checking designs using these techniques, the first thing to go is usually subtlety. It might be considered the hallmark of sophisticated design, but it's often lost on the average user. In the example below, the navigation's active element is much less obvious when obscured. We might want to think about how we can add better visual cues.![Original gray nav bar, blurred and pixelated](https://www.bitovi.com/hubfs/Imported_Blog_Media/subtlenav.jpg "A subtle nav element") While we use these techniques frequently to check our designs, they are also great for user testing. Try one of these techniques with a user and see if you get better feedback. It can remove some of the noise that you often receive about content-related confusion and help maximize useful feedback. These ideas force you to see a design differently and can help you quickly spot where you might need to beef up the user interface. Sometimes the best way to really focus on an interface is to blur it. *Bonus Content*: If you're reviewing code (vs. a design), use [The Designer's Checklist for Reviewing Pull Requests](https://www.bitovi.com/blog/designer-pr-checklist). **Need help with [user experience](https://www.bitovi.com/ux-design-consulting) or [user interface design](https://www.bitovi.com/ux-design-consulting/user-interface-design)?** Our team can help you design great user experiences. [Read more here](http://bitovi.com/design) or [contact us today](http://bitovi.com/contact). [![Tag for user experience](https://www.bitovi.com/hubfs/limbo/icons/tag.svg) user experience ](https://www.bitovi.com/blog/topic/user-experience) Previous Post ![canjs-banner-background](https://www.bitovi.com/hs-fs/hubfs/canjs-banner-background.jpg?height=117&name=canjs-banner-background.jpg) [ Weekly Widget 6 - Instantaneous Web Apps ](https://www.bitovi.com/blog/weekly-widget-6-instantaneous-web-apps-2)   Next Post ![canjs-banner-background.jpg](https://www.bitovi.com/hs-fs/hubfs/canjs-banner-background.jpg?height=117&name=canjs-banner-background.jpg) [ Weekly Widget 7 - Computes and Sliders ](https://www.bitovi.com/blog/weekly-widget-7-computes-and-sliders) ```json { "@context" : "http://schema.org", "@type" : "Organization", "address" : { "@type" : "PostalAddress", "addressCountry" : "United States", "addressLocality" : "Libertyville", "addressRegion" : "IL", "postalCode" : "60048", "streetAddress" : "1134 Pine Tree Lane " }, "alternateName" : "Bitovi", "areaServed" : { "@type" : "GeoCircle", "geoMidpoint" : { "@type" : "GeoCoordinates", "latitude" : "41.8781", "longitude" : "87.6298" }, "geoRadius" : "5000 km" }, "description" : "Bitovi is a UX, UI design and front-end JavaScript development consulting company", "email" : "contact@bitovi.com", "image" : "https://www.bitovi.com/hubfs/bitovi-logo-x2.png", "logo" : "https://www.bitovi.com/hubfs/bitovi-logo-23-1.svg", "mainEntityOfPage" : { "@id" : "https://www.bitovi.com/blog/take-a-step-back-simple-tips-to-quickly-check-a-design-for-usability", "@type" : "WebPage", "description" : "Some simple tips for getting perspective for user experience designers to consider when creating user interfaces (UIs)." }, "naics" : "541511", "name" : "Bitovi Web App Consulting", "sameAs" : [ "https://www.facebook.com/BitoviLLC/", "https://twitter.com/bitovi", "https://www.linkedin.com/company/bitovi" ], "telephone" : "312-620-0386", "url" : "http://bitovi.com" } ``` ```json { "@context" : "http://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "The Bitovi Team" }, "dateModified" : "May 10, 2021, 8:22:45 PM", "datePublished" : "2013-04-12 20:35:47", "description" : "Some simple tips for getting perspective for user experience designers to consider when creating user interfaces (UIs).", "headline" : "Take a Step Back - Simple Tips to Quickly Check a Design for Usability", "image" : { "@type" : "ImageObject", "url" : "http://cdn2.hubspot.net/hubfs/2171535/background-blurry.jpg" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.bitovi.com/hubfs/bitovi-logo-23-1.svg" }, "name" : "Bitovi" } } ```