<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Manon</title>
    <description>The latest articles on DEV Community by Manon (@manon-ds).</description>
    <link>https://dev.to/manon-ds</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1292467%2F5d2df690-10d9-450e-8850-b190fbb52a43.jpeg</url>
      <title>DEV Community: Manon</title>
      <link>https://dev.to/manon-ds</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/manon-ds"/>
    <language>en</language>
    <item>
      <title>Introduction to design thinking - Book Summary!</title>
      <dc:creator>Manon</dc:creator>
      <pubDate>Thu, 22 Feb 2024 10:31:25 +0000</pubDate>
      <link>https://dev.to/manon-ds/introduction-to-design-thinking-book-summary-2je4</link>
      <guid>https://dev.to/manon-ds/introduction-to-design-thinking-book-summary-2je4</guid>
      <description>&lt;p&gt;I recently finished reading &lt;strong&gt;Introduction to design thinking&lt;/strong&gt; by &lt;em&gt;Uijun Park&lt;/em&gt;. So here is a detailed summary!&lt;/p&gt;

&lt;p&gt;This book talks about the 5 steps to design thinking, that any UX designer must follow, and also explains some design principles. So let's get to it!&lt;/p&gt;

&lt;h1&gt;
  
  
  5 steps to design thinking
&lt;/h1&gt;

&lt;h3&gt;
  
  
  Step 1. Empathise
&lt;/h3&gt;

&lt;p&gt;UX design is about solving problems that users experience, so you need to understand your users to discover what problems they are experiencing.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;User demographic research: to define the target user&lt;/li&gt;
&lt;li&gt;In-depth interviews: to learn what problems users are facing with the product&lt;/li&gt;
&lt;li&gt;Usability test: to understand which part of the product is difficult to use&lt;/li&gt;
&lt;li&gt;Analytics: use user traffic analytics to see which parts of the product need improving&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Step 2. Define
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;p&gt;"Finding a good problem is more complex than coming up with a good-looking design result." - Uijun Park&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Prioritise which problems to solve&lt;/li&gt;
&lt;li&gt;Let the whole team participate in choosing which problem to solve first&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Step 3. Ideate
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;p&gt;"It’s more likely that a better idea comes up when multiple people with different perspectives having a deep discussion, and validation with users and market, and refinement." - Uijun Park&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Derive various diverse ideas that could potentially solve the problem&lt;/li&gt;
&lt;li&gt;Can be useful to have other departments participate (like developers, sales...)&lt;/li&gt;
&lt;li&gt;
&lt;em&gt;Brainwriting&lt;/em&gt;: writing down ideas on a piece of paper within a set time, then have everyone share their ideas&lt;/li&gt;
&lt;li&gt;
&lt;em&gt;Sketch workshop&lt;/em&gt;: participants sketch ideas in a set time, to come up with creative solutions&lt;/li&gt;
&lt;li&gt;Vote to select best ideas &lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Step 4. Prototype
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;p&gt;"Now, you will need to create a prototype of ideas to test with the user or to simulate with an internal team member." - Park, Uijun. Introduction to Design Thinking&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Low-fidelity prototype: Sketch&lt;/li&gt;
&lt;li&gt;Mid-fidelity prototype: Wireframe

&lt;ul&gt;
&lt;li&gt;User-flow: defines a user's steps to complete a task on the web or app.&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;
&lt;li&gt;High-fidelity prototype: UI design&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Step 5. Test
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;p&gt;"The test in design thinking can be done before and after release. You don’t need to have a fully functioning product to get user feedback." - Park, Uijun. Introduction to Design Thinking&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Pre-development test: saves time and money

&lt;ul&gt;
&lt;li&gt;Usability test: let users test the prototype&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;
&lt;li&gt;Post release test: measure user traffic, conversion rate, and other metrics to evaluate whether your product has achieved initial goals

&lt;ul&gt;
&lt;li&gt;Analytics: compare to the data you gathered in step 1&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;
&lt;/ul&gt;

&lt;h1&gt;
  
  
  UX design principles for beginners
&lt;/h1&gt;

&lt;h3&gt;
  
  
  PRINCIPLE 1. CONSISTENCY
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Creating a consistent and predictable user experience across all aspects of a product, such as the layout, visual design, and interactions.

&lt;ul&gt;
&lt;li&gt;Following established design patterns and guidelines,&lt;/li&gt;
&lt;li&gt;Using consistent language and terminology,&lt;/li&gt;
&lt;li&gt;Maintaining a cohesive visual style&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  PRINCIPLE 2. AFFORDANCE
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Making it intuitive for users to know how to use a product just by looking at it.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  PRINCIPLE 3. MENTAL MODEL AND CONCEPTUAL MODEL
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Mental model: expectations that users have for a product, based on their experience, training, and knowledge&lt;/li&gt;
&lt;li&gt;Conceptual model: the experience or interface that a product provides&lt;/li&gt;
&lt;li&gt;Aim to strike a balance between users' mental model and the conceptual model&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  PRINCIPLE 4. MAPPING
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Designing interfaces or displays that make the results of operating the control device predictable for the user&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  PRINCIPLE 5. INFORMATION ARCHITECTURE
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Organizing and structuring digital content to make it easier for users to find what they need&lt;/li&gt;
&lt;li&gt;Organising content in a logical and intuitive way.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  PRINCIPLE 6. USER INTENT
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;High user intent: the user knows well what they want to do and can follow a specific procedure to complete their task when they enter a website to buy a product.&lt;/li&gt;
&lt;li&gt;Low intent: users have a rough idea of their goal but do not know what specifically they need to do to achieve it.&lt;/li&gt;
&lt;li&gt;Important to consider both high and low user intent and design to satisfy both types of users.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Here it is guys! I read this book wanting to improve my design skills, and it did not disappoint. Again this is only a detailed summary, and the book contains so much more, with case studies and lots of tips and examples, so if you liked this post, I really recommend that you get the book!&lt;/p&gt;

</description>
      <category>webdesign</category>
      <category>frontend</category>
      <category>ui</category>
      <category>ux</category>
    </item>
  </channel>
</rss>
