{"id":3385,"date":"2013-08-12T13:19:13","date_gmt":"2013-08-12T21:19:13","guid":{"rendered":"http:\/\/proxystudio.uxpin.com\/?p=3385"},"modified":"2021-03-08T04:11:41","modified_gmt":"2021-03-08T12:11:41","slug":"applying-hicks-law-to-web-design-free-example-wireframes","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/applying-hicks-law-to-web-design-free-example-wireframes\/","title":{"rendered":"How Hick\u2019s Law Applies To UX Design"},"content":{"rendered":"

Hick’s law basically states that the time it takes to make a decision increases as the number of alternatives increase<\/strong>.<\/p>\n

Origins of Hick\u2019s Law<\/b><\/h2>\n

It is named after American and British psychologists Ray Hyman and William Edmund Hick. In the 1950s, they sought to study the effect of the number of stimuli present on a person\u2019s reaction time to an individual stimulus.\u00a0<\/span><\/p>\n

Their findings suggested that users given more options take longer to choose which to interact with.\u00a0<\/span><\/p>\n

Hick\u2019s Law & Web Design<\/b><\/h2>\n

This law found broad application in user experience design, because not only did it reduce users’ confusion, but also increased conversion rates of call-to-action UI elements.<\/p>\n

It basically boils down to scaling down the number of options available to streamline decision-making and reduce user response time. It\u2019s become one of the strongest user experience and design principles we have.\u00a0<\/span><\/p>\n

Does Hick\u2019s law enforce reduction at all cost?<\/b><\/p>\n

Imagine a credit card form that would allow payments by one type of card only or an online t-shirt store that lets you buy only one size. :) That seems not to be the case here.<\/p>\n

A very similar problem of choice paralysis was described in a study called: “When Choice is Demotivating”. In a famous “jam experiment” the researchers set up a display featuring a line of exotic, high-quality jams, customers who came by could taste samples, and they were given a coupon for a dollar off if they bought a jar. In one condition of the study, 6 varieties of the jam were available for tasting. In another, 24 varieties were available. What did they find?<\/p>\n

Of the 242 customers who passed the extensive selection display of jams, 60% (145) actually stopped at the booth. In contrast, of the 260 customers who passed the limited-selection
\ndisplay of jams, only 40% (104) stopped.<\/p>\n

However, that doesn\u2019t tell the whole story. <\/span><\/p>\n

“Is the initial attractiveness of extensive choice also reflected in subsequent purchasing behavior? Our findings suggest not: Nearly 30% (31) of the consumers in the limited-choice condition subsequently purchased a jar of Wilkin & Sons jam; in contrast, only 3% (4) of the consumers in the extensive-choice condition” (Source<\/a>)<\/p>\n

So how to avoid the choice paralysis and Hick’s law adapt to contemporary web design needs?<\/p>\n

Adapting Choice Paralysis & Hick\u2019s Law To Modern Design Needs (with Examples)<\/b><\/h3>\n

We took some of the best work from the UX Patterns\u00a0gallery to illustrate some ideas to answer that question. Click the wireframes to upload them completely free to your UXPin account and start tinkering right away. If you’re new to UXPin<\/a>, it’s a good way to start a free trial, click the wireframe you like to sing up for free.<\/p>\n

Dropdown menu from Dishizzle<\/h4>\n

How to apply Hick’s law to a drop-down menu design where you’ve got to expose several content groups? Well, here’s an idea from Dishizzle – good categorization and corresponding visual code.<\/p>\n

\"Click<\/p>\n

Header from Typecast<\/h4>\n

This one is quite obvious – the signup button stands out quite clearly and the only other alternative within the nearest area is the “Find out more” link, which visually has inferior visibility. It’s a good idea to resist the temptation to fit everything-that-is-important in attention drawing hot spot. :)<\/p>\n

\"Click<\/p>\n

If you want a yet clearer example of this technique, check out the next wireframe:<\/p>\n

Sign up from Basecamp<\/h4>\n

\"Upload<\/p>\n

Main screen from Heard<\/h4>\n

Heard is a type of app where time really matters. Thanks to the visual “hegemony” of the record button there is really just one thing to do here.<\/p>\n

\"UXPin<\/p>\n

Search from Gigfi<\/h4>\n

No tags, no categories, just a search bar. There’s nothing more frustrating than setting up an “advanced” search that eventually goes wrong (and when you go back and discover all that carefully customized search is gone – that’s a true “Hulk moment”). If you want your customers to try the app and discover its functionality themselves, then you should let them do it. :) Gigfi bet on simplicity and curiosity that drives even the most daring decisions in people’s lives. See if you this would work your service, here’s the wireframe:<\/p>\n

\"Click<\/p>\n

Contact Page from Buffalo<\/h4>\n

Another way to incorporate Hick’s law to your web design is segmentation. You will make your 40ish elements more clear if you put it into groups, just how Buffalo divided its contact page:<\/p>\n

\"Click<\/p>\n

Multishare button from Ban.jo<\/h4>\n

Another technique of applying Hick’s law to web design – moving out of the context or layering. This wireframe simulates the lightbox effect that sets everything that’s not a part of the multi sharing button to background, so you don’t have any unnecessary alternatives.<\/p>\n

\"Click<\/p>\n

Apply Hick\u2019s Law To Your Own Designs<\/b><\/h2>\n

As interesting a concept as it is, Hick\u2019s Law is difficult to use in design practice.\u00a0<\/span><\/p>\n

Whether you\u2019re designing a homepage, menu items, a shopping cart, payment process or something else, it\u2019s difficult to nail down a UX or interface design that captures this concept perfectly.\u00a0<\/span><\/p>\n

