{"id":696,"date":"2020-11-14T07:17:40","date_gmt":"2020-11-14T07:17:40","guid":{"rendered":"http:\/\/www.simon-li.com\/design-and-code\/?p=696"},"modified":"2022-02-08T15:44:10","modified_gmt":"2022-02-08T15:44:10","slug":"ux-nuggets-user-mental-model","status":"publish","type":"post","link":"http:\/\/www.simon-li.com\/design-and-code\/ux-nuggets-user-mental-model\/","title":{"rendered":"UX Nuggets: User Mental Model"},"content":{"rendered":"\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"UX Nuggets: User Mental Model\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/ujDuIzXcckU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>In user experience design, if you want to go beyond visuals and move to the next level, a critical concept you\u2019ll need to know is the user mental model, because it can help you create smooth interactions.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h3 class=\"wp-block-heading\">Definition<\/h3>\n\n\n\n<p>So what\u2019s a user mental model?<\/p>\n\n\n\n<p>Put simply, a user mental model refers to the way the user thinks your product\/service should work. This model is formed in the user\u2019s mind based on his knowledge, past experience or even intuition. It doesn\u2019t need to be the same as how things truly work beneath the surface.<\/p>\n\n\n\n<p>For instance, when you see this knob on the oven, you expect that by turning the knob left or right, the oven\u2019s temperature will decrease or increase, this is your mental model of the knob.&nbsp;<\/p>\n\n\n\n<p>Another example is payment. If you\u2019re living in China, you\u2019ll expect to pay by scanning a QR code using your phone or let the cashier scan the QR code on your phone, whereas If you\u2019re living in other parts of the world, you\u2019re more likely to expect to pay by tapping or swiping your credit card. These are your mental models for payment.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Usage<\/h3>\n\n\n\n<p>Now we know what a user mental model is, how can we tap into this concept to make our design better.&nbsp;<\/p>\n\n\n\n<p>When a UI or user flow fits people\u2019s mental model well, things work as they expect, and so they can accomplish their tasks easily and smoothly.<\/p>\n\n\n\n<p>On the other hand, If people get stuck and can\u2019t complete their tasks when using your product, then it often implies that there\u2019s some inconsistency between the UI or user flow and their mental model, and you know that by conducting a usability test on your product, watching for user behaviors and gathering feedback.<\/p>\n\n\n\n<p>By finding out the user mental model through a usability test, we\u2019ll then be able to make the proper adjustments and remove the barriers that are stopping our users.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Final Thoughts<\/h3>\n\n\n\n<p>So next time you\u2019re designing, think about whether the interactions you come up with are aligned with how the users think they should be. By understanding their mental model, we\u2019ll be able to design interactions that are clear and help our users reach their goals faster.<\/p>\n\n\n\n<p>By the way, if you want to learn more about this concept, check out the book <a href=\"https:\/\/amzn.to\/3473z01\"><em>The Design of Everyday Things<\/em><\/a> by Don Norman.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In user experience design, if you want to go beyond visuals and move to the next level, a critical concept you\u2019ll need to know is the user mental model, because it can help you create smooth interactions.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[86,89,94],"tags":[95],"class_list":["post-696","post","type-post","status-publish","format-standard","hentry","category-interaction-design","category-user-research","category-videos","tag-mental-model"],"_links":{"self":[{"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/posts\/696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/comments?post=696"}],"version-history":[{"count":3,"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/posts\/696\/revisions"}],"predecessor-version":[{"id":700,"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/posts\/696\/revisions\/700"}],"wp:attachment":[{"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/media?parent=696"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/categories?post=696"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/tags?post=696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}