{"id":1295,"date":"2023-12-13T03:42:50","date_gmt":"2023-12-13T03:42:50","guid":{"rendered":"https:\/\/international.binus.ac.id\/graphic-design\/?p=1295"},"modified":"2023-12-13T03:42:50","modified_gmt":"2023-12-13T03:42:50","slug":"human-factor-principles-in-ux-design","status":"publish","type":"post","link":"https:\/\/international.binus.ac.id\/graphic-design\/2023\/12\/13\/human-factor-principles-in-ux-design\/","title":{"rendered":"Human Factor Principles in UX Design"},"content":{"rendered":"<div class=\"elementor-element elementor-element-fd2b896 elementor-widget elementor-widget-shortcode\" data-id=\"fd2b896\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-shortcode\">\n<h3>by Nick Babich<\/h3>\n<p>&nbsp;<\/p>\n<p>You may have come across the term \u201chuman factors design\u201d in the past, but what exactly is it? In this article, we will review why it\u2019s so important, key human factor design principles, and methods to evaluate how well you\u2019ve considered human factors in your design.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"elementor-element elementor-element-5544134 elementor-widget elementor-widget-theme-post-content\" data-id=\"5544134\" data-element_type=\"widget\" data-widget_type=\"theme-post-content.default\">\n<div class=\"elementor-widget-container\">\n<p><em>Illustration by Avirup Basu<\/em><\/p>\n<p>Most of us have had experience working with a system that is difficult to use. Even today, many systems are designed without adequate consideration of the user. Many product creators focus primarily on the technology, rather than on the people who will\u00a0<em>use<\/em>\u00a0the technology.<\/p>\n<p>You may have come across the term \u201chuman factors design\u201d in the past, but what exactly is it? In this article, we will review why it\u2019s so important, key human factor design principles, and methods to evaluate how well you\u2019ve considered human factors in your design.<\/p>\n<h3 id=\"h-what-are-human-factors-in-design\" class=\"wp-block-heading\">What are \u201chuman factors\u201d in design?<\/h3>\n<p><em>Human factors<\/em>\u00a0refer to how users interact with systems, machines, platforms, or even tasks. As a discipline, it has strong military ties and is often associated with the aviation industry.<\/p>\n<p>The complexity of cockpit controls, for example, increases the cognitive load on pilots, leading to accidents due to human error (that\u2019s why it\u2019s called \u2018human\u2019 factors). Product creators, similarly, look for ways to reduce the cognitive load on users.<\/p>\n<figure class=\"wp-block-image\"><a href=\"https:\/\/uxmag.com\/wp-content\/uploads\/files\/Uxmag-articles\/2020-Articles\/HumanFactor\/HumanFactor11.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" title=\" HumanFactor \" src=\"https:\/\/uxmag.com\/wp-content\/uploads\/files\/Uxmag-articles\/2020-Articles\/HumanFactor\/HumanFactor11.jpg\" alt=\" HumanFactor \" width=\"2048\" height=\"1365\" \/><\/a><\/figure>\n<p>The cockpit of an Airbus A380 looks complex to anyone who doesn\u2019t have flight experience; similar, human factors design aims to make things easier when you\u2019re using a product or platform. Image credit\u00a0Naddsy via Flickr.<\/p>\n<p>Human factors design (or\u00a0<em>people-centered design<\/em>), specifically, focuses on improving areas within a product or design where interaction happens. Examples include when you use a touchscreen smartphone and when you perform tasks on your desktop computer.<\/p>\n<p>The goal is to reduce the number of mistakes that users make and produce more comfortable interactions with a product. Human factors design is about understanding human capabilities and limitations and then applying this knowledge to product design. It\u2019s also a combination of many disciplines, including psychology, sociology, engineering, and industrial design.<\/p>\n<h3 id=\"h-human-factors-vs-ux\" class=\"wp-block-heading\">Human factors vs. UX<\/h3>\n<p>So, when we talk about human factors design, is it the same as UX design? Not necessarily.<\/p>\n<p>Human factors design has roots in ergonomics, and it\u2019s primarily focused on how people interact with technology. It\u2019s about making a system usable, especially when it comes to human-computer interaction (HCI).<\/p>\n<p>User experience (UX), on the other hand, encompasses\u00a0<em>everything<\/em>\u00a0that users go through when they interact with a product. The goal of UX design is to make a system both useful\u00a0<em>and<\/em>\u00a0pleasurable to interact with.<\/p>\n<p>When people evaluate a product, they usually judge it on both usability and likeability. The human factors that make a product usable are a part of the larger user experience. Thus, UX designers should have a good understanding of human factors design so they can create a great product.<\/p>\n<h3 id=\"h-key-human-factor-design-principles\" class=\"wp-block-heading\">Key human factor design principles<\/h3>\n<p>As we mentioned above, human factors are all about improving the interactions between machines and humans. To make this happen, you\u2019ll need to think about your user\u2019s capabilities and limitations, and then apply those to your product or web design.<\/p>\n<p>Most of the human factors principles listed below come from the\u00a0ISO 9241\u00a0standards for ergonomics of human-computer interaction. The principles mentioned in this section have one goal: helping the user engage with a product and get into a state of \u2018flow\u2019 when using it.<\/p>\n<p><strong>Physical ergonomics<\/strong><\/p>\n<p>Physical ergonomics refers to the human body\u2019s responses to physical work demands\u2014for example, using the physical muscles of your hand to hold your smartphone or touch a screen. Proper ergonomic design is necessary to create comfortable interaction with a product. To assess whether the product is good for the user, human factors specialists take into account:<\/p>\n<ul>\n<li><strong>Specific operations<\/strong>\u00a0that users complete with the product (for example, entering text into a web form)<\/li>\n<li><strong>Physical characteristics<\/strong>\u00a0of the product (for example, a mobile phone\u2019s size, shape, and weight)<\/li>\n<li><strong>Context of use<\/strong>, or how users interact with information on this device<\/li>\n<\/ul>\n<p>This information helps human factor specialists design a product or device so that users can complete tasks efficiently and effectively. For example, when we apply human factors design in mobile app design, we size touch controls to minimize the risk of false actions.<\/p>\n<figure class=\"wp-block-image\"><a href=\"https:\/\/uxmag.com\/wp-content\/uploads\/files\/Uxmag-articles\/2020-Articles\/HumanFactor\/HumanFactor2.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" title=\" HumanFactor \" src=\"https:\/\/uxmag.com\/wp-content\/uploads\/files\/Uxmag-articles\/2020-Articles\/HumanFactor\/HumanFactor2.png\" alt=\" HumanFactor \" width=\"496\" height=\"316\" \/><\/a><\/figure>\n<p>Human factors design takes into account how a user interacts with the product, including using properly sized buttons versus buttons that are too small. Image credit\u00a0<a href=\"https:\/\/developer.apple.com\/design\/tips\/\">Apple<\/a>.<\/p>\n<p>User testing will give you significant insight into correct ergonomics. In your user testing, for example, you can ask users to interact with the product and measure the error rate. You might find out that your users have trouble hitting specific buttons that are too small, so then you\u2019d know to make them larger.<\/p>\n<p><strong>Consistency<\/strong><\/p>\n<p>This principle states that a system should look and work the same throughout. Consistency in design plays a key role in creating comfortable interactions. If a product uses a consistent design, a user can transfer a learned skill to other parts of the product.<\/p>\n<p>It\u2019s also important to maintain both internal and external consistency:<\/p>\n<ul>\n<li><strong>Internal consistency\u00a0<\/strong>\u2013 Apply the same conventions across all elements of the user interface. For example, when you design a\u00a0graphical user interface\u00a0(GUI), use the same visual appearance of UI elements throughout.<\/li>\n<li><strong>External consistency\u00a0<\/strong>\u2013 Use the same design across all platforms for the product, such as desktop, mobile, and so on.<\/li>\n<\/ul>\n<p><strong>Familiarity<\/strong><\/p>\n<p>The principle of familiarity states the importance of using familiar concepts and metaphors in the design of a\u00a0human-computer interface. The design industry loves innovation, and it\u2019s very tempting for designers to create something new and unexpected. But at the same time, users love familiarity. As they spend time using products other than ours (Jakob\u2019s Law of Internet User Experience), they become familiar with standard design conventions and come to expect them.<\/p>\n<p>Designers who reinvent the wheel and introduce unusual concepts increase the learning curve for their users. When the usage isn\u2019t familiar, users have to spend extra time learning how to interact with your product. To combat this, strive for intuitiveness by using patterns that people are already familiar with.<\/p>\n<p><strong>Sense of control<\/strong><\/p>\n<p>Human-computer design is all about the control of information by the user. The user is the one who should control the interaction with a system, not the other way around.<\/p>\n<p>Here are a few things to remember when designing a system:<\/p>\n<ul>\n<li><strong>Provide adequate feedback<\/strong>\u00a0\u2013 Use visual and auditory signals to help users understand the current status of a system.<\/li>\n<li><strong>Control for system operations<\/strong>\u00a0\u2013 Users should have control over system operations, such as interrupting or terminating actions.<\/li>\n<li><strong>Personalization<\/strong>\u00a0\u2013 Offer content based on what you know about the user to create the impression that the system adapts to the user\u2019s needs.<\/li>\n<\/ul>\n<figure class=\"wp-block-image\"><a href=\"https:\/\/uxmag.com\/wp-content\/uploads\/files\/Uxmag-articles\/2020-Articles\/HumanFactor\/HumanFactor3.gif\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" title=\" HumanFactor \" src=\"https:\/\/uxmag.com\/wp-content\/uploads\/files\/Uxmag-articles\/2020-Articles\/HumanFactor\/HumanFactor3.gif\" alt=\" HumanFactor \" width=\"768\" height=\"576\" \/><\/a><\/figure>\n<p>Interactive elements, such as buttons, should always provide visual feedback on interaction. Image credit\u00a0Aaron Iker.<\/p>\n<p><strong>Efficiency<\/strong><\/p>\n<p>Users should be able to complete their tasks in the shortest possible time. As a designer, it\u2019s your job to reduce the user\u2019s cognitive load\u2014-that is, it shouldn\u2019t require a ton of brain power to interact with the product.<\/p>\n<p>Some tips to keep in mind:<\/p>\n<ul>\n<li><strong>Break down complex tasks into simple steps.<\/strong>\u00a0By doing that, you can reduce the complexity and simplify decision-making.<\/li>\n<li><strong>Reduce the number of operations required to complete the task.<\/strong>\u00a0Remove all extra actions and make navigation paths as short as possible. Make sure your user can dedicate all their time (and brainpower) to the task at hand, not the interface of a product.<\/li>\n<li><strong>Guide the user.\u00a0<\/strong>Guide your user to learn how to use the system by giving them all information upfront. Anticipate places where users might need extra help.<\/li>\n<li><strong>Group related information together.<\/strong>\u00a0For example, when your product uses a graphical user interface, you can place UI elements in a way that draws attention to the most important information. Use the\u00a0Gestalt Principle<a href=\"https:\/\/xd.adobe.com\/ideas\/process\/information-architecture\/introductory-guide-to-information-architecture\/\">s<\/a>\u00a0to organize information on screens.<\/li>\n<li><strong>Offer shortcuts.<\/strong>\u00a0For seasoned users, it\u2019s important to offer shortcuts that can improve their productivity. An example would be keyboard shortcuts that help users complete certain operations without using a mouse.<\/li>\n<\/ul>\n<p><strong>Error management<\/strong><\/p>\n<p>To err is human. But that doesn\u2019t mean your users like it! The way a system handles errors has a tremendous impact on your users. This includes error prevention, error correction, and helping your user get back on track when an error does occur.<\/p>\n<p>Here are a few things to remember when designing error handling:<\/p>\n<ul>\n<li><strong>Prevent errors from occurring whenever possible.\u00a0<\/strong>Create user journeys and analyze them to identify places in which users might face troubles.<\/li>\n<li><strong>Protect users from making fatal errors.\u00a0<\/strong>Create defensive layers that prevent users from getting fatal error states. For example, design system dialogs that ask users to confirm their action (such as deleting files or their entire account).<\/li>\n<\/ul>\n<figure class=\"wp-block-image\"><a href=\"https:\/\/uxmag.com\/wp-content\/uploads\/files\/Uxmag-articles\/2020-Articles\/HumanFactor\/HumanFactor4.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" title=\" HumanFactor \" src=\"https:\/\/uxmag.com\/wp-content\/uploads\/files\/Uxmag-articles\/2020-Articles\/HumanFactor\/HumanFactor4.jpg\" alt=\" HumanFactor \" width=\"425\" height=\"754\" \/><\/a><\/figure>\n<p>System dialog for \u2018Delete Account\u2019 operation. Image credit\u00a0Stackoverflow.<\/p>\n<ul>\n<li><strong>Support \u2018Undo\u2019 operations.\u00a0<\/strong>Make it possible to reverse actions.<\/li>\n<li><strong>When an error does occur, provide messages<\/strong>\u00a0that help users solve the problem.<\/li>\n<li><strong>Never blame users.\u00a0<\/strong>If you practice\u00a0user-centered design, you know that it\u2019s not the user\u2019s fault; instead, it\u2019s your design flaws that lead users to make mistakes.<\/li>\n<\/ul>\n<figure class=\"wp-block-image\"><a href=\"https:\/\/uxmag.com\/wp-content\/uploads\/files\/Uxmag-articles\/2020-Articles\/HumanFactor\/HumanFactor5.gif\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" title=\" HumanFactor \" src=\"https:\/\/uxmag.com\/wp-content\/uploads\/files\/Uxmag-articles\/2020-Articles\/HumanFactor\/HumanFactor5.gif\" alt=\" HumanFactor \" width=\"768\" height=\"556\" \/><\/a><\/figure>\n<p>Inline validation in web forms. Image credit\u00a0Mihael Konjevi\u0107.<\/p>\n<h3 id=\"h-methods-to-uncover-human-factors\" class=\"wp-block-heading\">Methods to uncover human factors<\/h3>\n<p>Now that you understand what human factors design is, let\u2019s dive into how you can incorporate the principles into your design process. The first step is understanding your users and where they might get stuck\u2014so, of course, user testing\u00a0is key!<\/p>\n<p>Here are some testing methods to understand human factors at work:<\/p>\n<ul>\n<li><strong>Wizard of Oz\u00a0<\/strong>\u2013In this method, one person takes the place of the computer,\u00a0imitating the response\u00a0of the program to a user who thinks they\u2019re interacting with the actual digital product. This can lead to more natural interactions from the user\u2019s side. This technique provides value during the\u00a0user research\u00a0phase because it helps you design a more natural user-computer interaction.<\/li>\n<li><strong>Cognitive walkthrough\u00a0<\/strong>\u2013 Cognitive walkthrough is a usability method in which UX practitioners work through a series of tasks from the perspective of the user. Cognitive walkthrough works really well during the prototyping phase because it keeps the focus simple: could a new user easily accomplish the tasks at hand?<\/li>\n<li><strong>Moderated usability testing\u00a0<\/strong>\u2013 With this technique, human factor specialists observe how test participants interact with a product. Moderated usability testing provides the most value when the team has a high-fidelity prototype of the product. Try asking your test participants to think aloud during your testing, which will give you even more valuable insights into the user\u2019s experience.<\/li>\n<li><strong>Contextual inquiry\u00a0<\/strong>\u2013 Contextual inquiry is a form of qualitative research in which UX practitioners observe how users interact with a product in their natural environment, such as their workplace. This is ideal once you\u2019ve released the product on the market, so you can see how users interact with the product in real life.<\/li>\n<\/ul>\n<h3 id=\"h-conclusion\" class=\"wp-block-heading\">Conclusion<\/h3>\n<p>Human factors play a significant role in the development of successful products. The discipline of human factors design helps you identify areas where you can potentially improve your system and enhance productivity, safety, and overall satisfaction when using a system.<\/p>\n<\/div>\n<\/div>\n<p>Source: Human Factor Principles in UX Design &#8211; UX Magazine<\/p>\n","protected":false},"excerpt":{"rendered":"<p>by Nick Babich &nbsp; You may have come across the term \u201chuman factors design\u201d in the past, but what exactly is it? In this article, we will review why it\u2019s so important, key human factor design principles, and methods to evaluate how well you\u2019ve considered human factors in your design. Illustration by Avirup Basu Most [&hellip;]<\/p>\n","protected":false},"author":41,"featured_media":1296,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-1295","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/posts\/1295"}],"collection":[{"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/comments?post=1295"}],"version-history":[{"count":1,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/posts\/1295\/revisions"}],"predecessor-version":[{"id":1297,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/posts\/1295\/revisions\/1297"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/media\/1296"}],"wp:attachment":[{"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/media?parent=1295"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/categories?post=1295"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/tags?post=1295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}