…But you can try. If you\u2019re interested in getting started, check out our ebook on <\/span>UX design for beginners<\/span><\/a> for some other tips.\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Ideas on how to apply Hick’s law in contemporary web design. Illustrated by wireframes that you can upload for free to UXPin. <\/p>\n","protected":false},"author":9,"featured_media":3512,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,11,6],"tags":[],"class_list":["post-3385","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-tutorials","category-ux-design"],"yoast_title":"How Hick\u2019s Law Applies To UX Design - UXPin","yoast_metadesc":"Learn about the origin of Hick\u2019s Law and how it applies to modern web design. Plus, we share some examples of the law in practice.","acf":[],"yoast_head":"\nHow Hick\u2019s Law Applies To UX Design - UXPin<\/title>\n<meta name=\"description\" content=\"Learn about the origin of Hick\u2019s Law and how it applies to modern web design. Plus, we share some examples of the law in practice.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/applying-hicks-law-to-web-design-free-example-wireframes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How Hick\u2019s Law Applies To UX Design\" \/>\n<meta property=\"og:description\" content=\"Ideas on how to apply Hick's law in contemporary web design. Illustrated by wireframes that you can upload for free to UXPin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/applying-hicks-law-to-web-design-free-example-wireframes\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2013-08-12T21:19:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-03-08T12:11:41+00:00\" \/>\n<meta name=\"author\" content=\"Jerry Cao\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jerry Cao\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/applying-hicks-law-to-web-design-free-example-wireframes\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/applying-hicks-law-to-web-design-free-example-wireframes\\\/\"},\"author\":{\"name\":\"Jerry Cao\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"headline\":\"How Hick\u2019s Law Applies To UX Design\",\"datePublished\":\"2013-08-12T21:19:13+00:00\",\"dateModified\":\"2021-03-08T12:11:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/applying-hicks-law-to-web-design-free-example-wireframes\\\/\"},\"wordCount\":865,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/applying-hicks-law-to-web-design-free-example-wireframes\\\/#primaryimage\"},\"thumbnailUrl\":\"\",\"articleSection\":[\"Blog\",\"Tutorials\",\"UX Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/applying-hicks-law-to-web-design-free-example-wireframes\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/applying-hicks-law-to-web-design-free-example-wireframes\\\/\",\"name\":\"How Hick\u2019s Law Applies To UX Design - UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/applying-hicks-law-to-web-design-free-example-wireframes\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/applying-hicks-law-to-web-design-free-example-wireframes\\\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2013-08-12T21:19:13+00:00\",\"dateModified\":\"2021-03-08T12:11:41+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"description\":\"Learn about the origin of Hick\u2019s Law and how it applies to modern web design. Plus, we share some examples of the law in practice.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/applying-hicks-law-to-web-design-free-example-wireframes\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/applying-hicks-law-to-web-design-free-example-wireframes\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/applying-hicks-law-to-web-design-free-example-wireframes\\\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/applying-hicks-law-to-web-design-free-example-wireframes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How Hick\u2019s Law Applies To UX Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\",\"name\":\"Jerry Cao\",\"description\":\"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.\",\"sameAs\":[\"http:\\\/\\\/uxpin.com\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/jerrycao\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How Hick\u2019s Law Applies To UX Design - UXPin","description":"Learn about the origin of Hick\u2019s Law and how it applies to modern web design. Plus, we share some examples of the law in practice.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/blog\/applying-hicks-law-to-web-design-free-example-wireframes\/","og_locale":"en_US","og_type":"article","og_title":"How Hick\u2019s Law Applies To UX Design","og_description":"Ideas on how to apply Hick's law in contemporary web design. Illustrated by wireframes that you can upload for free to UXPin.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/applying-hicks-law-to-web-design-free-example-wireframes\/","og_site_name":"Studio by UXPin","article_published_time":"2013-08-12T21:19:13+00:00","article_modified_time":"2021-03-08T12:11:41+00:00","author":"Jerry Cao","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jerry Cao","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/applying-hicks-law-to-web-design-free-example-wireframes\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/applying-hicks-law-to-web-design-free-example-wireframes\/"},"author":{"name":"Jerry Cao","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"headline":"How Hick\u2019s Law Applies To UX Design","datePublished":"2013-08-12T21:19:13+00:00","dateModified":"2021-03-08T12:11:41+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/applying-hicks-law-to-web-design-free-example-wireframes\/"},"wordCount":865,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/applying-hicks-law-to-web-design-free-example-wireframes\/#primaryimage"},"thumbnailUrl":"","articleSection":["Blog","Tutorials","UX Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/applying-hicks-law-to-web-design-free-example-wireframes\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/applying-hicks-law-to-web-design-free-example-wireframes\/","name":"How Hick\u2019s Law Applies To UX Design - UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/applying-hicks-law-to-web-design-free-example-wireframes\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/applying-hicks-law-to-web-design-free-example-wireframes\/#primaryimage"},"thumbnailUrl":"","datePublished":"2013-08-12T21:19:13+00:00","dateModified":"2021-03-08T12:11:41+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"description":"Learn about the origin of Hick\u2019s Law and how it applies to modern web design. Plus, we share some examples of the law in practice.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/applying-hicks-law-to-web-design-free-example-wireframes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/applying-hicks-law-to-web-design-free-example-wireframes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/applying-hicks-law-to-web-design-free-example-wireframes\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/applying-hicks-law-to-web-design-free-example-wireframes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"How Hick\u2019s Law Applies To UX Design"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18","name":"Jerry Cao","description":"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.","sameAs":["http:\/\/uxpin.com"],"url":"https:\/\/www.uxpin.com\/studio\/author\/jerrycao\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/3385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=3385"}],"version-history":[{"count":6,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/3385\/revisions"}],"predecessor-version":[{"id":23890,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/3385\/revisions\/23890"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=3385"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=3385"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=3385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}