{"id":7902,"date":"2017-04-04T11:17:23","date_gmt":"2017-04-04T10:17:23","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=7902"},"modified":"2017-04-04T11:35:26","modified_gmt":"2017-04-04T10:35:26","slug":"design-principles-hicks-law%e2%80%8a-%e2%80%8aquick-decision-making","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/design-principles-hicks-law%e2%80%8a-%e2%80%8aquick-decision-making\/","title":{"rendered":"Design Principles: Hick\u2019s Law\u200a\u2014\u200aQuick Decision\u00a0Making"},"content":{"rendered":"<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">This week\u2019s design principle is focusing on Hick\u2019s Law, which is related to the <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/uxplanet.org\/design-principles-kiss-the-feature-creep-7eb84b09603f#.p2f9m3ct4\">KISS principle<\/a>. Let\u2019s first say a few words to introduce Hick\u2019s Law.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Do you remember the old video games from before 20 years and how much fun it was to play them. The controls were so simple you could learn to play in seconds. For example, Super Mario with just left, right and jump controls.<\/p>\n<div id=\"attachment_7904\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/03\/1YrSdJfPBSHPGfLokd9Ucuw.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-7904\" class=\"size-full wp-image-7904\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/03\/1YrSdJfPBSHPGfLokd9Ucuw.png\" alt=\"old times\u00a0:)\" width=\"800\" height=\"471\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/1YrSdJfPBSHPGfLokd9Ucuw.png 800w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/1YrSdJfPBSHPGfLokd9Ucuw-600x353.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/1YrSdJfPBSHPGfLokd9Ucuw-768x452.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><p id=\"caption-attachment-7904\" class=\"wp-caption-text\">The good old times\u00a0:)<\/p><\/div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">In comparison, today\u2019s input controls of modern gaming consoles and PC games are offering so many choices and combinations. All these controls, multiply the options user can choose in any certain situation.<\/p>\n<div id=\"attachment_7905\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/03\/1WsY2BC_tkVk6-R1Dt4KXJw.jpeg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-7905\" class=\"wp-image-7905 size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/03\/1WsY2BC_tkVk6-R1Dt4KXJw.jpeg\" alt=\"1WsY2BC_tkVk6-R1Dt4KXJw\" width=\"800\" height=\"450\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/1WsY2BC_tkVk6-R1Dt4KXJw.jpeg 800w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/1WsY2BC_tkVk6-R1Dt4KXJw-600x338.jpeg 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/1WsY2BC_tkVk6-R1Dt4KXJw-768x432.jpeg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><p id=\"caption-attachment-7905\" class=\"wp-caption-text\">Modern MMORPG (much more difficult to learn and\u00a0play)<\/p><\/div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Having so many options makes learning the game and enjoying it much harder and time consuming. One of the reasons is explained by Hick\u2019s Law.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Hick\u2019s Law predicts that the time and the effort it takes to make a decision, increases with the number of options.<\/strong><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/04\/1-9eIpc7nbnA9Ixld31Br_UQ@2x.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8243\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/04\/1-9eIpc7nbnA9Ixld31Br_UQ@2x.png\" alt=\"1-9eipc7nbna9ixld31br_uq2x\" width=\"1265\" height=\"700\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/04\/1-9eIpc7nbnA9Ixld31Br_UQ@2x.png 1265w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/04\/1-9eIpc7nbnA9Ixld31Br_UQ@2x-600x332.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/04\/1-9eIpc7nbnA9Ixld31Br_UQ@2x-768x425.png 768w\" sizes=\"auto, (max-width: 1265px) 100vw, 1265px\" \/><\/a><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><span class=\"long-quote\">\"Hick\u2019s law, or the <strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Hick\u2013Hyman Law<\/strong>, named after British and American psychologists <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.wikiwand.com\/en\/W._E._Hick\">William Edmund Hick<\/a> and <a class=\"link link--blue fontWeight-4\"title=\"Ray Hyman\" href=\"https:\/\/www.wikiwand.com\/en\/Ray_Hyman\">Ray Hyman<\/a>, describes the <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.wikiwand.com\/en\/Reaction_time\">time<\/a> it takes for a person to make a decision as a result of the possible choices he or she has: increasing the number of choices will increase the decision time <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.wikiwand.com\/en\/Logarithm\">logarithmically<\/a>.\"<\/span><br \/>\nSo, the time it takes a user to finish their task increases with the number of available options. We can shorten this to: Less is Faster (<em>easier to remember<\/em>)<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">When to use Hick\u2019s\u00a0law?<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Use Hick\u2019s Law when response times are critical. It applies to any simple decision making with multiple options. This is especially important in control system environments.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><center><div id=\"attachment_7907\" style=\"width: 490px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/03\/1R57yE8zSQa5MOazUFZ8E_A.gif\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-7907\" class=\"wp-image-7907 size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/03\/1R57yE8zSQa5MOazUFZ8E_A.gif\" alt=\"1R57yE8zSQa5MOazUFZ8E_A\" width=\"480\" height=\"364\" \/><\/a><p id=\"caption-attachment-7907\" class=\"wp-caption-text\">If the nuclear reactor is overheating you wouldn\u2019t want the user to search for the manual.<\/p><\/div><\/center><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">When things go wrong and alarms are triggered users need to be able to make quick decisions. When users enter the stress zone they get tunnel vision. If you combine that with the input from all the body senses, you can get a pretty nasty situation.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><center><div id=\"attachment_7908\" style=\"width: 490px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/03\/1lUkZYUKtkykpHNIOz3c0gg.gif\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-7908\" class=\"wp-image-7908 size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/03\/1lUkZYUKtkykpHNIOz3c0gg.gif\" alt=\"1lUkZYUKtkykpHNIOz3c0gg\" width=\"480\" height=\"362\" \/><\/a><p id=\"caption-attachment-7908\" class=\"wp-caption-text\">Having one choice acts as light in the tunnel when users are stressed or confused.<\/p><\/div><\/center><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">When response time is critical keep the choices to a minimum. It will speed up the decision making.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">What about normal everyday situations and products?<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Hick\u2019s law can be used to narrow down big volumes of information without overloading the user.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"When you need to simplify complex process, use Hick\u2019s law.\"<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">When you need to simplify complex process, use Hick\u2019s law. Present specific parts of that process at any one time on the screen.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">An example can be a payment process. Instead of showing everything at once, you can break it down. Show the screen with shopping cart details then another with delivery information, then optional account creation and so on.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><center><\/p>\n<div id=\"attachment_7909\" style=\"width: 247px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/03\/1OgV0XHBSn7_gHJ3_ixGTRg.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-7909\" class=\"size-full wp-image-7909\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/03\/1OgV0XHBSn7_gHJ3_ixGTRg.png\" alt=\"Amazon\u2019s 1-click buy is a great example of Hick\u2019s law and KISS application.\" width=\"237\" height=\"124\" \/><\/a><p id=\"caption-attachment-7909\" class=\"wp-caption-text\">Amazon\u2019s 1-click buy is a great example of Hick\u2019s law and KISS application.<\/p><\/div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><\/center><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Reducing the number of perceived options on screen makes the interface more user friendly. It is also more likely that the user will accomplish the goal and not give up or get confused.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It is important to point out not to oversimplify!<\/strong> Breaking down choices to a series of too many small chunks can also cause the user to drop off before reaching the goal.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">A way to get started with Hick\u2019s\u00a0law<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Card-sorting is a great method to find out about the categories of information that make more sense to your users. It will help you define the groupings of functionalities and terms. You can use old-fashioned paper cards and human interaction or digital tools for distant card sorting. Tools like <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.optimalworkshop.com\/\">Optimal Workshop<\/a> or similar, can be very efficient and quick to get actionable results.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"Reducing the number of perceived options on screen makes the interface more user friendly.\"<\/p><\/span><\/blockquote>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">When not to use Hick\u2019s\u00a0law?<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It\u2019s equally important to know when not to use it. Hick\u2019s Law does not apply to complex decision making. If decisions are requiring extensive reading, researching, or extended deliberation. Hick\u2019s Law won\u2019t be able to predict the time to make a decision.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">For example, choosing a dinner at a fancy restaurant or picking an AirBnB place to stay for your vacation next week.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">These type of choices are complex. Users need to consider and weight many options before making the final decision. In these cases, Hick\u2019s Law prediction will fail. It only applies to simple quick decisions in appropriate context.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Practical use of Hick\u2019s\u00a0Law<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">When response time is critical, keep the number of options small. One to five is a good rule of thumb.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Humans are strange. We like to say we want as much options as possible. When we get them\u2026we get confused and can\u2019t take a decision.<\/p>\n<div id=\"attachment_7910\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/03\/1zG0hiWlsTWn389SbUedp_w.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-7910\" class=\"size-full wp-image-7910\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/03\/1zG0hiWlsTWn389SbUedp_w.png\" alt=\"Don\u2019t you want to use all these\u00a0buttons?\" width=\"800\" height=\"600\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/1zG0hiWlsTWn389SbUedp_w.png 800w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/1zG0hiWlsTWn389SbUedp_w-600x450.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/1zG0hiWlsTWn389SbUedp_w-768x576.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><p id=\"caption-attachment-7910\" class=\"wp-caption-text\">Don\u2019t you want to use all these\u00a0buttons?<\/p><\/div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Having too many options with equally perceived hierarchy can cause analysis paralysis. Yeah, that leads to feeling frustration. Not the best user experience.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"Having too many options with equally perceived hierarchy can cause analysis paralysis.\"<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">In contrast, system with less and clearer options frequently are rated from users as having better user experience.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><center><div id=\"attachment_7911\" style=\"width: 510px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/03\/1ITFyJrC-hvU0MfAh2gydGA.jpeg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-7911\" class=\"size-full wp-image-7911\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/03\/1ITFyJrC-hvU0MfAh2gydGA.jpeg\" alt=\"Complexity is hidden for when it is\u00a0needed\" width=\"500\" height=\"278\" \/><\/a><p id=\"caption-attachment-7911\" class=\"wp-caption-text\">Complexity is hidden for when it is\u00a0needed<\/p><\/div><\/center><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Highlighting is another way to use Hick\u2019s Law. Make a few important options to stand out among cluttered user interface to speed up the response times.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">In decision-making context aim at reducing distractions. Having distractions can act like having more choices. This leads to slow response time.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Is Hick\u2019s Law affecting my\u00a0design?<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Here are a couple of ways to see if applying this design principle has effect on your design. We always have to look at metrics to confirm that our design decisions have effect.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Look at time spent on\u00a0site<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">You have to hit the sweet spot. On one hand, if the user spends too little time, they probably left without making a decision. On the other hand, if the user spends too much time, they probably got distracted from the goal.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Focus on optimizing the design to provide the user with the right amount of options to keep the engagement. Help the user to make the choices and convert.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Look at page\u00a0views<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The number of page views can also be indicator for how effectively you\u2019ve used Hick\u2019s Law. If the navigation is too complex, the number of page views is likely to be lower than if it was simple.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">That said, avoid creating deep navigation that requires 2\u20133 choices for each level and continues for 10 levels. This will increase the time for completing a task, which will increase the likelihood of users leaving the site prematurely.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Final thoughts<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">User\u2019s time is precious! Time = Life. Don\u2019t allow bad design decisions to steal life from your users. Nobody is obligated to stay or use your product (<em>especially when there are alternatives<\/em>).<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"Don\u2019t allow bad design decisions to steal life from your users. Nobody is obligated to stay or use your product.\"<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Get to know the user, interact with them. Guide the user toward their goal by highlighting the choices they care about in that context. This will optimize the decision making and speed up the completion of the task. In the end, both sides will be happy.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><em>This article was originally published on <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/uxplanet.org\/design-principles-hicks-law-quick-decision-making-3dcc1b1a0632\">Anton's Medium page<\/a>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week\u2019s design principle is focusing on Hick\u2019s Law, which is related to the KISS principle. Let\u2019s first say a few words to introduce Hick\u2019s Law. Do you remember the old video games from before 20 years and how much fun it was to play them. The controls were so simple you could learn to play in seconds. For example,&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/design-principles-hicks-law%e2%80%8a-%e2%80%8aquick-decision-making\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":117,"featured_media":8240,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-7902","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-viewpoint"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marvelapp.com\/blog\/design-principles-hicks-law\u200a-\u200aquick-decision-making\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design Principles: Hick\u2019s Law\u200a\u2014\u200aQuick Decision\u00a0Making | Marvel Blog\" \/>\n<meta property=\"og:description\" content=\"This week\u2019s design principle is focusing on Hick\u2019s Law, which is related to the KISS principle. Let\u2019s first say a few words to introduce Hick\u2019s Law. Do you remember the old video games from before 20 years and how much fun it was to play them. The controls were so simple you could learn to play in seconds. For example,... Read More &#65515;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/design-principles-hicks-law\u200a-\u200aquick-decision-making\/\" \/>\n<meta property=\"og:site_name\" content=\"Marvel Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/marvelapp\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-04T10:17:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-04-04T10:35:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/hicks.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"1077\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:site\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"5 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/marvelapp\",\"https:\/\/www.instagram.com\/marvelapp\/\",\"https:\/\/www.linkedin.com\/company\/marvel-app\/\",\"https:\/\/twitter.com\/marvelapp\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/marvelapp.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/design-principles-hicks-law%e2%80%8a-%e2%80%8aquick-decision-making\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/hicks.png\",\"width\":2000,\"height\":1077},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/design-principles-hicks-law%e2%80%8a-%e2%80%8aquick-decision-making\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/design-principles-hicks-law%e2%80%8a-%e2%80%8aquick-decision-making\/\",\"name\":\"Design Principles: Hick\\u2019s Law\\u200a\\u2014\\u200aQuick Decision\\u00a0Making | Marvel Blog\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/design-principles-hicks-law%e2%80%8a-%e2%80%8aquick-decision-making\/#primaryimage\"},\"datePublished\":\"2017-04-04T10:17:23+00:00\",\"dateModified\":\"2017-04-04T10:35:26+00:00\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/design-principles-hicks-law%e2%80%8a-%e2%80%8aquick-decision-making\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/design-principles-hicks-law%e2%80%8a-%e2%80%8aquick-decision-making\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/design-principles-hicks-law%e2%80%8a-%e2%80%8aquick-decision-making\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/393fba44cd8395443e261f5b91cddef4\"},\"headline\":\"Design Principles: Hick\\u2019s Law\\u200a\\u2014\\u200aQuick Decision\\u00a0Making\",\"datePublished\":\"2017-04-04T10:17:23+00:00\",\"dateModified\":\"2017-04-04T10:35:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/design-principles-hicks-law%e2%80%8a-%e2%80%8aquick-decision-making\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/design-principles-hicks-law%e2%80%8a-%e2%80%8aquick-decision-making\/#primaryimage\"},\"articleSection\":\"Viewpoint\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/design-principles-hicks-law%e2%80%8a-%e2%80%8aquick-decision-making\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/393fba44cd8395443e261f5b91cddef4\",\"name\":\"Anton Nikolov\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a2841528028ece7d5e1a36b61cbb5ad2ff10d032a1e529170c7ca8ce3cb1bb0f?s=96&d=mm&r=g\",\"caption\":\"Anton Nikolov\"},\"description\":\"UX Designer creating for trust at @Trustpilot. Finding happiness in improving things. Find me on Twitter and LinkedIn\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/7902","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/users\/117"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=7902"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/7902\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/8240"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=7902"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=7902"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=7902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}