{"id":469,"date":"2018-06-05T10:35:33","date_gmt":"2018-06-05T07:35:33","guid":{"rendered":"https:\/\/lasoft.org\/blog\/?p=469"},"modified":"2024-01-30T11:15:40","modified_gmt":"2024-01-30T09:15:40","slug":"ux-design-patterns","status":"publish","type":"post","link":"https:\/\/lasoft.org\/blog\/ux-design-patterns\/","title":{"rendered":"UX design patterns"},"content":{"rendered":"

Information technology is full of patterns, which help us analyze the world and create things with a guarantee of fitting users demands. Loosely speaking, the pattern is a regularity that one can use to build similarly looking and functioning systems. For instance, software developers identify and use patterns to create reusable solutions for solving similar problems. However, patterns are the most commonly used in the design. In this article, we will take a walkthrough of UX design patterns from the point of design thinking approach<\/a>. <\/p>\n

Design thinking as a powerful UX design methodology<\/h2>\n

Quick googling will yield you various UX design patterns. However, the approaches differ vastly and mainly by the departing point. What makes design thinking one of the most powerful UX design methodology is that it puts empathetic approach as the core of solving any problem.<\/p>\n

The history of the methodology started in the 1960s. From science and technology, design thinking began penetrating into other fields. In the 1980s, this methodology became one of the subjects in Stanford University.<\/p>\n

Design thinking is based on human approach, which implies that, first, you put all efforts into seeing the problem of your user from his point of view. You need this to create an emotional connection between service\/product and its end user. <\/p>\n

The way you apply design thinking isn\u2019t linear \u2013 its real power is in an iterative approach. One iteration includes five practical steps that can be repeated until both UX designer and users of the product\/service reach the point of satisfaction with the result. Let\u2019s take a closer look at those steps!<\/p>\n

\t\t\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t<\/picture>\n<\/p>\n

Stanford d.school\u2019s design thinking framework.<\/a><\/p>\n

1.Empathize<\/h2>\n

In modern UX design patterns, empathy is becoming the core element of creating user experiences. That\u2019s why UX designer isn\u2019t the person that spends all the time in the office and relies on his imagination only \u2013 he needs to know those people for whom he creates.<\/p>\n

For this stage, you need as much information about your audience as possible. The ideal scenario is to go into the field and contact professionals, research other existing solutions, and survey potential customers. The primary goal is to get a multi-dimensional view of your audience and problems they face. <\/p>\n

\t\t\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t<\/picture>\n<\/p>\n

2.Define<\/h2>\n

At this stage, you are going to use previously gathered information. How? You need to define the problem which you will be solving during next stages. Again, your potential audience should be the departing point, not what you are going to gain if they use your product\/service. <\/p>\n

It\u2019s a stage when you need to ask yourself various questions. Who are your users? What kind of lifestyle do they live? Which part of their life does the problem belong to? How complicated is the problem? Of course, these are just example questions, and you will definitely come up with more questions (and answers) doing some brainstorming.<\/p>\n

\t\t\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t<\/picture>\n<\/p>\n

3.Ideate<\/h2>\n

Now you need to generate ideas. Exciting, isn\u2019t it? The best way to handle it is to do some brainstorming. Applicable across various UX design patterns, it\u2019s proved to be an extremely efficient technique, especially when done in cross-field teams (which means that not only designers are involved but also specialists from adjacent fields). <\/p>\n

However, it turns out that brainstorming doesn\u2019t aim at finding a perfect solution \u2013 but it helps to create an environment that encourages the member to express their ideas freely. If brainstorming session is done successfully, at the end of it, the team manages to look at the problem in one direction and generate a wide variety of choices.<\/p>\n

[The goal of brainstorming] is to give you a mass quantity of ideas quickly \u2026 not solutions, but the seeds to possible solutions<\/i>\u201d, says Art Sandoval from Lunar Design. \u201cSolutions take real hard work. Brainstorming gets you the lay of the land quickly for possible solution areas to investigate. But good solutions are like body building, there\u2019s no way to cheat the hours of the gym you got to put in.<\/i><\/p><\/blockquote>\n

\t\t\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t<\/picture>\n<\/p>\n

4.Prototype<\/h2>\n

In the world of UX design patterns, prototyping is all the time on the tip of tongue. Not even being a designer, you may have come across this word quite often (if not prototyped by yourself). And it\u2019s so popular because it\u2019s extremely powerful. The goal of this step is to create a solution to the problem you defined at the previous stage.<\/p>\n

A prototype isn\u2019t a full-fledged product, but it\u2019s functional. \u201cA good prototype is a prototype that facilitates answering the questions you have<\/i>\u201d, says Molly Nix from Uber. Sometimes you want to test just one element of the product, which means that you need to prototype only this element. The trick is that you don\u2019t spend all your resources on building a thing that your users won\u2019t find useful. Instead, you create its low-fidelity version and test your hypothesis.<\/p>\n

5.Test<\/h2>\n

Testing is an essential part of all UX design patterns. It helps to see how good your solution fits the real world. With every iteration possibilities that seemed to be endless start diminishing, which one usually uncovers during testing. Therefore, the next iteration starts with more information and profound knowledge of the audience and design goals. <\/p>\n

\t\t\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t<\/picture>\n<\/p>\n

Conclusion<\/h2>\n

In this article, we have taken a quick look at design thinking as one of the most potent approaches to UX design patterns. It turns out that the core premise of creating decent user experience is the profound knowledge of the targeted audience. By applying five steps of design thinking methodology \u2013 empathizing, defining, ideating, prototyping, and testing \u2013 you can trigger an emotional connection between the product\/service and a user and create a long-lasting impact.
\nDiscover how much does it cost to design a Web Application here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"Information technology is full of patterns, which help us analyze the world and create things with a guarantee of fitting users demands. Loosely speaking, the pattern is a regularity that one can use to build similarly looking and functioning systems. For instance, software developers identify and use patterns to create reusable solutions for solving similar…","protected":false},"author":3,"featured_media":477,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[28,8],"coauthors":[132],"class_list":["post-469","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-experience","tag-design-thinking","tag-ui-ux"],"yoast_head":"UX design patterns<\/title>\n<meta name=\"description\" content=\"We will take a walkthrough of UX design patterns from the point of design thinking approach.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lasoft.org\/blog\/ux-design-patterns\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX design patterns\" \/>\n<meta property=\"og:description\" content=\"We will take a walkthrough of UX design patterns from the point of design thinking approach.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lasoft.org\/blog\/ux-design-patterns\/\" \/>\n<meta property=\"og:site_name\" content=\"Software Development Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/lasoftians\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-06-05T07:35:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-30T09:15:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lasoft.org\/blog\/wp-content\/uploads\/2018\/06\/tran-mau-tri-tam-599986-unsplash.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"661\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Andriy Tatchyn\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@LaSoftAgency\" \/>\n<meta name=\"twitter:site\" content=\"@LaSoftAgency\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andriy Tatchyn\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>","yoast_head_json":{"title":"UX design patterns","description":"We will take a walkthrough of UX design patterns from the point of design thinking approach.","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:\/\/lasoft.org\/blog\/ux-design-patterns\/","og_locale":"en_US","og_type":"article","og_title":"UX design patterns","og_description":"We will take a walkthrough of UX design patterns from the point of design thinking approach.","og_url":"https:\/\/lasoft.org\/blog\/ux-design-patterns\/","og_site_name":"Software Development Blog","article_publisher":"https:\/\/www.facebook.com\/lasoftians\/","article_published_time":"2018-06-05T07:35:33+00:00","article_modified_time":"2024-01-30T09:15:40+00:00","og_image":[{"width":1024,"height":661,"url":"https:\/\/lasoft.org\/blog\/wp-content\/uploads\/2018\/06\/tran-mau-tri-tam-599986-unsplash.jpg","type":"image\/jpeg"}],"author":"Andriy Tatchyn","twitter_card":"summary_large_image","twitter_creator":"@LaSoftAgency","twitter_site":"@LaSoftAgency","twitter_misc":{"Written by":"Andriy Tatchyn","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/lasoft.org\/blog\/ux-design-patterns\/#article","isPartOf":{"@id":"https:\/\/lasoft.org\/blog\/ux-design-patterns\/"},"author":{"name":"Andriy Tatchyn","@id":"https:\/\/lasoft.org\/blog\/#\/schema\/person\/24c1a830a1ff109946f6bd239c5f1c99"},"headline":"UX design patterns","datePublished":"2018-06-05T07:35:33+00:00","dateModified":"2024-01-30T09:15:40+00:00","mainEntityOfPage":{"@id":"https:\/\/lasoft.org\/blog\/ux-design-patterns\/"},"wordCount":968,"publisher":{"@id":"https:\/\/lasoft.org\/blog\/#organization"},"image":{"@id":"https:\/\/lasoft.org\/blog\/ux-design-patterns\/#primaryimage"},"thumbnailUrl":"https:\/\/lasoft.org\/blog\/wp-content\/uploads\/2018\/06\/tran-mau-tri-tam-599986-unsplash.jpg","keywords":["Design thinking","UI\/UX"],"articleSection":["UX\/UI Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/lasoft.org\/blog\/ux-design-patterns\/","url":"https:\/\/lasoft.org\/blog\/ux-design-patterns\/","name":"UX design patterns","isPartOf":{"@id":"https:\/\/lasoft.org\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/lasoft.org\/blog\/ux-design-patterns\/#primaryimage"},"image":{"@id":"https:\/\/lasoft.org\/blog\/ux-design-patterns\/#primaryimage"},"thumbnailUrl":"https:\/\/lasoft.org\/blog\/wp-content\/uploads\/2018\/06\/tran-mau-tri-tam-599986-unsplash.jpg","datePublished":"2018-06-05T07:35:33+00:00","dateModified":"2024-01-30T09:15:40+00:00","description":"We will take a walkthrough of UX design patterns from the point of design thinking approach.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lasoft.org\/blog\/ux-design-patterns\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lasoft.org\/blog\/ux-design-patterns\/#primaryimage","url":"https:\/\/lasoft.org\/blog\/wp-content\/uploads\/2018\/06\/tran-mau-tri-tam-599986-unsplash.jpg","contentUrl":"https:\/\/lasoft.org\/blog\/wp-content\/uploads\/2018\/06\/tran-mau-tri-tam-599986-unsplash.jpg","width":1024,"height":661,"caption":"User experience design patterns"},{"@type":"WebSite","@id":"https:\/\/lasoft.org\/blog\/#website","url":"https:\/\/lasoft.org\/blog\/","name":"Software Development Blog","description":"Insightful Analysis of IT Markets and Emerging Technologies","publisher":{"@id":"https:\/\/lasoft.org\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lasoft.org\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/lasoft.org\/blog\/#organization","name":"LaSoft","url":"https:\/\/lasoft.org\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lasoft.org\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/lasoft.org\/blog\/wp-content\/uploads\/2024\/06\/lasoft.jpg","contentUrl":"https:\/\/lasoft.org\/blog\/wp-content\/uploads\/2024\/06\/lasoft.jpg","width":1200,"height":628,"caption":"LaSoft"},"image":{"@id":"https:\/\/lasoft.org\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/lasoftians\/","https:\/\/x.com\/LaSoftAgency","https:\/\/www.instagram.com\/lasoftians\/","https:\/\/www.linkedin.com\/company\/la'soft-","https:\/\/www.youtube.com\/channel\/UCGiINdBnqPoBpK1WaCEZMHQ\/"]},{"@type":"Person","@id":"https:\/\/lasoft.org\/blog\/#\/schema\/person\/24c1a830a1ff109946f6bd239c5f1c99","name":"Andriy Tatchyn","description":"Andriy Tatchyn brings over 15 years of experience in the software development industry, with a strong background in consulting and leadership roles. He founded LaSoft in 2014 to leverage his extensive expertise in helping businesses use technology to solve complex problems and optimize operations. Andriy holds a Master of Science (MS) in Technology Management and has identified and analyzed over 500 technological business cases throughout his career. His passion for collaboration and building strong foundations enables him to guide businesses in Business Operations, Technology Strategy, and System Architecture. He upholds the fundamental values of integrity, hard work, trust, and respect, which are the bedrock of LaSoft and fuel their commitment to helping clients succeed.","sameAs":["https:\/\/www.linkedin.com\/in\/andriy-tatchyn-2144332a\/"],"url":"https:\/\/lasoft.org\/blog\/author\/andriy-tatchyn\/"}]}},"_links":{"self":[{"href":"https:\/\/lasoft.org\/blog\/wp-json\/wp\/v2\/posts\/469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lasoft.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lasoft.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lasoft.org\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/lasoft.org\/blog\/wp-json\/wp\/v2\/comments?post=469"}],"version-history":[{"count":8,"href":"https:\/\/lasoft.org\/blog\/wp-json\/wp\/v2\/posts\/469\/revisions"}],"predecessor-version":[{"id":1603,"href":"https:\/\/lasoft.org\/blog\/wp-json\/wp\/v2\/posts\/469\/revisions\/1603"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lasoft.org\/blog\/wp-json\/wp\/v2\/media\/477"}],"wp:attachment":[{"href":"https:\/\/lasoft.org\/blog\/wp-json\/wp\/v2\/media?parent=469"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lasoft.org\/blog\/wp-json\/wp\/v2\/categories?post=469"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lasoft.org\/blog\/wp-json\/wp\/v2\/tags?post=469"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/lasoft.org\/blog\/wp-json\/wp\/v2\/coauthors?post=469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}