<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Information Architecture Archives - Situated Research</title>
	<atom:link href="https://www.situatedresearch.com/tag/information-architecture/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.situatedresearch.com/tag/information-architecture/</link>
	<description>Usability Research and User Experience Testing</description>
	<lastBuildDate>Mon, 15 Nov 2021 20:47:40 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/03/cropped-icon.png?fit=32%2C32&#038;ssl=1</url>
	<title>Information Architecture Archives - Situated Research</title>
	<link>https://www.situatedresearch.com/tag/information-architecture/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">122538981</site>	<item>
		<title>Medical Software UX / UI Tips: User Experience Design for the Healthcare Industry</title>
		<link>https://www.situatedresearch.com/2021/10/medical-software-ux-ui-tips-user-experience-design-for-the-healthcare-industry/</link>
					<comments>https://www.situatedresearch.com/2021/10/medical-software-ux-ui-tips-user-experience-design-for-the-healthcare-industry/#_comments</comments>
		
		<dc:creator><![CDATA[Matthew Sharritt, Ph.D.]]></dc:creator>
		<pubDate>Thu, 14 Oct 2021 21:19:55 +0000</pubDate>
				<category><![CDATA[HCI]]></category>
		<category><![CDATA[Psychology]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Focus Groups]]></category>
		<category><![CDATA[Health Care]]></category>
		<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[Medical Software]]></category>
		<category><![CDATA[Telemedicine]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[User-Centered Design]]></category>
		<guid isPermaLink="false">https://www.situatedresearch.com/?p=10312</guid>

					<description><![CDATA[<p>Supporting Healthcare with Understandable, Convenient, and Easy-to-Use Technology Today&#8217;s healthcare industry has become increasingly reliant on technology and medical software. While medical software has come a long way in recent years, it can still cause difficulty or confusion for many of its users. In addition, the wide variety of people using the software tools (doctors,&#8230;</p>
<p>The post <a href="https://www.situatedresearch.com/2021/10/medical-software-ux-ui-tips-user-experience-design-for-the-healthcare-industry/">Medical Software UX / UI Tips: User Experience Design for the Healthcare Industry</a> appeared first on <a href="https://www.situatedresearch.com">Situated Research</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h3>Supporting Healthcare with Understandable, Convenient, and Easy-to-Use Technology</h3>
<p>Today&#8217;s healthcare industry has become increasingly reliant on technology and medical software. While medical software has come a long way in recent years, it can still cause difficulty or confusion for many of its users. In addition, the wide variety of people using the software tools (doctors, nurses, patients, administrative staff, people with disabilities, etc.) makes it even more important for the design of a great user experience (UX, an acronym for user experience) in medical software. In this article, we will discuss tips for building great UX into medical software for the healthcare industry, along with UX research methods that can achieve big results. <span id="more-10312"></span></p>
<h2>Medical Software Accessibility &amp; UI Testing</h2>
<p>A wide variety of users can interact with medical software: of different roles (doctors, nurses, patients, etc.), different abilities (visually or hearing impaired), and different demographics (young vs. elderly patients). For each of these types of users, medical software must be able to serve their needs, and allow each of those users to achieve their goals efficiently. As an example, an elderly patient with poor vision should be able to use a mobile application on their phone to check the results of their lab tests. In this case, the UI (user interface) of the application should make use of strong contrast and large fonts so that they can use the software. Some basic accessibility testing would reveal whether this was an issue by testing if a high-contrast mode or larger font size was easily accessible. However, this is just one instance of many. How can those designing medical software for the healthcare industry ensure that their user experience is not only up to par, but a cut above the rest?</p>
<p><img data-recalc-dims="1" loading="lazy" decoding="async" class="aligncenter size-large wp-image-10319" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/national-cancer-institute-L8tWZT4CcVQ-unsplash.jpg?resize=980%2C653&#038;ssl=1" alt="medical app " width="980" height="653" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/national-cancer-institute-L8tWZT4CcVQ-unsplash.jpg?resize=1024%2C682&amp;ssl=1 1024w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/national-cancer-institute-L8tWZT4CcVQ-unsplash.jpg?resize=300%2C200&amp;ssl=1 300w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/national-cancer-institute-L8tWZT4CcVQ-unsplash.jpg?resize=768%2C512&amp;ssl=1 768w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/national-cancer-institute-L8tWZT4CcVQ-unsplash.jpg?resize=1180%2C786&amp;ssl=1 1180w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/national-cancer-institute-L8tWZT4CcVQ-unsplash.jpg?w=1280&amp;ssl=1 1280w" sizes="auto, (max-width: 980px) 100vw, 980px" /></p>
<p>Research has shown how good UX impacts overall user satisfaction, boosts success rates (allowing users to complete tasks and achieve their goals efficiently), while avoiding headaches caused by poor design. In critical medical situations, a good, intuitive interface on a medical device can literally save lives.</p>
<h2>Medical Software UX: Healthcare Personas</h2>
<p>In healthcare, a wide variety of use cases and applications exist for medical software. Some of these include medical records, medical education, mental health, practice management, sports, wellness and nutrition, pharmacy, medical billing, telemedicine, and medical devices among others. For this reason, detailed planning and <a href="https://www.situatedresearch.com/services/persona-research/">persona research</a> should be done to determine who exactly will be using the software. Personas can describe typical users of the software in an abstract manner, along with common tasks and goals they might achieve by using the software. This in turn can help guide design and make sure that common tasks are easily achievable, rather than buried in a menu somewhere that&#8217;s hard for them to find. Further, personas can guide design by describing users&#8217; goals, tasks, capabilities, fears, and other factors that will help designers empathize with users and support their needs.</p>
<h2>Healthcare Applications: Mobile Apps, Software UX</h2>
<p>A contextual inquiry can help support the design of users in addition to persona research. Examining users and their behavior, in a typical setting where the software is actually used, will help designers better understand users and design for their needs. Besides the large variety of users already discussed, these users may be using the software from a medical office, an operating room, an ambulance, or from their homes. In addition, they may be using a mobile device, laptop, PC or tablet to access the software. By researching users in their actual environments of use, UX researchers can gauge how well they perform while doing typical tasks (as well as tasks that involve critical safety) to highlight areas of concern that need attention or redesign.</p>
<p><img data-recalc-dims="1" loading="lazy" decoding="async" class="aligncenter size-large wp-image-10322" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/camilo-jimenez-vGu08RYjO-s-unsplash.jpg?resize=980%2C653&#038;ssl=1" alt="medical software UI" width="980" height="653" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/camilo-jimenez-vGu08RYjO-s-unsplash.jpg?resize=1024%2C682&amp;ssl=1 1024w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/camilo-jimenez-vGu08RYjO-s-unsplash.jpg?resize=300%2C200&amp;ssl=1 300w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/camilo-jimenez-vGu08RYjO-s-unsplash.jpg?resize=768%2C512&amp;ssl=1 768w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/camilo-jimenez-vGu08RYjO-s-unsplash.jpg?resize=1180%2C786&amp;ssl=1 1180w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/camilo-jimenez-vGu08RYjO-s-unsplash.jpg?w=1280&amp;ssl=1 1280w" sizes="auto, (max-width: 980px) 100vw, 980px" /></p>
<h2>Common Medical Software UX Research</h2>
<p>Overall, a wide gamut of software exists in the medical industry, and each type of use case has its own requirements for design. Reaching out to a <a href="https://www.situatedresearch.com/contact/">usability research firm specializing in healthcare</a> is a great way to get feedback on early-stage designs, prototypes, or fully-developed software and gauge its user experience. Following are some common types of UX inquiries done in the healthcare industry for medical software.</p>
<h3>1. Contextual Inquiry / Human Interaction Points</h3>
<p><img data-recalc-dims="1" loading="lazy" decoding="async" class="half alignright wp-image-10318" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/thisisengineering-raeng-f4pUuCc3M0g-unsplash.jpg?resize=640%2C427&#038;ssl=1" alt="healthcare software UX" width="640" height="427" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/thisisengineering-raeng-f4pUuCc3M0g-unsplash.jpg?resize=300%2C200&amp;ssl=1 300w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/thisisengineering-raeng-f4pUuCc3M0g-unsplash.jpg?resize=1024%2C682&amp;ssl=1 1024w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/thisisengineering-raeng-f4pUuCc3M0g-unsplash.jpg?resize=768%2C512&amp;ssl=1 768w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/thisisengineering-raeng-f4pUuCc3M0g-unsplash.jpg?resize=1180%2C786&amp;ssl=1 1180w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/thisisengineering-raeng-f4pUuCc3M0g-unsplash.jpg?w=1280&amp;ssl=1 1280w" sizes="auto, (max-width: 640px) 100vw, 640px" />As previously described, this type of research examines the use of medical software in its actual environment, in situations where the software is actually used. <a href="https://www.situatedresearch.com/about-us/">Situated Research</a> specializes in this type of research, which aims to reduce bias from testing users in a lab or other unnatural environment. Contextual inquiry helps to add context to user behavior and support the design of software tools that are less error prone, easier to use, and intuitive.</p>
<h3>2. Task Analysis</h3>
<p>A task analysis helps when designing medical software to support the needs of users, such as doctors or patients, by diving into the complex tasks that they wish to accomplish. For instance, carefully watching the process of a doctor trying to take notes during a patient interview can help highlight design flaws, issues, or other significant areas that need design attention or refinement.</p>
<h3>3. Focus Groups and Interviews</h3>
<p><a href="https://www.situatedresearch.com/services/focus-groups-interviews/">Focus groups</a> (groups of representative users) and <a href="https://www.situatedresearch.com/services/focus-groups-interviews/">interviews</a> (one-on-one questioning) can help in several ways when designing medical software and gauging its overall fit within healthcare. Early in the design process, these methods can help gather information on what needs are currently not met by existing tools, and specific features might better suit users&#8217; needs. Later on, feedback on a prototype might be gathered during a focus group or set of interviews to better refine a product.</p>
<h3>4. Expert Review / Heuristic Evaluation</h3>
<p>An <a href="https://www.situatedresearch.com/services/expert-review/">expert review</a> can be conducted early or late in the design process, and involves an expert in usability doing a thorough test of the software to find both successes and failures of its design. Both the UX and UI are examined, looking at how easily information can be interpreted by users (UI) and how easily common tasks are completed (UX). <a href="https://uxdesign.cc/10-usability-heuristics-every-designer-should-know-129b9779ac53" target="_blank" rel="noopener">Heuristics serve as a guide</a> for the researcher, framing different components of the software to examine. For instance, one heuristic examines error prevention, such as how well users are able to avoid a mistake and recover if errors occur. Other heuristics examine the design consistency of the software, the flexibility of the design for achieving tasks, and whether the system design helps users recover from their mistakes. (Bonus points if a help system exists; more bonus points for intuitive design when users can fix their own mistakes!)</p>
<p><img data-recalc-dims="1" loading="lazy" decoding="async" class="aligncenter size-large wp-image-10320" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/national-cancer-institute-NFvdKIhxYlU-unsplash.jpg?resize=980%2C653&#038;ssl=1" alt="UX in healthcare" width="980" height="653" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/national-cancer-institute-NFvdKIhxYlU-unsplash.jpg?resize=1024%2C682&amp;ssl=1 1024w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/national-cancer-institute-NFvdKIhxYlU-unsplash.jpg?resize=300%2C200&amp;ssl=1 300w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/national-cancer-institute-NFvdKIhxYlU-unsplash.jpg?resize=768%2C512&amp;ssl=1 768w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/national-cancer-institute-NFvdKIhxYlU-unsplash.jpg?resize=1180%2C786&amp;ssl=1 1180w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/national-cancer-institute-NFvdKIhxYlU-unsplash.jpg?w=1280&amp;ssl=1 1280w" sizes="auto, (max-width: 980px) 100vw, 980px" /></p>
<h3>5. Information Architecture</h3>
<p>Expert researchers can help design medical software by examining the way the software is structured from an information standpoint: looking at things like menu navigation, screen / page layout, and how difficult it is to locate common things that are used. To do this, things like labeling and organization are examined, as well as whether categories are mutually exclusive. Users should not be confused on what to click in a menu, as in cases where meaning is not properly conveyed by the choices. Methods such as <a href="https://www.situatedresearch.com/2017/10/what-is-card-sorting/">card sorting</a> can help to logically sort out information into categories that make sense.</p>
<h3>6. Visual Design (UI) and Branding Audit</h3>
<p>As shown in Figure 1, visual design should be carefully examined to ensure meaning is properly inferred by users while minimizing error. This audit can also examine iconography (icons in the software) to be sure that meaning is interpreted by users to the highest degree possible. Everyone has seen icons in software that are confusing, where users have &#8216;no idea&#8217; what will happen when they click / press on them. These types of visual cues are examined during visual UI testing.</p>
<figure id="attachment_10315" aria-describedby="caption-attachment-10315" style="width: 305px" class="wp-caption aligncenter"><img data-recalc-dims="1" loading="lazy" decoding="async" class="size-full wp-image-10315" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/11-1-Clark-Fig3.jpg?resize=305%2C204&#038;ssl=1" alt="" width="305" height="204" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/11-1-Clark-Fig3.jpg?w=305&amp;ssl=1 305w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/11-1-Clark-Fig3.jpg?resize=300%2C201&amp;ssl=1 300w" sizes="auto, (max-width: 305px) 100vw, 305px" /><figcaption id="caption-attachment-10315" class="wp-caption-text">Figure 1: Glucose meter with poor visual UI, causing some users to incorrectly interpret glucose as 10x higher (22 instead of 2.2mmol/L)</figcaption></figure>
<p>In the above <a href="https://uxpamagazine.org/total-recall/" target="_blank" rel="noopener">example from UXPA</a>, a sample glucose meter shows how medical devices can be recalled from poor visual design cues. In this case, a user glancing at the screen could incorrectly interpret the glucose reading as 22mmol/L rather than 2.2mmol/L, and think their glucose levels are 10x higher than the actual reading. A poorly emphasized decimal point in the visual design of the medical device caused it to be recalled: a very costly consequence of not thoroughly testing the device.</p>
<p>A range of UX activities exist to help examine the software interface (UI), from a basic visual design audit to interactive prototypes. Some of these include designing wireframes, which are simple, abstract versions of a software interface (highlighting information layout on the page / screen), and color psychology (making use of colors that add meaning by conveying the correct nature of the information).</p>
<p><img data-recalc-dims="1" loading="lazy" decoding="async" class="aligncenter size-large wp-image-10321" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/richard-catabay-05kHY7AYCp8-unsplash.jpg?resize=980%2C653&#038;ssl=1" alt="medical device UX" width="980" height="653" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/richard-catabay-05kHY7AYCp8-unsplash.jpg?resize=1024%2C682&amp;ssl=1 1024w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/richard-catabay-05kHY7AYCp8-unsplash.jpg?resize=300%2C200&amp;ssl=1 300w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/richard-catabay-05kHY7AYCp8-unsplash.jpg?resize=768%2C512&amp;ssl=1 768w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/richard-catabay-05kHY7AYCp8-unsplash.jpg?resize=1180%2C786&amp;ssl=1 1180w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/richard-catabay-05kHY7AYCp8-unsplash.jpg?w=1280&amp;ssl=1 1280w" sizes="auto, (max-width: 980px) 100vw, 980px" /></p>
<p>Color psychology can also be examined during a brand audit, where branding and marketing are examined to see whether the software interface properly utilizes colors, brand language, and typography (fonts and styles) of the corporate branding to ensure good marketing efforts. Both formative and summative research can be done to test designs during development (formative) and following development as a report (summative).</p>
<h3>7. Platform Testing and QA</h3>
<p>Comprehensive testing of the medical software and its platform should be done before it is released to ensure both quality assurance (QA) and help eliminate problems that may arise down the road. Beyond QA, speed tests should be done to ensure that software and medical devices perform as expected, in the field, or situations where it will be used. For instance, if a mobile app is unresponsive while trying to download data over a slow connection, unintended consequences may occur. These situations should be examined, tested, and accounted for in order to provide a seamless user experience. Cross-platform testing across iOS and Android apps (for mobile applications) and desktops, tablets, or custom medical devices with embedded software should be done as well.</p>
<p><img data-recalc-dims="1" loading="lazy" decoding="async" class="aligncenter size-large wp-image-10317" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/jair-lazaro-0lrJo37r6Nk-unsplash.jpg?resize=980%2C551&#038;ssl=1" alt="medical device software" width="980" height="551" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/jair-lazaro-0lrJo37r6Nk-unsplash.jpg?resize=1024%2C576&amp;ssl=1 1024w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/jair-lazaro-0lrJo37r6Nk-unsplash.jpg?resize=300%2C169&amp;ssl=1 300w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/jair-lazaro-0lrJo37r6Nk-unsplash.jpg?resize=768%2C432&amp;ssl=1 768w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/jair-lazaro-0lrJo37r6Nk-unsplash.jpg?resize=1180%2C664&amp;ssl=1 1180w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2021/10/jair-lazaro-0lrJo37r6Nk-unsplash.jpg?w=1280&amp;ssl=1 1280w" sizes="auto, (max-width: 980px) 100vw, 980px" /></p>
<p>Besides testing, help systems, instruction manuals, customer support systems and instructional graphics should be examined to ensure that users have the support they need when problems arise. As mentioned, bonus points for those software systems that are intelligently designed to detect when users make mistakes and help them correct course, and for systems with intuitive design that help prevent mistakes in the first place.</p>
<h2>Summary</h2>
<p>As the healthcare industry becomes more reliant on technology and medical software, it becomes more important to incorporate usability research and testing into the design process. With a wide gamut of users (doctors, patients, administrative staff, etc.) and a wide variety of applications (medical records, education, billing, practice management, patient monitoring, etc.) in medical software, it becomes that much more important to craft a design strategy that maximizes its user experience. Whether a patient needs to check their lab diagnostics, or a medical device needs to provide life-saving information, well-designed software can literally save lives.</p>
<p>Research has proven that UX contributes to user satisfaction, successful products, and increased market share. These key metrics are especially important in the healthcare industry, so <a href="https://www.situatedresearch.com/contact/">reach out today</a> to discuss the best research strategy for your product.</p>
<p>Author: Matt Sharritt, Ph.D. (President, <a href="https://www.situatedresearch.com/staff-item/matthew-sharritt-phd/">Situated Research</a>)</p>
<p>The post <a href="https://www.situatedresearch.com/2021/10/medical-software-ux-ui-tips-user-experience-design-for-the-healthcare-industry/">Medical Software UX / UI Tips: User Experience Design for the Healthcare Industry</a> appeared first on <a href="https://www.situatedresearch.com">Situated Research</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.situatedresearch.com/2021/10/medical-software-ux-ui-tips-user-experience-design-for-the-healthcare-industry/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">10312</post-id>	</item>
		<item>
		<title>How Airbnb drives users’ actions with their landing page design — a UX analysis</title>
		<link>https://www.situatedresearch.com/2020/01/how-airbnb-drives-users-actions-with-their-landing-page-design-a-ux-analysis/</link>
					<comments>https://www.situatedresearch.com/2020/01/how-airbnb-drives-users-actions-with-their-landing-page-design-a-ux-analysis/#_comments</comments>
		
		<dc:creator><![CDATA[Matthew Sharritt, Ph.D.]]></dc:creator>
		<pubDate>Thu, 16 Jan 2020 21:15:48 +0000</pubDate>
				<category><![CDATA[HCI]]></category>
		<category><![CDATA[Psychology]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Aesthetics]]></category>
		<category><![CDATA[Cognition]]></category>
		<category><![CDATA[Communication]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Human Factors]]></category>
		<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[Personalization]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[User-Centered Design]]></category>
		<guid isPermaLink="false">https://www.situatedresearch.com/?p=9929</guid>

					<description><![CDATA[<p>There is a reason you are not familiar with many -maybe not even one- of Airbnb’s competitors. The renting/booking marketplace “giant” has thrived in the global market for a decade and still hasn’t found anyone that can stand up to him. A considerable amount of that success derives from the ongoing effort of Airbnb’s design&#8230;</p>
<p>The post <a href="https://www.situatedresearch.com/2020/01/how-airbnb-drives-users-actions-with-their-landing-page-design-a-ux-analysis/">How Airbnb drives users’ actions with their landing page design — a UX analysis</a> appeared first on <a href="https://www.situatedresearch.com">Situated Research</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>There is a reason you are not familiar with many -maybe not even one- of Airbnb’s competitors. The renting/booking marketplace “giant” has thrived in the global market for a decade and still hasn’t found anyone that can stand up to him. <span id="more-9929"></span></p>
<p>A considerable amount of that success derives from the ongoing effort of Airbnb’s design team to create a user experience for its booking platform which surpasses that of other similar services.</p>
<p style="text-align: center;"><img data-recalc-dims="1" loading="lazy" decoding="async" class="aligncenter" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/2.jpg?resize=980%2C523&#038;ssl=1" alt="" width="980" height="523" /><br />
<em>Airbnb’s Landing Page (above the fold) as I am typing this</em></p>
<p>As a designer, I was always astonished of how Airbnb approaches their product design challenges and delivers a product that converts, for years now. So in this article, I’ll try to identify what makes their landing page different and why it is successful.</p>
<hr />
<h2>Visual Clarity and Minimalism</h2>
<blockquote class="jk jl jm"><p>I strive for two things in design: simplicity and clarity. Great design is born of those things.” — Lindon Leader</p></blockquote>
<p>Using colour contrast and shadows, the user interface is basically structured as two layers: The card, which contains the explanatory text and the Call-to-Action (CTA) button, forms the <strong class="hv io">upper layer</strong>, while the rest of the page is perceived as the <strong class="hv io">background layer</strong>.</p>
<p style="text-align: center;"><img data-recalc-dims="1" loading="lazy" decoding="async" class="aligncenter size-large wp-image-9943" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/3.jpg?resize=980%2C567&#038;ssl=1" alt="" width="980" height="567" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/3.jpg?resize=1024%2C592&amp;ssl=1 1024w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/3.jpg?resize=300%2C173&amp;ssl=1 300w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/3.jpg?resize=768%2C444&amp;ssl=1 768w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/3.jpg?resize=1536%2C888&amp;ssl=1 1536w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/3.jpg?w=1869&amp;ssl=1 1869w" sizes="auto, (max-width: 980px) 100vw, 980px" /><br />
<em>Perceived layers of user interface</em></p>
<p><strong class="hv io">With little to no cognitive effort, users can identify the upper layer (card) as the area with which they can interact.</strong> The page as a whole does not overload the users with information, hence framing a clear interaction path for users who land on it.</p>
<blockquote class="jq"><p>Reducing the cognitive load the user needs for achieving his goals is of the utmost importance when designing for humans.</p></blockquote>
<p>Let’s see how it compares to Booking’s landing page, in terms of visual clarity, by using predictive technology:</p>
<p style="text-align: center;"><img data-recalc-dims="1" loading="lazy" decoding="async" class="aligncenter size-large wp-image-9944" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/4.jpg?resize=980%2C329&#038;ssl=1" alt="" width="980" height="329" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/4.jpg?resize=1024%2C344&amp;ssl=1 1024w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/4.jpg?resize=300%2C101&amp;ssl=1 300w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/4.jpg?resize=768%2C258&amp;ssl=1 768w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/4.jpg?resize=1536%2C516&amp;ssl=1 1536w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/4.jpg?w=1920&amp;ssl=1 1920w" sizes="auto, (max-width: 980px) 100vw, 980px" /><br />
<em>Measuring optical clarity of the landing pages (above the fold) for Booking.com and Airbnb via <a class="dc by ki kj kk kl" href="http://visualeyes.design/" target="_blank" rel="noopener nofollow noreferrer">VisualEyes</a> plugin</em></p>
<p><strong class="hv io">More clarity contributes to easier and driven scanning of information.</strong> Two metrics that can determine how an interface is efficiently designed for human interaction is <a class="dc by ki kj kk kl" href="https://research.google/pubs/pub38315/" target="_blank" rel="noopener nofollow noreferrer"><strong class="hv io">Visual Complexity</strong> and <strong class="hv io">Prototypicality</strong></a>. The conjunction of those two metrics affects the aesthetics processing of the user significantly and, thus, defines how he will interact with the interface.</p>
<blockquote class="jq"><p>More complexity requires more cognitive load. More cognitive load means less user engagement and, sequentially, less conversion and profitability.</p></blockquote>
<h3>Key Takeaway:</h3>
<p><em class="jn">Airbnb has set an interaction focal point; therefore users have already determined where they will have to “lay their eyes” in order to forage information.</em></p>
<hr class="ip cx iq ir is il it iu iv iw ix" />
<h2 id="8c0d" class="iy iz ef at as ja eh jb ej jc jd je jf jg jh ji jj">The Double Z-Pattern</h2>
<p style="text-align: center;"><img data-recalc-dims="1" loading="lazy" decoding="async" class="aligncenter size-large wp-image-9945" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/5.jpg?resize=980%2C582&#038;ssl=1" alt="" width="980" height="582" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/5.jpg?resize=1024%2C608&amp;ssl=1 1024w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/5.jpg?resize=300%2C178&amp;ssl=1 300w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/5.jpg?resize=768%2C456&amp;ssl=1 768w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/5.jpg?resize=1536%2C911&amp;ssl=1 1536w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/5.jpg?w=1820&amp;ssl=1 1820w" sizes="auto, (max-width: 980px) 100vw, 980px" /><em>The <a class="dc by ki kj kk kl" href="https://instapage.com/blog/z-pattern-layout" target="_blank" rel="noopener nofollow noreferrer">Z-Pattern</a> (for people that read from left to right)</em></p>
<p>Humans have a natural reading pattern, which is applied when visual stimuli are present. <strong class="hv io">Following the natural flow of eye-scanning a layout</strong>, the Z-Pattern complements better<strong class="hv io"> single-purpose webpages </strong>that contain only one CTA.</p>
<p>This specific pattern “traces” eye movement of the users, thus allowing for strategic placement of visual elements.</p>
<p><strong class="hv io">So, Airbnb used the Z-Pattern.</strong></p>
<p><strong class="hv io">Twice.</strong></p>
<p style="text-align: center;"><img data-recalc-dims="1" loading="lazy" decoding="async" class="aligncenter size-large wp-image-9946" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/6.jpg?resize=980%2C523&#038;ssl=1" alt="" width="980" height="523" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/6.jpg?resize=1024%2C547&amp;ssl=1 1024w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/6.jpg?resize=300%2C160&amp;ssl=1 300w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/6.jpg?resize=768%2C410&amp;ssl=1 768w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/6.jpg?resize=1536%2C820&amp;ssl=1 1536w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/6.jpg?w=1920&amp;ssl=1 1920w" sizes="auto, (max-width: 980px) 100vw, 980px" /><br />
<em>Airbnb is setting focal points for their users, using the Z-Pattern</em></p>
<p>By utilising this layout, Airbnb’s designers achieved to establish a concise visual hierarchy. Areas of interest that convey some kind of message are pinpointed and brought up to the user’s attention. Below you can view how Airbnb’s Z-layout translates into attention heatmaps:</p>
<p style="text-align: center;"><img data-recalc-dims="1" loading="lazy" decoding="async" class="aligncenter size-large wp-image-9947" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/7.jpg?resize=980%2C329&#038;ssl=1" alt="" width="980" height="329" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/7.jpg?resize=1024%2C344&amp;ssl=1 1024w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/7.jpg?resize=300%2C101&amp;ssl=1 300w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/7.jpg?resize=768%2C258&amp;ssl=1 768w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/7.jpg?resize=1536%2C516&amp;ssl=1 1536w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/7.jpg?w=1920&amp;ssl=1 1920w" sizes="auto, (max-width: 980px) 100vw, 980px" /><br />
<em>Attention Heatmaps generated in <a class="dc by ki kj kk kl" href="https://www.figma.com/" target="_blank" rel="noopener nofollow noreferrer">Figma</a>, using the <a class="dc by ki kj kk kl" href="http://visualeyes.design/" target="_blank" rel="noopener nofollow noreferrer">VisualEyes</a> plugin.</em></p>
<p>Attention heatmaps suggest that the selected areas are drawing the most of the user’s attention in this particular instance.</p>
<p>As it is shown on the right image, the Area of Interest, in which the Card is placed, stands out <strong class="hv io">three times more</strong> than the focal point of the hero image, while the CTA Button on the bottom right of the white card is<strong class="hv io"> almost three times more prominent than the card itself</strong>.</p>
<h3>Key Takeaway</h3>
<p><em class="jn">Airbnb augments, even more, the pre-established interaction path, by driving most of the attention to the single action -clicking the button- needed in order to “dive deeper” into their product.</em></p>
<p><strong class="hv io"><em class="jn">Read more on the Z-Pattern </em></strong><a class="dc by ki kj kk kl" href="https://uxplanet.org/z-shaped-pattern-for-reading-web-content-ce1135f92f1c" target="_blank" rel="noopener nofollow noreferrer"><strong class="hv io"><em class="jn">here</em></strong></a><strong class="hv io"><em class="jn">.</em></strong></p>
<hr />
<h2>Priming</h2>
<blockquote><p>“Priming is a technique whereby exposure to one stimulus influences a response to a subsequent stimulus, without conscious guidance or intention.”</p></blockquote>
<p>In other words, <a class="dc by ki kj kk kl" href="https://www.nngroup.com/articles/priming/" target="_blank" rel="noopener nofollow noreferrer">priming</a> takes place when taking one’s memories or mental associations and using them to <strong class="hv io">influence his future behaviour</strong> towards an upcoming matter.</p>
<p style="text-align: center;"><img data-recalc-dims="1" loading="lazy" decoding="async" class="aligncenter size-large wp-image-9948" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/8.jpg?resize=980%2C499&#038;ssl=1" alt="" width="980" height="499" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/8.jpg?resize=1024%2C521&amp;ssl=1 1024w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/8.jpg?resize=300%2C153&amp;ssl=1 300w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/8.jpg?resize=768%2C390&amp;ssl=1 768w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/8.jpg?resize=1536%2C781&amp;ssl=1 1536w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/8.jpg?w=1920&amp;ssl=1 1920w" sizes="auto, (max-width: 980px) 100vw, 980px" /><br />
<em>The first image (Hero) someone views when interacting with Airbnb’s website</em></p>
<p>Almost all websites/products apply the “priming” effect to their audience in some way. In our case, the Airbnb landing page, visitors are subject to <strong class="hv io">associative priming</strong> with the use of imagery. The design team is doing an excellent job in finding images that fit the company’s target group perfectly, <strong class="hv io">so they can ensure that the desired emotions will be triggered</strong>.</p>
<p style="text-align: center;"><img data-recalc-dims="1" loading="lazy" decoding="async" class="aligncenter size-large wp-image-9949" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/9.jpg?resize=980%2C329&#038;ssl=1" alt="" width="980" height="329" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/9.jpg?resize=1024%2C344&amp;ssl=1 1024w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/9.jpg?resize=300%2C101&amp;ssl=1 300w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/9.jpg?resize=768%2C258&amp;ssl=1 768w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/9.jpg?resize=1536%2C516&amp;ssl=1 1536w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/9.jpg?w=1920&amp;ssl=1 1920w" sizes="auto, (max-width: 980px) 100vw, 980px" /><br />
<em>Different target audiences, different hero images.</em></p>
<p>Which words pop in your mind when viewing the house on the left image? Maybe something like <strong class="hv io">soothing, peaceful, refreshing, unique, care-free or even vacation-material?</strong></p>
<h3>Key Takeaway:</h3>
<p><em class="jn">By “priming” their target audience, Airbnb’s designers use carefully-picked images to spark the emotions that could be associated with the subsequent expected experience: </em><strong class="hv io"><em class="jn">Staying in an awesome place for their vacation.</em></strong></p>
<p><strong class="hv io"><em class="jn">Read more on Priming from NN/g </em></strong><a class="dc by ki kj kk kl" href="https://www.nngroup.com/articles/priming/" target="_blank" rel="noopener nofollow noreferrer"><strong class="hv io"><em class="jn">here</em></strong></a><strong class="hv io"><em class="jn">.</em></strong></p>
<hr />
<h2>Simple, strong and effective language</h2>
<p><img data-recalc-dims="1" loading="lazy" decoding="async" class="aligncenter size-large wp-image-9941" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/10.jpg?resize=980%2C499&#038;ssl=1" alt="" width="980" height="499" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/10.jpg?resize=1024%2C521&amp;ssl=1 1024w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/10.jpg?resize=300%2C153&amp;ssl=1 300w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/10.jpg?resize=768%2C390&amp;ssl=1 768w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/10.jpg?resize=1536%2C781&amp;ssl=1 1536w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2020/01/10.jpg?w=1920&amp;ssl=1 1920w" sizes="auto, (max-width: 980px) 100vw, 980px" /><br />
The text serves two purposes:</p>
<ol class="">
<li><strong class="hv io">Validate the reason a user visited the website in the first place</strong> — “I’m where I was supposed to.”</li>
<li><strong class="hv io">Set a user goal</strong> — “Now I should search for places I want to visit.”</li>
</ol>
<p>Using <strong class="hv io">simple and clear</strong> language when communicating messages is <strong class="hv io">essential in web design</strong>, as it establishes that your audience will not misinterpret your offering. Remember that communication is a “two-way street”:</p>
<blockquote class="jk jl jm"><p>“How well we communicate is determined not by how well we say things, but how well we are understood.” — Andrew Grove</p></blockquote>
<p><strong class="hv io">Airbnb avoids unnecessary jargon</strong>, while choosing a set of words that their target audience will comfortably understand.</p>
<h3>Key Takeaway:</h3>
<p><em class="jn">Text content was carefully selected to disclose a specific message and the value of the product as quickly as possible, with few words in the play. All that without endangering that their audience will not understand the offering.</em></p>
<hr />
<h2>Conclusion</h2>
<p><strong class="hv io">Insightful design is human-oriented and drives human actions and emotions</strong>. Airbnb’s design team found a very subtle -almost transparent- way to direct users’ actions on their website. The framing of the experience was so delicately designed that it accelerates interaction while keeping the primary user goal in mind.</p>
<p>Thanks for tuning in!</p>
<p>Written by: <span class="as cx fq au cd fr fs ft fu fv ef"><a class="dc dd bb bc bd be bf bg bh bi fw bl bm fx fy" href="https://uxdesign.cc/@thanosdimitriou" target="_blank" rel="noopener noreferrer">Thanos Dimitriou</a></span> (via <a href="https://uxdesign.cc/how-airbnb-drives-users-actions-with-their-landing-page-design-a-ux-analysis-d99effa9f536" target="_blank" rel="noopener noreferrer">Medium</a>)<br />
Posted by: <a href="https://www.situatedresearch.com/">Situated Research</a></p>
<p>The post <a href="https://www.situatedresearch.com/2020/01/how-airbnb-drives-users-actions-with-their-landing-page-design-a-ux-analysis/">How Airbnb drives users’ actions with their landing page design — a UX analysis</a> appeared first on <a href="https://www.situatedresearch.com">Situated Research</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.situatedresearch.com/2020/01/how-airbnb-drives-users-actions-with-their-landing-page-design-a-ux-analysis/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">9929</post-id>	</item>
		<item>
		<title>Why UX Matters to Marketing [INFOGRAPHIC]</title>
		<link>https://www.situatedresearch.com/2017/11/ux-matters-marketing-infographic/</link>
					<comments>https://www.situatedresearch.com/2017/11/ux-matters-marketing-infographic/#_comments</comments>
		
		<dc:creator><![CDATA[Matthew Sharritt, Ph.D.]]></dc:creator>
		<pubDate>Wed, 22 Nov 2017 16:16:52 +0000</pubDate>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Aesthetics]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[Mental Models]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User-Centered Design]]></category>
		<category><![CDATA[Web Development]]></category>
		<guid isPermaLink="false">http://www.situatedresearch.com/?p=9662</guid>

					<description><![CDATA[<p>User experience is all about making your website both aesthetically pleasing and user-friendly for visitors. It&#8217;s about more than just a great design &#8211; it&#8217;s about functionality and how easily the user can navigate the site to find exactly what they&#8217;re looking for.  Infographic from: Website Magazine Posted by: Situated Research</p>
<p>The post <a href="https://www.situatedresearch.com/2017/11/ux-matters-marketing-infographic/">Why UX Matters to Marketing [INFOGRAPHIC]</a> appeared first on <a href="https://www.situatedresearch.com">Situated Research</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>User experience is all about making your website both aesthetically pleasing and user-friendly for visitors. It&#8217;s about more than just a great design &#8211; it&#8217;s about functionality and how easily the user can navigate the site to find exactly what they&#8217;re looking for. <span id="more-9662"></span></p>
<p><img data-recalc-dims="1" loading="lazy" decoding="async" class="aligncenter size-full wp-image-9663" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2017/11/ux-marketing.png?resize=980%2C9071&#038;ssl=1" alt="" width="980" height="9071" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2017/11/ux-marketing.png?w=1209&amp;ssl=1 1209w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2017/11/ux-marketing.png?resize=768%2C7109&amp;ssl=1 768w" sizes="auto, (max-width: 980px) 100vw, 980px" /></p>
<p>Infographic from: <a href="https://www.websitemagazine.com/blog/why-ux-matters-to-marketing-infographic" target="_blank" rel="noopener">Website Magazine</a><br />
Posted by: <a href="https://www.situatedresearch.com">Situated Research</a></p>
<p>The post <a href="https://www.situatedresearch.com/2017/11/ux-matters-marketing-infographic/">Why UX Matters to Marketing [INFOGRAPHIC]</a> appeared first on <a href="https://www.situatedresearch.com">Situated Research</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.situatedresearch.com/2017/11/ux-matters-marketing-infographic/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">9662</post-id>	</item>
		<item>
		<title>What is Card Sorting?</title>
		<link>https://www.situatedresearch.com/2017/10/what-is-card-sorting/</link>
					<comments>https://www.situatedresearch.com/2017/10/what-is-card-sorting/#_comments</comments>
		
		<dc:creator><![CDATA[Matthew Sharritt, Ph.D.]]></dc:creator>
		<pubDate>Mon, 16 Oct 2017 19:19:53 +0000</pubDate>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[HCI]]></category>
		<category><![CDATA[Psychology]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Card Sorting]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Human Factors]]></category>
		<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[Usability Research]]></category>
		<category><![CDATA[User Experience]]></category>
		<guid isPermaLink="false">http://www.situatedresearch.com/?p=9648</guid>

					<description><![CDATA[<p>Card Sorting is a method used to help design or evaluate the Information Architecture (IA) of a system. In a card sorting session, participants organize topics into categories that make sense to them and they may also help you label these groups. To conduct a card sort, you can use actual cards, pieces of paper,&#8230;</p>
<p>The post <a href="https://www.situatedresearch.com/2017/10/what-is-card-sorting/">What is Card Sorting?</a> appeared first on <a href="https://www.situatedresearch.com">Situated Research</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Card Sorting is a method used to help design or evaluate the Information Architecture (IA) of a system. In a card sorting session, participants organize topics into categories that make sense to them and they may also help you label these groups. To conduct a card sort, you can use actual cards, pieces of paper, or one of several online card-sorting software tools. <span id="more-9648"></span></p>
<p><a href="https://www.situatedresearch.com/services/card-sorting/">Card sorting</a> will help you to understand your users’ expectations and their mental image of your product’s use.</p>
<p>Card sorting allows you insight into your users’ thought processes allowing you to see why they organize content in certain ways. This is key for organizing your content and developing an intuitive structure for your product.</p>
<h2>In-Depth Site Analysis</h2>
<p>Card sorting exercises can help structure a website’s information, including site labels and navigation schemes. This boosts usability by making things easy to find.</p>
<h2>Smart Design</h2>
<p>By creating intuitive, mutually exclusive categories, your final product will be easier to use and more appealing to users with good labeling and navigation.</p>
<h2>Work Through Discrepancies</h2>
<p>Often, information can be organized in multiple ways. Card sorting will determine the best content structure with consensus on the most logical grouping of information.</p>
<p>We have helped clients early in their design process using card sorting sessions, where users are separately given cards with labels, then asked to organize them and assign category names.</p>
<p><a href="https://www.situatedresearch.com/services/card-sorting/">Card sorting</a> has many benefits: to learn more or get started, <a href="https://www.situatedresearch.com/contact/">contact us</a> today.</p>
<p>Written by: <a href="https://www.situatedresearch.com/staff-item/michel-sharritt/">Michel Ann Sharritt</a>, VP, Situated Research</p>
<p>The post <a href="https://www.situatedresearch.com/2017/10/what-is-card-sorting/">What is Card Sorting?</a> appeared first on <a href="https://www.situatedresearch.com">Situated Research</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.situatedresearch.com/2017/10/what-is-card-sorting/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">9648</post-id>	</item>
		<item>
		<title>Flawed User Experience on HealthCare.gov</title>
		<link>https://www.situatedresearch.com/2013/10/flawed-user-experience-healthcare-gov/</link>
					<comments>https://www.situatedresearch.com/2013/10/flawed-user-experience-healthcare-gov/#_comments</comments>
		
		<dc:creator><![CDATA[Matthew Sharritt, Ph.D.]]></dc:creator>
		<pubDate>Tue, 29 Oct 2013 20:34:54 +0000</pubDate>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[HCI]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Aesthetics]]></category>
		<category><![CDATA[Communication]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Health Care]]></category>
		<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[Usability Testing]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[User-Centered Design]]></category>
		<category><![CDATA[Web Development]]></category>
		<guid isPermaLink="false">http://www.situatedresearch.com/?p=5427</guid>

					<description><![CDATA[<p>The new Obamacare website, HealthCare.gov, has been getting much media attention over the past few weeks due to flaws in the user experience after its launch. Heavy traffic, network problems, and design flaws have hampered users from shopping for health insurance. Many agree that the new website presents a fragmented user-experience, which was not tested properly before&#8230;</p>
<p>The post <a href="https://www.situatedresearch.com/2013/10/flawed-user-experience-healthcare-gov/">Flawed User Experience on HealthCare.gov</a> appeared first on <a href="https://www.situatedresearch.com">Situated Research</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>The new Obamacare website, <a href="http://www.healthcare.gov/" target="_blank">HealthCare.gov</a>, has been getting much media attention over the past few weeks due to flaws in the user experience after its launch. Heavy traffic, network problems, and design flaws have hampered users from shopping for health insurance. Many agree that the new website presents a fragmented user-experience, which was not tested properly before its launch. <span id="more-5427"></span></p>
<p>Many usability problems are quickly being addressed and fixed: for example, a <a href="http://www.nngroup.com/articles/affordable_care_act_usability_issues/" target="_blank">recent post by Nielsen-Norman Group</a> discussed the primary call to action (apply button) displayed below the fold, requiring users with typical screens to have to scroll down to find the apply button. As can be seen in the above screenshot, this problem has been addressed. However, the overall user-experience of shopping for health insurance is still flawed &#8211; with basic pricing information being difficult to find, and changing information as users go through the registration process. The new <a href="http://www.healthcare.gov/" target="_blank">HealthCare.gov</a> website highlights the difference between usability and user-experience: while usability could use improvement, the overall experience of the website is quite complicated, hindering users from shopping for insurance coverage.</p>
<p><img data-recalc-dims="1" loading="lazy" decoding="async" class="alignnone size-full wp-image-5429" alt="preview" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2013/10/preview.jpg?resize=637%2C397&#038;ssl=1" width="637" height="397" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2013/10/preview.jpg?w=637&amp;ssl=1 637w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2013/10/preview.jpg?resize=300%2C186&amp;ssl=1 300w" sizes="auto, (max-width: 637px) 100vw, 637px" /></p>
<p>The HealthCare.gov homepage has a well-designed wireframe, with clear labels and an easy to understand navigation structure. There are clear calls to action, encouraging users to apply for coverage (the &#8216;Apply Online&#8217; and &#8216;Apply by Phone&#8217; buttons). For users looking to explore coverage options before applying, the &#8216;See Plans Now&#8217; button, circled above, helps users to see plan options before registering. However, once plan options come up, more information to discriminate amongst plans is not available:</p>
<p><img data-recalc-dims="1" loading="lazy" decoding="async" class="alignnone size-large wp-image-5430" alt="plans" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2013/10/plans.jpg?resize=591%2C1024&#038;ssl=1" width="591" height="1024" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2013/10/plans.jpg?resize=591%2C1024&amp;ssl=1 591w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2013/10/plans.jpg?resize=173%2C300&amp;ssl=1 173w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2013/10/plans.jpg?w=715&amp;ssl=1 715w" sizes="auto, (max-width: 591px) 100vw, 591px" /></p>
<p>While the site states repeatedly that costs vary depending on factors such as income level, more information on the plans could be made available under each option. As shown above, 47 options were available, with little to discriminate between plans other than price.</p>
<h3>Application Process</h3>
<p>The initial screen for applying looks like the following:</p>
<p><a href="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2013/10/intro11.jpg?ssl=1"><img data-recalc-dims="1" loading="lazy" decoding="async" class="alignnone size-full wp-image-5433" alt="intro1" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2013/10/intro11.jpg?resize=600%2C507&#038;ssl=1" width="600" height="507" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2013/10/intro11.jpg?w=600&amp;ssl=1 600w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2013/10/intro11.jpg?resize=300%2C253&amp;ssl=1 300w" sizes="auto, (max-width: 600px) 100vw, 600px" /></a></p>
<p>&nbsp;</p>
<p>While the above screen is simple, with a clear call to action (clicking &#8216;Get Started&#8217;), the icons representing the application process are not clear. While it appears that a three step process is involved, the icons do not convey meaning to the user as to what is involved. Following, users are asked to create an account:</p>
<p><img data-recalc-dims="1" loading="lazy" decoding="async" class="alignnone size-full wp-image-5434" alt="account" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2013/10/account.jpg?resize=650%2C534&#038;ssl=1" width="650" height="534" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2013/10/account.jpg?w=650&amp;ssl=1 650w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2013/10/account.jpg?resize=300%2C246&amp;ssl=1 300w" sizes="auto, (max-width: 650px) 100vw, 650px" /></p>
<p>As shown, the account creation screen is simple (creating a username and password), but the security process complicates things. Instructions on creating a username and password require special characters for increased security, which can frustrate the registration process. Password characters are hidden as dots, making it more difficult for users to see what they are typing for a password. The process indicator (lower-left dots) are not clear at communicating where exactly the user is at while registering, either.</p>
<h3>Over-Blown Security Wrecks User Experience</h3>
<p>We had a test user run through the application process on HealthCare.gov, and their experience highlights problems with the website&#8217;s heightened security requirements, as well as delays from the site being unavailable or too slow:</p>
<blockquote><p><i>The entire application process took about 55 minutes, longer than what I would anticipate for filling out a simple application. Why? I was asked many security questions to ensure my identity. I was first asked to make an account, which required me to answer 10 security questions. It was scary to know the amount of information they knew about me. One of the questions was, &#8221; What was the name of the dog that you bought pet insurance for in 2010?&#8221; How would they know that? Other questions asked about information on my taxes and credit report.</i></p>
<p><i>Once my identity was checked I then watched the wheel of death spin and spin with a message saying that they would email me a link in order to move forward. I went to my email where I waited for about 30 minutes before I received my special link.</i></p>
<p><i>Once I clicked on the link I was brought back to the website and asked to login. After logging in I was then asked several more security questions in order to ensure my identity yet again. This time I was asked to set up security questions. Normally on a website security questions that you set up are suggested to you as they were here. However the types of questions set up were much more detailed then I would have liked. As an example one question was,” What is your parents current mailing address?” Another question I could set up was,” What is the VIN number to your car?” I am sure if I ever could not log into my account and the VIN question came up I would not be able to remember the answer.</i></p>
<p><i>I then was able to fill out the application, which took me through my personal information, tax history, current income level, and what I expect my future income to be. The application process was then completed, so I had thought. I was then asked to review my application.</i></p>
<p><i>During the reviewing process you were supposed to be allowed to correct any information on the application. I made several attempts to change my address. I would click on the EDIT button and it would take me to a different section of the application. I spent about 5 minutes trying the edit process but never managed to change my address. I would be brought to a different section of the application and I would have to continue from that point on filling out the entire application again.</i></p></blockquote>
<p>Security is paramount on a government website handling personal information and health records; however, the amount of verification seems to hurt the user experience. As discussed, users must create an account to obtain accurate pricing information and to shop health insurance plans. Users can see a list of plan names for their area with typical pricing, but pricing is inaccurate until an application has been filled out (based upon income and other factors).</p>
<p>Our test user above was emailed after the application was filed, and told that they had to wait to see coverage plans until further investigation could be completed. Our user expected to be &#8216;rewarded&#8217; with useful information after completing the long application process. The early stages of application on HealthCare.gov look simple, and encourage users to begin an application; however, the reality is a long process with difficulties that waste users&#8217; time and a delayed gratification of shopping for coverage.</p>
<h3>Technical Problems and Error Messages</h3>
<p>As stated in the news, <a href="http://www.healthcare.gov">HealthCare.gov</a> frequently stalled or the system went down for our test users. Below is an example, with a ridiculous &#8216;reference ID&#8217; code to phone in to customer service:</p>
<p><img data-recalc-dims="1" loading="lazy" decoding="async" class="alignnone size-full wp-image-5435" alt="down" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2013/10/down.jpg?resize=650%2C389&#038;ssl=1" width="650" height="389" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2013/10/down.jpg?w=650&amp;ssl=1 650w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2013/10/down.jpg?resize=300%2C179&amp;ssl=1 300w" sizes="auto, (max-width: 650px) 100vw, 650px" /></p>
<p>While surprising for such an important website launch, heavy traffic from initial use might be partially to blame, as is the lack of testing before the site was live. From a usability standpoint, improving user workflows through the site could also yield performance increases, reducing demand on precious system resources that are being shared by so many users seeking coverage before the mandatory deadline.</p>
<p>We cannot imagine the costs being incurred by the number of employees required to handle the phone calls and customer service. As the saying goes, &#8216;<b>an ounce of prevention is worth a pound of cure</b>&#8216;, which certainly applies to usability research and careful planning of a website this large and important.</p>
<p>If you have used <a href="http://www.healthcare.gov">HealthCare.gov</a>, please tell us about your experience by leaving a comment below.</p>
<p>Written &amp; Posted by: <a href="https://www.situatedresearch.com">Situated Research</a></p>
<p>The post <a href="https://www.situatedresearch.com/2013/10/flawed-user-experience-healthcare-gov/">Flawed User Experience on HealthCare.gov</a> appeared first on <a href="https://www.situatedresearch.com">Situated Research</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.situatedresearch.com/2013/10/flawed-user-experience-healthcare-gov/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5427</post-id>	</item>
		<item>
		<title>Are Your Users S.T.U.P.I.D?</title>
		<link>https://www.situatedresearch.com/2011/11/are-your-users-s-t-u-p-i-d/</link>
					<comments>https://www.situatedresearch.com/2011/11/are-your-users-s-t-u-p-i-d/#_comments</comments>
		
		<dc:creator><![CDATA[Matthew Sharritt, Ph.D.]]></dc:creator>
		<pubDate>Mon, 14 Nov 2011 19:23:36 +0000</pubDate>
				<category><![CDATA[Gaming]]></category>
		<category><![CDATA[HCI]]></category>
		<category><![CDATA[Psychology]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Aesthetics]]></category>
		<category><![CDATA[Affect / Emotion]]></category>
		<category><![CDATA[Communication]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Human Factors]]></category>
		<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[Learning]]></category>
		<category><![CDATA[Mental Models]]></category>
		<category><![CDATA[Usability Testing]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[User-Centered Design]]></category>
		<guid isPermaLink="false">http://www.situatedresearch.com/blog/?p=2363</guid>

					<description><![CDATA[<p>How good design can make users effective It is an honest question: how smart are your users? The answer may surprise you: it doesn’t matter. They can be geniuses or morons, but if you don’t engage their intelligence, you can’t depend on their brain power. Far more important than their IQ (which is a questionable&#8230;</p>
<p>The post <a href="https://www.situatedresearch.com/2011/11/are-your-users-s-t-u-p-i-d/">Are Your Users S.T.U.P.I.D?</a> appeared first on <a href="https://www.situatedresearch.com">Situated Research</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h3>How good design can make users effective</h3>
<p><span style="font-size: 13px; font-weight: bold;"><img data-recalc-dims="1" loading="lazy" decoding="async" class="alignright size-full wp-image-2364" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2011/11/dunce-200.jpg?resize=200%2C294&#038;ssl=1" alt="dunce-200" width="200" height="294" />It is an honest question: how smart are your users? The answer may surprise you: it doesn’t matter. They can be geniuses or morons, but if you don’t engage their intelligence, you can’t depend on their brain power.</span></p>
<p>Far more important than their IQ (which is a questionable measure in any case) is their Effective Intelligence: the fraction of their intelligence they can (or are motivated to) apply to a task.</p>
<p>Take, for example, a good driver. They are a worse driver when texting or when drunk. (We don’t want to think about the drunk driver who is texting.) An extreme example you say? Perhaps, but only by degree. A person who wins a game of Scrabble one evening may be late for work because they forgot to set their alarm clock. How could the same person make such a dumb mistake? Call it concentration, or focus, we use more of our brain when engaged and need support when we are distracted. <span id="more-2363"></span></p>
<h2>So, what does a S.T.U.P.I.D. user look like?</h2>
<h3>Stressed</h3>
<p><img data-recalc-dims="1" loading="lazy" decoding="async" class="alignright wp-image-2365 size-full" style="margin-left: 10px; margin-right: 10px;" title="iphone-alarm" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2011/11/iphone-alarm.png?resize=312%2C463&#038;ssl=1" alt="" width="312" height="463" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2011/11/iphone-alarm.png?w=312&amp;ssl=1 312w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2011/11/iphone-alarm.png?resize=202%2C300&amp;ssl=1 202w" sizes="auto, (max-width: 312px) 100vw, 312px" />“Fear is the mind killer”, Frank Herbert wrote. Our minds are malleable and easily affected by their context. The effect of stress on the brain is well known, if not well understood. People under stress take less time to consider a decision thoroughly, and they choose from the options presented to them rather than consider alternatives. Stress is often due to social pressures. Car salespeople know to not let a customer consider an offer overnight, but pressure them to buy right away.</p>
<h3>Tired</h3>
<p>Tiredness is one of the largest causes of industrial and motor vehicle accidents. Interfaces used by tired people should take into account their lowered sense of self-awareness and number of details that the user is likely to miss. A classic example of an interface used by sleepy people, the iPhone alarm clock is typically set right before bed. Unfortunately, it doesn’t ring if the phone is set to vibrate, the default state for many people. When a user sets the alarm, it would be useful to override the vibrate feature, or at least remind them that it won’t ring.</p>
<h3>Untrained</h3>
<p>Training for enterprise applications is more often discussed then enacted. Users are thrown at an application with a manual and a Quick Reference Card. Applications that are not designed around the user’s workflow have to explain their conceptual model while they are being used: “where” things are stored, how to make changes, who to send things to.</p>
<p>Complex systems that are used infrequently are a particular problem. In the design of the automated external defibrillator, it is assumed the user may have no knowledge of the science or training on the device, and will be using it in a chaotic, stressful environment. The frequency of use should drive design. Yearly processes, like doing your taxes, should assume that the users have never done it before. In rarely used interfaces, customization is likely to be less useful, but a comparison to previous year’s entries is very useful as they remind the user what they did before.</p>
<h3>Passive</h3>
<div style="width: 300px; float: right; padding: 5px 15px; font-size: 16px; font-weight: bold; text-align: left; line-height: 20px;">“ Nothing reduces effective intelligence faster than doing a boring task against one’s will. ”</div>
<p>More important than the user’s mental model of an application is their mental attitude toward the task. Someone sitting in the front passenger seat of a car may have the same field of view as the driver, but unless they are focused on it, they will not remember the path driven. Nothing reduces effective intelligence faster than doing a boring task against one’s will. When a user is passive, complexity becomes insurmountable. Games aimed at casual gamers know to keep the interaction model simple, using a flat navigation and avoiding “modes” (e.g. edit vs view).</p>
<h3>Independent</h3>
<p>User centered design is a powerful approach because it recognizes that there are many reasons people use a system. Airline booking sites are used to buy tickets, but also to see if the family can afford to go on vacation. The designer should recognize that they cannot solve every problem, but should give users the tools to help themselves, to work independently of the application’s intended method. In internal enterprise systems, the top user request is often “export to Excel”. This often reflects that the system does not meet the user’s needs. Excel empowers the user to do ‘out of the box’ actions. It is the API to the real world.</p>
<h3>Distracted</h3>
<div style="width: 300px; float: right; padding: 5px 15px; font-size: 16px; font-weight: bold; text-align: left; line-height: 20px;">“ &#8230;The top user request is often ‘export to excel’&#8230;. Excel empowers the user to do ‘out of the box’ actions. It is the API to the real world. ”</div>
<p>People are multi-tasking more than ever, whether it is simply listening to music while driving or playing Farmville while watching TV. Effective multi-tasking has been shown to be a myth, but it is a popular one. Paying “partial attention” to multiple activities has significant impact to your perception of an interface. Users are often said to be on “autopilot”, clicking on things by shape, rather than reading the text. An interface cannot rely on the user having a clear and consistent working memory across multiple screens. The task and details must be re-stated at each step to remind the user the step they are on and what they need to do. Frequent, automatic saving of user entered data is essential, especially as connections can time out.</p>
<h2>Help S.T.U.P.I.D. users by designing S.M.A.R.T.</h2>
<p>Start-ups often experience a shock when they emerge from the hothouse of heads-down development. Their intended customers barely have time to listen to their idea, let alone devote time to explore its features. The contrast between a small group of friends working intensely together on a single project with the varied needs and limited free time of their customers can be a disheartening experience.</p>
<p>Projects often fail not because the idea is bad, but because the value their service will provide is not easily understood. The question I ask my team is “What problem, from the user’s point of view, are you solving?” It has to be a problem the user knows they have. If the problem is not obvious to the user, in terms they understand, the solution doesn’t matter. Focusing on the problem keeps a project from drifting into fantasy requirements: solutions looking for a problem.</p>
<div style="width: 300px; float: right; padding: 5px 15px; font-size: 16px; font-weight: bold; text-align: left; line-height: 20px;">“ Design teams often use themselves as model users, but…. The user knows nothing about the product, doesn’t understand the concept, and doesn’t care. ”</div>
<p>Design teams often use themselves as model users, but they are almost the perfect storm of differences between themselves and the users.</p>
<ul>
<li>They know the product exists and what it is supposed to do.</li>
<li>They understand the internal concept, including its past and future ideas.</li>
<li>They care, personally, about the product. Their success depends on it.</li>
</ul>
<p>The user has none of these things. The user knows nothing about the product, doesn’t understand the concept, and doesn’t care.</p>
<h2>What can be done to make S.T.U.P.I.D. users S.M.A.R.T?</h2>
<h3>Simplify</h3>
<p>Why are simple apps popular these days? It is not that people don’t like features, it’s because instant comprehensibility trumps powerful features. In the old search engine wars, Google may have had a better search algorithm, but they became known for having a simpler design. Yahoo and others tried to become portals, losing sight of the users primary goal. I advise people to “Design the mobile version first” to help them focus on the key user benefits.</p>
<p>The down side is that any successful project expands and adds features to address additional user needs. What starts out as “Writer for iPad” can end up as Microsoft Word. Simple is not always better, but keeping the new user in mind helps find the right balance.</p>
<h3>Memorable</h3>
<p><img data-recalc-dims="1" loading="lazy" decoding="async" class="alignleft wp-image-2366 size-full" style="margin-left: 10px; margin-right: 10px;" title="ally" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2011/11/ally.png?resize=325%2C124&#038;ssl=1" alt="" width="325" height="124" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2011/11/ally.png?w=325&amp;ssl=1 325w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2011/11/ally.png?resize=300%2C114&amp;ssl=1 300w" sizes="auto, (max-width: 325px) 100vw, 325px" />An app is only as good as the user understands it. That starts with the name – is it cute or does it explain what it does? Is it “pidg.in” or “Automatic Mailbox”? The iPhone / iPad apps’s television ads were effective sales tools, but also trained a generation by simply showing them in use. Each step of a workflow is subject to delays and distractions. Ecommerce sites know to reduce links during the final checkout process. With complex transactions, the risk is greater that the user will have lost their focus. Remind the user what they are doing in big title text. Focus on delivering Clear and Consistent messaging and instructions, for example, adding side notes like Ally.com’s password guidance.</p>
<h3>Accept Autopilot</h3>
<p><img data-recalc-dims="1" loading="lazy" decoding="async" class="alignright wp-image-2367 size-full" style="margin-left: 10px; margin-right: 10px;" title="PGP_OSX_06" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2011/11/PGP_OSX_06.jpg?resize=618%2C440&#038;ssl=1" alt="" width="618" height="440" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2011/11/PGP_OSX_06.jpg?w=618&amp;ssl=1 618w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2011/11/PGP_OSX_06.jpg?resize=300%2C213&amp;ssl=1 300w" sizes="auto, (max-width: 618px) 100vw, 618px" />Standard design patterns are good, but they also throw the user into autopilot. It makes sense to break them for critical decisions. The hard part is determining what a critical decision point is. Observing user behavior, customer service records, and identifying risks to the user’s data are good clues. If something is simple enough that the users are mostly on autopilot, for example installing software, make the default action a single click.</p>
<h3>Recovery</h3>
<p>The dark side of users on “autopilot” is that they will regularly make mistakes by not paying attention. Mistakes are generally not obvious to a system, but it is good practice to highlight destructive actions and enable recovery. Capture data in little steps. Saving form fields instead of form pages, prevents large data loss. It’s a good idea to highlight and ask for confirmation on big, destructive changes, like deleting a database. “Undo”, common on computers, but slow to come to the web, enables the user to recover from errors.</p>
<p>Gmail lets users undo moving a message to the trash.</p>
<p style="text-align: center;"><img data-recalc-dims="1" loading="lazy" decoding="async" class="aligncenter wp-image-2368 size-full" title="gmail-trash" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2011/11/gmail-trash.jpg?resize=468%2C119&#038;ssl=1" alt="" width="468" height="119" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2011/11/gmail-trash.jpg?w=468&amp;ssl=1 468w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2011/11/gmail-trash.jpg?resize=300%2C76&amp;ssl=1 300w" sizes="auto, (max-width: 468px) 100vw, 468px" /></p>
<p>Gmail also let you restore your contacts if you accidentally make a large, destructive change.</p>
<p><img data-recalc-dims="1" loading="lazy" decoding="async" class="aligncenter wp-image-2369 size-full" title="restore_contacts" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2011/11/restore_contacts.png?resize=385%2C283&#038;ssl=1" alt="" width="385" height="283" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2011/11/restore_contacts.png?w=385&amp;ssl=1 385w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2011/11/restore_contacts.png?resize=300%2C220&amp;ssl=1 300w" sizes="auto, (max-width: 385px) 100vw, 385px" /></p>
<h3>Test in realistic situations</h3>
<p>There is an essential flaw in the two-way mirror usability test method. In the interest of copying the form of the lab-coated scientist, these rooms create an artificial aura of “science”. But as ethnographic research can tell you, real world usage is so different as to make the test questionable. It selects for a test population that is free in the middle of the day, motivated by $50, and M&amp;Ms, puts them in an unfamiliar environment with a personal guide to focus on a specific task with no distractions. This is about as unrealistic as it gets.</p>
<div style="width: 300px; float: right; padding: 5px 15px; font-size: 16px; font-weight: bold; text-align: left; line-height: 20px;">“ There is an essential flaw in the two-way mirror usability test method…. It selects for a test population that is free in the middle of the day, motivated by $50, and M&amp;Ms. ”</div>
<p>In reality, the same person may have a child on their lap and only 10 minutes to look up a flight. The fact that an ecommerce session may expire after a few hours is trivial for some, but significant for people who only have a few hours a day to use the computer. “Universal Design” is a great approach, because methods to help specific disabilities tend to be useful to the general public.</p>
<p>Testing should go beyond the user interface and cover the basic business model. The Apple iTunes video download “rental” is for 24 hours. Unfortunately, people tend to watch movies at the same time each day, for example, after the kids go to bed. If your kids wake up, you have to finish it earlier the next day. Would it have killed them to make the rental 27 hours, so parents could actually use it?</p>
<h2>Design for the right level of Effective Intelligence</h2>
<p>Effective intelligence obviously varies across situations. People are ingenious at figuring out things they really want, but the simplest task is insurmountable to the unmotivated. Both scenarios are solvable, but an application that makes the wrong assumptions about its users will fail. (Interestingly, this study suggests that easier-to-use design can affect the user’s perception of difficulty, and encourage them to complete the task.)</p>
<p>One should adapt their strategy to the user’s desire and the problem’s complexity. Here’s an unscientific matrix for effective intelligence with software interfaces.</p>
<p>This matrix compares the amount a user desires to complete the task versus the complexity of the task to that user type. Different user types will have different measures of complexity, so one might create several matrices.</p>
<p style="text-align: center;"><a href="https://i0.wp.com/boxesandarrows.com/files/banda/are-your-users-s-t-u/matrix.png" target="_blank"><img data-recalc-dims="1" loading="lazy" decoding="async" class="aligncenter wp-image-2370 size-full" title="matrix" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2011/11/matrix.png?resize=927%2C617&#038;ssl=1" alt="" width="927" height="617" srcset="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2011/11/matrix.png?w=927&amp;ssl=1 927w, https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2011/11/matrix.png?resize=300%2C199&amp;ssl=1 300w" sizes="auto, (max-width: 927px) 100vw, 927px" /></a></p>
<p><strong>Low Desire, Low Complexity</strong> – The goal here is to finish these tasks as fast as possible. Follow standard design conventions, seek to eliminate steps.</p>
<p><strong>Low Desire, High Complexity Complex</strong> – Tasks that the user doesn’t want to do are a danger zone. Can the problem be reconsidered or eliminated?</p>
<p><strong>High Desire, Low Complexity</strong> – The easiest quadrant.</p>
<p><strong>High Desire, High Complexity</strong> – This is the most interesting quadrant. A self-training interface, (integrated help, training modules) can get the user started; they will often take it the rest of the way. Video games often have a “training” level to train the user on basic skills like moving around.</p>
<h2>Get Smart</h2>
<p><img data-recalc-dims="1" loading="lazy" decoding="async" class="alignright size-full wp-image-2371" style="margin-left: 16px; margin-right: 16px;" title="get-smart" src="https://i0.wp.com/www.situatedresearch.com/wp-content/uploads/2011/11/get-smart.jpg?resize=200%2C246&#038;ssl=1" alt="" width="200" height="246" />Effective Intelligence is a helpful concept in the design toolbox. User research and testing are the best ways to know your users, but knowing what may limit a user in reality helps design ways to make them smarter.</p>
<p>Written by: <a href="http://boxesandarrows.com/person/245-stephenturbek">Stephen Turbek</a> (via <a href="http://boxesandarrows.com/view/are-your-users-s-t-u">boxesandarrows</a> blog)<br />
Posted by: <a href="https://www.situatedresearch.com">Situated Research</a></p>
<p>The post <a href="https://www.situatedresearch.com/2011/11/are-your-users-s-t-u-p-i-d/">Are Your Users S.T.U.P.I.D?</a> appeared first on <a href="https://www.situatedresearch.com">Situated Research</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.situatedresearch.com/2011/11/are-your-users-s-t-u-p-i-d/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2363</post-id>	</item>
	</channel>
</rss>
