<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Archives des Featured - Blog UX</title>
	<atom:link href="https://blog-ux.com/en/category/featured/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog-ux.com/en/category/featured/</link>
	<description></description>
	<lastBuildDate>Sun, 07 Jun 2026 17:25:43 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://blog-ux.com/wp-content/uploads/2020/01/logo-blog-UX-48x48.png</url>
	<title>Archives des Featured - Blog UX</title>
	<link>https://blog-ux.com/en/category/featured/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>What is Design Thinking?</title>
		<link>https://blog-ux.com/en/what-is-design-thinking/</link>
		
		<dc:creator><![CDATA[Louise]]></dc:creator>
		<pubDate>Sun, 31 May 2026 16:32:39 +0000</pubDate>
				<category><![CDATA[Design Thinking]]></category>
		<category><![CDATA[Featured]]></category>
		<guid isPermaLink="false">https://blog-ux.com/?p=119521</guid>

					<description><![CDATA[Design Thinking is a human-centered approach to innovation that transforms complex problems into concrete solutions. By balancing desirability, feasibility, and viability, this method reduces the risk of failure through empathy and rapid prototyping. Key takeaways Definition of Design Thinking: A human-centered approach to innovation designed to solve complex problems. The 3 Pillars of Success: The [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>Design Thinking is a human-centered approach to innovation that transforms complex problems into concrete solutions. By balancing desirability, feasibility, and viability, this method reduces the risk of failure through empathy and rapid prototyping.</p>
<table style="height: 10px; width: 100%; border-collapse: collapse;" cellpadding="50px">
<tbody>
<tr>
<td style="width: 100%; background-color: #beeefa; border-radius: 15px;">
<h3><span style="color: #000000; font-size: 18pt;">Key takeaways</span></h3>
<ul>
<li><b>Definition of Design Thinking:</b> A human-centered approach to innovation designed to solve complex problems.</li>
<li><b>The 3 Pillars of Success:</b> The mandatory intersection of desirability (user), feasibility (technical), and viability (economic).</li>
<li><b>The Engine:</b> <b>Empathy</b> and active observation to understand users&#8217; true needs and frustrations.</li>
<li><b>The Process</b> (5 non-linear steps)<b>:</b> Empathy ➡️ Problem Definition ➡️ Ideation (generating ideas) ➡️ Rapid Prototyping ➡️ Field Testing.</li>
<li><b>The Philosophy:</b> A culture of &#8220;doing,&#8221; the right to make mistakes, and continuous iteration (learning from failure to improve quickly).</li>
<li><b>The Fuel:</b> Collective intelligence powered by multidisciplinary teams and a framework of psychological safety.</li>
<li><b>Complementarity:</b> Design Thinking defines <i>what</i> to build (the problem), Lean validates <i>the market</i> (the business), and Agile drives <i>the execution</i> (the technical implementation).</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p>The concept of design thinking was theorized as early as 1969 by Herbert Simon, who defined it as a way of thinking capable of solving concrete problems. This innovative approach stands out for its <strong>ability to reconcile user desirability, technical feasibility, and the economic viability</strong> of a project. However, many companies still struggle to transform their ideas into real solutions without wasting valuable resources. We will take a closer look at this iterative methodology to help you <strong>integrate collective intelligence and empathy at the heart of your development strategy</strong>.</p>
<h2 id="design-thinking-art-resoudre-problemes-humain">Design Thinking, or the art of human-centered problem solving</h2>
<p>Design Thinking, theorized by Herbert Simon and later popularized by Tim Brown (IDEO), relies on empathy, ideation, and prototyping. This Human-Centered Design (HCD) approach <strong>balances human desirability, technical feasibility, and economic viability</strong> to drive innovation.</p>
<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin: 1.5rem 0;"><iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;" title="The Design Thinking Process - YouTube" src="https://www.youtube.com/embed/_r0VX-aU_T8" allowfullscreen="allowfullscreen"></iframe></div>
<p>This approach <strong>radically transforms the business vision</strong> by building on solid academic roots.</p>
<h3>From Stanford to IDEO: the emergence of a new vision</h3>
<p><strong>The history of the concept dates back</strong> to the work of Richard Buchanan in 1992 and research conducted at Stanford. Tim Brown&#8217;s influence was instrumental in its global adoption. You can explore <a href="https://rogermartin.medium.com/strategy-design-thinking-faf6b787160b" target="_blank" rel="noopener">Roger L. Martin&#8217;s thoughts on strategy and design</a> to delve deeper.</p>
<p>Design has evolved from a purely aesthetic vision into a <strong>genuine method for problem-solving</strong>. Today, it addresses the most complex business challenges faced by modern organizations.</p>
<p><a href="https://blog-ux.com/wp-content/uploads/2026/05/history-of-design-thinking.png"><img loading="lazy" decoding="async" class="aligncenter wp-image-119523" title="Infographic - History of Design Thinking" src="https://blog-ux.com/wp-content/uploads/2026/05/history-of-design-thinking.png" alt="Infographic - History of Design Thinking" width="800" height="381" srcset="https://blog-ux.com/wp-content/uploads/2026/05/history-of-design-thinking.png 800w, https://blog-ux.com/wp-content/uploads/2026/05/history-of-design-thinking-480x229.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 800px, 100vw" /></a></p>
<p style="text-align: center;"><i>Infographic: Timeline of the evolution of Design Thinking, from its academic foundations at Stanford to its popularization by the IDEO agency.</i></p>
<p>Three essential pillars support this approach: desirability, feasibility, and viability. Without this balance, <strong>innovation risks remaining a dead letter</strong>.</p>
<blockquote><p>Design Thinking is a creative approach to problem-solving that begins with understanding people&#8217;s needs, motivations, and behaviors.</p></blockquote>
<p>The Harvard Business Review article in 2008 marked a <strong>major turning point</strong>. MIT also offers highly insightful <a href="https://mitsloan.mit.edu/ideas-made-to-matter/design-thinking-explained" target="_blank" rel="noopener">explanations from the MIT Sloan School</a> on this subject. Today, the method integrates artificial intelligence to <strong>strengthen human-AI collaboration</strong>. This lies at the very heart of <a href="https://www.ideo.com/" target="_blank" rel="noopener">IDEO and the Human-Centered Design approach</a> for contemporary challenges.</p>
<p>To better understand this philosophy, we highly recommend reading the <a href="https://blog-ux.com/livre-esprit-design-de-tim-brown/">Book: &#8220;Change by Design&#8221; &#8211; by Tim Brown</a>. This book serves as a <strong>valuable resource</strong>.</p>
<p>Success depends above all on <strong>establishing a sustainable culture of innovation</strong>. Every employee must be able to adopt these creative tools on a daily basis. In short, its iterative nature allows teams to learn constructively from mistakes. We don&#8217;t look for immediate perfection, but rather <strong>continuous improvement</strong>. This historical evolution naturally leads us to explore the very engine of the method: <strong>understanding others</strong>.</p>
<h3>The psychology of empathy at the service of the user</h3>
<p style="text-align: center;">Empathy triggers deep cognitive mechanisms to grasp what another person is feeling. It differs from sympathy because it requires <strong>rigorous analytical neutrality</strong>. A distinction must be made between passive observation, which consists of watching, and active immersion. The latter requires <strong>truly living the experience of the final user</strong>.<img loading="lazy" decoding="async" class="aligncenter wp-image-119524 size-full" title="Infographie - The psychology of empathy at the service of the user" role="img" src="https://blog-ux.com/wp-content/uploads/2026/05/Infographie-The-psychology-of-empathy-at-the-service-of-the-user.svg" alt="Infographie - The psychology of empathy at the service of the user" width="936" height="477" /><i>Infographic: The psychological levers of empathy and immersion methods used to decode the user experience.</i></p>
<p>This phase <strong>drastically reduces the risks of commercial failure</strong> for companies. It validates real needs even before making heavy investments.</p>
<ul>
<li><strong>Field observation</strong></li>
<li><strong>Qualitative interviews</strong></li>
<li><strong>Empathy maps</strong></li>
<li><strong>Personas</strong></li>
</ul>
<p>For a comprehensive overview, consult our guide on <a href="https://blog-ux.com/design-thinking/">Design Thinking &#8211; UX Blog</a>. It details the importance of <strong>placing humans at the center</strong>. Psychology helps identify user &#8220;pain points&#8221; or frustrations. Understanding these friction points is the first step toward a <strong>relevant solution</strong>. The d.school offers specific <a href="https://dschool.stanford.edu/tools/design-thinking-bootleg" target="_blank" rel="noopener">tools from the Stanford d.school</a> to structure this phase. These methods <strong>transform intuition into actionable data</strong>. Once these needs are identified, the team can move on to the definition phase. This is where <strong>the problem is precisely framed</strong>.</p>
<div class="wwc">
<div class="wwc-header">Here is an illustration of the <strong>iterative journey</strong> specific to this approach:</div>
</div>
<div></div>
<div><img loading="lazy" decoding="async" class="aligncenter wp-image-119525 size-full" title="phase design thinking" src="https://blog-ux.com/wp-content/uploads/2026/05/phase-design-thinking.png" alt="phase design thinking" width="800" height="416" srcset="https://blog-ux.com/wp-content/uploads/2026/05/phase-design-thinking.png 800w, https://blog-ux.com/wp-content/uploads/2026/05/phase-design-thinking-480x250.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 800px, 100vw" /></div>
<div class="wwc">
<p style="text-align: center;"><i>Diagram: Mapping the non-linear and iterative journey connecting the different phases of Design Thinking.</i></p>
</div>
<h2 id="cinq-etapes-transformer-intuition-solution-concrete">5 steps to transform an intuition into a concrete solution</h2>
<p>Moving from theory to practice requires a rigorous structure, often illustrated by the <strong>Double Diamond model</strong>.</p>
<p><a href="https://blog-ux.com/wp-content/uploads/2021/06/schema-modele-double-diamant.jpg"><img loading="lazy" decoding="async" class="aligncenter wp-image-119485" title="Double Diamond model diagram - Design Thinking" src="https://blog-ux.com/wp-content/uploads/2021/06/schema-modele-double-diamant.jpg" alt="Double Diamond model diagram - Design Thinking" width="800" height="600" srcset="https://blog-ux.com/wp-content/uploads/2021/06/schema-modele-double-diamant.jpg 800w, https://blog-ux.com/wp-content/uploads/2021/06/schema-modele-double-diamant-480x360.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 800px, 100vw" /></a></p>
<p style="text-align: center;"><i>Diagram: The Double Diamond model highlighting the crucial alternations between phases of divergence and convergence.</i></p>
<p>The Double Diamond model: the phases of divergence and convergence in the design process (Discover, Define, Develop, Deliver). Source: <a href="https://sidlaurea.com/2014/09/28/transfer-your-business-through-design-thinking/"><em>Service Innovation &amp; Design</em></a></p>
<p><a href="https://blog-ux.com/wp-content/uploads/2026/05/etapes-design-thinking-.jpg"><img loading="lazy" decoding="async" class="aligncenter wp-image-119480" title="The Design Thinking steps according to NNGroup" src="https://blog-ux.com/wp-content/uploads/2026/05/etapes-design-thinking-.jpg" alt="The Design Thinking steps according to NNGroup" width="600" height="607" srcset="https://blog-ux.com/wp-content/uploads/2026/05/etapes-design-thinking-.jpg 600w, https://blog-ux.com/wp-content/uploads/2026/05/etapes-design-thinking--480x485.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 600px, 100vw" /></a></p>
<p style="text-align: center;">The 6-step Design Thinking cycle (Empathize, Define, Ideate, Prototype, Test, Implement) structured around three main phases: Understand, Explore, and Materialize.<br />
<i>Source: <a href="https://www.nngroup.com/articles/design-thinking/">Nielsen Norman Group</a>.</i></p>
<h3>Empathy and definition to uncover the real need</h3>
<p>Gathering qualitative data relies on immersion and interviews. We prioritize direct observation to capture authentic user verbatims. These testimonies <strong>reveal true frustrations</strong>. Next comes the reformulation of the problem through the Point of View (POV). This convergence step synthesizes the research findings. It makes it possible to <strong>transform scattered observations into a clear challenge</strong>. One must be wary of unverified internal assumptions. To structure this exploration, the Double Diamond process is often used.</p>
<p>This model <strong>prevents rushing toward the wrong solution</strong>. Certain Design Thinking expressions reflect this mindset perfectly. The idea is to remain focused on the human element. <strong>Empathy then becomes a lever for strategic innovation</strong>. Using the &#8220;How Might We?&#8221; question proves fundamental here. It opens up fields of possibilities without imposing immediate constraints. It is the <strong>starting point for ideation</strong>. Clarity is indispensable before moving on to pure creation. Without a precise definition, the risk of missing the mark is high. Defining the problem well guarantees future relevance.</p>
<h3>Ideation and prototyping: giving shape to ideas</h3>
<p>Ideation marks the transition from divergent thinking to <strong>convergent selection</strong>. First, a large volume of ideas is generated. Then, we sort through them to keep only the viable directions. Low-fidelity prototypes, made of paper or cardboard, <strong>bring concepts to life</strong>. They make ideas immediately tangible. This is an economical way to visualize a complex solution. This rapid prototyping limits unnecessary investments in the wrong directions. We <strong>detect mistakes before they become expensive</strong>. Experimentation thus replaces long theoretical reports.</p>
<div style="overflow: auto; max-width: 100%;">
<table style="height: 10px; width: 100%;" cellpadding="20px">
<thead>
<tr>
<td style="border-style: solid; border-color: #000000; background-color: #f92c8b; text-align: center;"><strong><span style="color: #ffffff;">Phase</span></strong></td>
<td style="border-style: solid; border-color: #000000; background-color: #f92c8b; text-align: center;"><strong><span style="color: #ffffff;">Objective</span></strong></td>
<td style="border-style: solid; border-color: #000000; background-color: #f92c8b; text-align: center;"><strong><span style="color: #ffffff;">Typical Tool</span></strong></td>
</tr>
</thead>
<tbody>
<tr>
<td style="border-style: solid; border-color: #000000;">Ideation</td>
<td style="border-style: solid; border-color: #000000;">Generate</td>
<td style="border-style: solid; border-color: #000000;">Brainstorming</td>
</tr>
<tr>
<td style="border-style: solid; border-color: #000000;">Prototyping</td>
<td style="border-style: solid; border-color: #000000;">Visualize</td>
<td style="border-style: solid; border-color: #000000;">Paper mockup</td>
</tr>
<tr>
<td style="border-style: solid; border-color: #000000;">Testing</td>
<td style="border-style: solid; border-color: #000000;">Validate</td>
<td style="border-style: solid; border-color: #000000;">Feedback grid</td>
</tr>
<tr>
<td style="border-style: solid; border-color: #000000;">Iteration</td>
<td style="border-style: solid; border-color: #000000;">Refine</td>
<td style="border-style: solid; border-color: #000000;">Prototype update</td>
</tr>
</tbody>
</table>
</div>
<p>One can draw inspiration from these <a href="https://blog-ux.com/5-exemples-de-design-thinking/">5 examples of Design Thinking</a> to understand its impact. These concrete cases show how tangible forms aid decision-making. <strong>The prototype becomes a tool for dialogue</strong>.</p>
<blockquote><p>Prototyping makes it possible to transform validation tests into an iterative process of transformation.</p></blockquote>
<p>This culture of &#8220;doing&#8221; radically transforms project management. We no longer wait for perfection to take action. <strong>Concrete action feeds global reflection</strong>.</p>
<p><a href="https://blog-ux.com/wp-content/uploads/2026/05/5-keys-stages-to-intuition.png"><img loading="lazy" decoding="async" class="aligncenter wp-image-119527 size-full" title="5 keys stages to intuition" src="https://blog-ux.com/wp-content/uploads/2026/05/5-keys-stages-to-intuition.png" alt="5 keys stages to intuition" width="800" height="421" srcset="https://blog-ux.com/wp-content/uploads/2026/05/5-keys-stages-to-intuition.png 800w, https://blog-ux.com/wp-content/uploads/2026/05/5-keys-stages-to-intuition-480x253.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 800px, 100vw" /></a></p>
<p style="text-align: center;"><i>Infographic: The 5 key steps to methodologically move from initial intuition to a concrete, tested solution.</i></p>
<h3>Testing and the right to make mistakes as a driver for learning</h3>
<p>Organizing constructive feedback sessions with real users is vital. We must observe their reactions without ever guiding them. <strong>Their difficulties reveal product flaws</strong>. Valuing failure constitutes a <strong>valuable source of data</strong> for the company. We often learn more from a failed test than from a success. This allows us to adjust our course quickly. The cycle is never linear; it is fluid and constantly evolving.</p>
<p>We frequently return to empathy after a test. Every bit of user feedback enriches our understanding of the initial need. To evaluate usability, we rely on <a href="https://blog-ux.com/en/jakob-nielsen-s-10-usability-heuristics/">Jakob Nielsen&#8217;s 10 heuristics</a>. These criteria help structure feedback during testing phases and make result analysis more reliable. The importance of rapid iteration allows the solution to be refined without losing time. We correct, we test again, and we progress.</p>
<p>This is the <strong>key to a desirable final product</strong>. This constant verification approach reinforces alignment around the project. It paves the way for <strong>effective multidisciplinary collaboration</strong>. This is where collective intelligence comes into play.</p>
<h2 id="intelligence-collective-conditions-reussir-integration">Collective intelligence and conditions for successful integration</h2>
<p>Adopting design thinking is not just a matter of methodology; it is a <strong>profound human and organizational transformation</strong>.</p>
<h3>The role of the facilitator and multidisciplinary profiles</h3>
<p>The facilitator acts as a neutral guide during workshops. They manage the group&#8217;s energy and the time allotted. Their mission is to <strong>optimize the creative potential</strong> of each participant. Mixing technical, marketing, and design profiles helps break down silos. This diversity offers varied perspectives on the same problem. Collective intelligence then becomes a <strong>lever for innovation</strong>.</p>
<p>The UX designer focuses on the overall user experience, while the project manager coordinates resources and objectives. It is helpful to understand the difference between UX and UI design to clarify roles. IBM emphasizes team alignment through its <a href="https://www.ibm.com/training/enterprise-design-thinking" target="_blank" rel="noopener">IBM Enterprise Design Thinking</a> approach. This framework helps large organizations <strong>collaborate effectively</strong>. The goal remains a shared vision of the project.</p>
<p>Psychological safety is indispensable within the group. Every member must feel free to express themselves without fear of judgment. This favors the <strong>emergence of original and authentic ideas</strong>. The strength of the collective lies in this human synergy. By combining talents, the company <strong>solves complex problems</strong>. This is the very core of the human-centered approach.</p>
<h3>Overcoming cultural resistance within the company</h3>
<p><strong>Several roadblocks often slow down adoption</strong>. Fear of uncertainty and rigid hierarchies block agility. A lack of time is also a frequent excuse. To reassure decision-makers, rely on concrete arguments. Highlight how the approach reduces financial risks. The <strong>return on investment</strong> stems from better customer satisfaction. A gradual rollout is often the best strategy. Launch short pilot projects to demonstrate the method&#8217;s effectiveness. Visible results make global buy-in easier. Here are the <strong>piliers for transforming internal culture</strong>:</p>
<ul>
<li><strong>Right to make mistakes</strong> to encourage experimentation.</li>
<li><strong>Co-creation involving all stakeholders</strong>.</li>
<li><strong>Rapid iteration to refine solutions</strong>.</li>
<li>User focus to guarantee <strong>product relevance</strong>.</li>
</ul>
<p>The <strong>role of design is central</strong> to product strategy. You can explore the importance of design in Product Management to deepen this connection. This reinforces organizational coherence. Support from leadership is the final barrier to lift. Without a clear commitment from leaders, the transformation remains superficial. <strong>The culture of innovation must infuse every level</strong>.</p>
<p><a href="https://blog-ux.com/wp-content/uploads/2026/05/collective-intelligence-successfull-integration.png"><img loading="lazy" decoding="async" class="aligncenter wp-image-119540" title="collective intelligence - successfull integration" src="https://blog-ux.com/wp-content/uploads/2026/05/collective-intelligence-successfull-integration.png" alt="collective intelligence - successfull integration" width="800" height="419" /></a></p>
<p style="text-align: center;"><i>Diagram: Key success factors to activate collective intelligence and the associated facilitation toolbox.</i></p>
<h3>A selection of concrete tools to facilitate your workshops</h3>
<p>Physical mediums like post-its and flipcharts remain classics. For remote work, solutions like Miro or Mural are indispensable. They allow for <strong>fluid co-creation</strong>. Techniques like mindmapping help structure thoughts, and SCAMPER is an excellent tool for stimulating creativity. These methods force teams to look at problems differently. Collaborative platforms facilitate hybrid and asynchronous work, centralizing ideas and feedback in a single location.</p>
<p>This <strong>guarantees the continuity of the innovative project</strong>. To structure your interfaces, discover what Atomic Design is and its principles. This modular approach perfectly complements the prototyping phases by bringing necessary visual rigor. Artificial intelligence now allows teams to <strong>quickly synthesize user feedback</strong>, helping identify trends within large volumes of data. This is a valuable time-saver. These tools prepare the ground for execution. Let&#8217;s see now <strong>how this method compares to other approaches</strong>.</p>
<h2 id="design-thinking-agile-lean-quelle-approche-choisir">Design Thinking, Agile, or Lean: Which Approach to Choose?</h2>
<p>Choosing between these methodological frameworks requires understanding their distinct purposes. Here is how to articulate these approaches to <strong>transform your ideas into concrete solutions</strong>.</p>
<h3>Fundamental Differences with Agile and Lean Management</h3>
<p>Design thinking focuses on defining the ideal solution. Conversely, the Agile method primarily manages the technical execution of the project. These are <strong>two very distinct steps</strong>. Yet, these approaches are <strong>highly complementary in practice</strong>.</p>
<p>Design Thinking often comes in upstream to frame the need before launching iterative development. The <strong>major distinction lies in the timeline</strong>. Design can involve lengthy research phases, whereas Agile prioritizes short, highly paced sprints. Lean Startup aims primarily to eliminate unnecessary waste, relying heavily on the MVP concept to validate business hypotheses as quickly as possible. To explore these journey concepts further, consult our guide on Service Design &#8211; Examples and Applications.</p>
<p>It is a valuable resource for understanding practical implementation. The book <a href="https://cup.columbia.edu/book/design-thinking-for-the-greater-good/9780231179522/" target="_blank" rel="noopener">Design Thinking for the Greater Good</a> explores these issues, emphasizing the importance of this mindset in <strong>solving complex social problems</strong>. These methods fit naturally into a global innovation strategy. The idea is to use the right tool at the right time in the lifecycle to <strong>create value</strong>.</p>
<ul>
<li><strong>DT:</strong> Explore the problem and understand the human element.</li>
<li><strong>Lean:</strong> Validate the business model and limit losses.</li>
<li><strong>Agile:</strong> Build the product incrementally.</li>
</ul>
<p>The synergy between these methods guarantees an optimal result. We don&#8217;t just build fast; we ensure above all that we are <strong>building the right thing for the user</strong>.</p>
<p><a href="https://blog-ux.com/wp-content/uploads/2026/05/Design-thinking-agile-lean.png"><img loading="lazy" decoding="async" class="aligncenter wp-image-119541 size-full" title="Design thinking - agile - lean" src="https://blog-ux.com/wp-content/uploads/2026/05/Design-thinking-agile-lean.png" alt="Design thinking - agile - lean" width="1000" height="522" srcset="https://blog-ux.com/wp-content/uploads/2026/05/Design-thinking-agile-lean.png 1000w, https://blog-ux.com/wp-content/uploads/2026/05/Design-thinking-agile-lean-980x512.png 980w, https://blog-ux.com/wp-content/uploads/2026/05/Design-thinking-agile-lean-480x251.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1000px, 100vw" /></a></p>
<p style="text-align: center;"><i>Infographic: Comparative mapping and operational complementarity of Design Thinking, Lean, and Agile approaches.</i></p>
<h3>Relevance criteria and measuring the success of the approach</h3>
<p>First, you must determine if the problem is sufficiently complex. We often talk about a &#8220;wicked problem&#8221; to justify using the method. If the solution is obvious, <strong>Design Thinking is unnecessary</strong>. <strong>Success is measured through precise qualitative indicators</strong>. User satisfaction is a central pillar, and we often observe a reduction in customer support complaints.</p>
<p>Evaluating ROI involves analyzing the final experience. Better usability directly boosts customer retention, providing a <strong>tangible economic benefit for the organization</strong> over the long term. To master these measurement tools, an advanced professional training in UX is highly recommended. It allows you to <strong>acquire the necessary skills</strong> to pilot these complex projects.</p>
<p>The approach also addresses sustainability. Social innovation is becoming a major criterion for success, aiming to create a <strong>positive and lasting impact</strong> on society. Data privacy has also become an undeniable standard. Integrating <a href="https://blog-ux.com/privacy-by-design-quand-la-protection-des-donnees-devient-le-nouveau-standard-de-lux/">Privacy by Design</a> from the ideation stage is essential, as it <strong>strengthens user trust and security</strong>.</p>
<p>The core element remains maintaining a <strong>strictly human-centered approach</strong>. Metrics should never obscure real needs; that is where the true power of innovation lies. The future of design will depend on this ability to <strong>reconcile technology and empathy</strong>. This is the exciting challenge awaiting the designers of tomorrow. This human-centered approach transforms innovation by balancing desirability, feasibility, and viability. By adopting iterative prototyping and empathy, you reduce the risks of failure while unlocking collective intelligence. Integrate design thinking now to <strong>transform your complex challenges into concrete and sustainable successes</strong>.</p>
<h2>Design Thinking FAQ</h2>
<h3>What is the concrete definition of Design Thinking?</h3>
<p>Design Thinking is a human-centered innovation approach that solves complex problems by drawing inspiration from designers&#8217; methods. This vision of work aims to <strong>design solutions that lie at the intersection of three fundamental criteria</strong>: user desirability, technical feasibility, and economic viability. Unlike linear project management methods, it prioritizes collective intelligence, empathy, and the right to make mistakes. By using visual and tangible tools, we transform abstract ideas into concrete prototypes to validate real use cases before any massive investment.</p>
<h3>What are the key steps in the Design Thinking process?</h3>
<p>Although several models exist, the process generally revolves around <strong>five iterative phases</strong>. It all begins with empathy, where we seek to deeply understand users&#8217; needs and frustrations. Next comes definition, which synthesizes these observations to formulate a clear problem statement, often expressed by the question &#8220;How might we?&#8221;. The ideation phase then encourages generating a maximum number of creative ideas before moving on to prototyping, which consists of making simplified versions of the solution. Finally, the test phase allows teams to gather user feedback to refine the project. <strong>This cycle is non-linear</strong>: it is common to return to empathy or ideation following lessons learned from tests.</p>
<h3>How does Design Thinking differ from Agile and Lean methods?</h3>
<p><strong>These three approaches are complementary but come into play at different times.</strong> Design Thinking focuses on exploring the problem and defining the solution (&#8220;building the right thing&#8221;). Agile, on the other hand, is an execution method that optimizes the iterative and flexible delivery of the product (&#8220;building the thing right&#8221;). Lean primarily aims to eliminate waste and validate business model viability via the MVP (Minimum Viable Product). In short, we use <strong>Design Thinking to understand the user, Lean to validate the market, and Agile to drive technical development</strong> responsively.</p>
<h3>Why is empathy considered the main pillar of this method?</h3>
<p>Empathy is the engine of Design Thinking because it <strong>allows us to step away from our own assumptions and adopt the end-user&#8217;s point of view</strong>. The goal is to capture not only what people say, but especially what they do and feel. This deep understanding helps identify latent needs that consumers cannot always express clearly. To achieve this, we use immersion techniques, such as direct observation or &#8220;shadowing,&#8221; as well as in-depth qualitative interviews. This phase is crucial to reducing commercial failure risks by ensuring that the solution <strong>answers a real, lived problem</strong>.</p>
<h3>What are the indispensable tools for running a Design Thinking workshop?</h3>
<p>To foster co-creation, we use simple physical materials like post-its, markers, and whiteboards, which make ideas tangible. For remote or hybrid work, <strong>digital platforms like Miro or Mural are essential</strong> to centralize empathy maps, personas, and user journeys. During the ideation phase, methods like SCAMPER or Bono&#8217;s Six Thinking Hats help stimulate group creativity. Finally, for rapid prototyping, any material that allows simulating the experience (paper mockups, storyboards, or design tools like Figma) is preferred in order to <strong>obtain immediate feedback</strong>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Transforming project management tools into an intuitive experience through UX design</title>
		<link>https://blog-ux.com/en/transforming-project-management-tools-into-an-intuitive-experience-through-ux-design/</link>
		
		<dc:creator><![CDATA[David]]></dc:creator>
		<pubDate>Wed, 22 Apr 2026 09:16:23 +0000</pubDate>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[UX Design]]></category>
		<guid isPermaLink="false">https://blog-ux.com/?p=119327</guid>

					<description><![CDATA[A seamless project management tool, powered by UX, is no longer a luxury reserved for Silicon Valley startups, but an absolute necessity for any company seeking to maintain consistent productivity in an increasingly fragmented work environment. Paradoxically, the proliferation of software solutions has complicated the daily lives of employees, often forcing them to navigate between [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>A seamless project management tool, powered by UX, is no longer a luxury reserved for Silicon Valley startups, but an absolute necessity for any company seeking to maintain consistent productivity in an increasingly fragmented work environment. Paradoxically, the proliferation of software solutions has complicated the daily lives of employees, often forcing them to navigate between austere interfaces and redundant features.</p>
<h2>Information Architecture as the Foundation of Clarity</h2>
<p>The first pillar of transforming a project management tool lies in its information architecture. Too often, platforms overwhelm the user with data right from the home page, creating a cognitive overload that hinders decision-making. UX design intervenes here to prioritize content according to its strategic importance and timing. A well-thought-out structure should allow a user to move from a macroscopic view to a microscopic view in fewer than two clicks.</p>
<h3>Simplifying Complex User Journeys</h3>
<p>Business processes are inherently complex, but their digital translation should not be. The UX designer analyzes journeys to identify friction points. To simplify these flows, several elements are essential:</p>
<ul>
<li>Reducing the number of mandatory fields in creation forms.</li>
<li>Automating status changes according to predefined rules.</li>
<li>Quick access to reusable project templates to avoid starting from scratch.</li>
<li>Implementing contextual menus that only appear when hovering over the relevant elements.</li>
</ul>
<h3>The Importance of Visual Hierarchy</h3>
<p>Thanks to a <a href="https://bubbleplan.net">tool like Bubble Plan</a>, project management relies on the rapid reading of priorities. Without a strong visual hierarchy, all information carries equal weight, and urgency gets lost in the crowd. The strategic use of contrast, font sizes, and negative space helps guide the eye toward the essentials: imminent deadlines and critical bottlenecks. An intuitive interface uses design to tell a story—the story of project progress—by highlighting elements that require immediate human intervention while relegating archives to the background.</p>
<h2>Engagement Through a Sleek and Vibrant User Interface</h2>
<p>Moving from a functional tool to a desirable one requires special attention to UI (User Interface). While UX handles the structure, UI handles the emotion and sensory clarity. Minimalism becomes a tool for pure efficiency by removing unnecessary visual distractions.</p>
<h3>Color Psychology in Project Tracking</h3>
<p>The use of colors should never be arbitrary. They carry universal meanings that must be exploited with finesse to facilitate an immediate understanding of a project&#8217;s status:</p>
<ul>
<li>Red for critical delays and blocking alerts.</li>
<li>Orange for tasks in progress approaching their deadline.</li>
<li>Green for validated steps and achieved goals.</li>
<li>Blue for general information or reference documents.</li>
<li>Gray for pending or archived tasks.</li>
</ul>
<h3>Interactivity and Micro-interactions</h3>
<p>Micro-interactions are those small animation details that occur during a status change. Although discreet, they play a major role in the user experience. They confirm the success of an action, such as a checkmark that gently animates when a task is completed, providing a subtle psychological satisfaction.</p>
<table style="height: 10px; width: 100%;" cellpadding="20px">
<tbody>
<tr>
<td style="border-style: solid; border-color: #000000; background-color: #f92c8b; text-align: center;"><span style="color: #ffffff;"><b>UX Component</b></span></td>
<td style="border-style: solid; border-color: #000000; background-color: #f92c8b; text-align: center;"><span style="color: #ffffff;"><b>Impact on Management</b></span></td>
<td style="border-style: solid; border-color: #000000; background-color: #f92c8b; text-align: center;"><span style="color: #ffffff;"><b>User Benefit</b></span></td>
</tr>
<tr>
<td style="border-style: solid; border-color: #000000;">Search Bar</td>
<td style="border-style: solid; border-color: #000000;">Direct access to data</td>
<td style="border-style: solid; border-color: #000000;">Major time savings</td>
</tr>
<tr>
<td style="border-style: solid; border-color: #000000;">Kanban View</td>
<td style="border-style: solid; border-color: #000000;">Flow visualization</td>
<td style="border-style: solid; border-color: #000000;">Stress reduction</td>
</tr>
<tr>
<td style="border-style: solid; border-color: #000000;">Push Notifications</td>
<td style="border-style: solid; border-color: #000000;">Real-time alerts</td>
<td style="border-style: solid; border-color: #000000;">Better responsiveness</td>
</tr>
</tbody>
</table>
<h2>Adapting the Tool to Diverse Roles and Uses</h2>
<p>A project management tool is not used the same way by a developer as it is by a financial director. Intuitiveness, therefore, lies in the tool&#8217;s ability to be flexible. UX design must provide customizable &#8220;views&#8221; that adapt to each user&#8217;s mental model.</p>
<h3>Dashboard Personalization</h3>
<p>Personalization is the ultimate stage of successful UX. An intuitive dashboard allows the user to compose their own cockpit. To guarantee this flexibility, the tool must offer:</p>
<ol>
<li>Drag and drop to reorganize priority columns.</li>
<li>Advanced filters allowing users to isolate only their own tasks.</li>
<li>The ability to hide widgets that are unnecessary for the current mission.</li>
<li>The ability to save custom views that can be shared with the rest of the team.</li>
</ol>
<h3>Mobility and Continuity of Experience</h3>
<p><a href="https://en.wikipedia.org/wiki/User_experience">User experience</a> does not stop at the office. The intuitiveness of a tool is also measured by its ability to provide a consistent experience on mobile. Ensuring this continuity allows employees to stay connected to the project while on the move, without suffering the frustration of a degraded interface.</p>
<h2>Fostering Collaboration Through Social Design</h2>
<p>Project management is, above all, a social act. An intuitive tool must facilitate exchanges between team members without forcing them to leave the platform. Integrating contextual communication features is a victory for UX design.</p>
<h3>Centralizing Feedback and Comments</h3>
<p>By allowing comments directly on a project stage, UX design creates a historical breadcrumb trail. To maintain this clarity, the interface must respect certain ergonomic principles:</p>
<ul>
<li>Displaying discussions in threads to avoid confusion.</li>
<li>Using direct mentions to call upon a specific collaborator.</li>
<li>Previewing attached files without having to download them every time.</li>
<li>Visual distinction between internal comments and client feedback.</li>
</ul>
<h3>Managing Rights and Transparency</h3>
<p>Intuitiveness also involves security. A user should not have to wonder if they have the right to modify information. Through a clear design of permissions, the tool can hide unauthorized options, thus streamlining the interface for those who only need to view information.</p>
<h2>Toward Project Management Augmented by Intelligence</h2>
<p>The future of UX in project management lies in anticipation. A truly intuitive tool will soon begin to suggest actions even before the user formulates them, based on the analysis of past behaviors.</p>
<h3>Contextual Assistance and Progressive Onboarding</h3>
<p>The design of a complex tool must provide guidance for new users. Several onboarding techniques promote this adoption:</p>
<ul>
<li>Explanatory &#8220;tooltips&#8221; during the first use of a function.</li>
<li>Progress bars indicating the completion of account setup.</li>
<li>Interactive tutorials guiding the user through a fictional task.</li>
<li>Congratulatory messages upon completion of the first key steps.</li>
</ul>
<h3>Cognitive Ergonomics for Performance</h3>
<p>Cognitive ergonomics studies how the brain processes information. By applying these principles, we minimize mental workload. Eventually, the tool is no longer perceived as a constraint, but as a performance engine that multiplies the organizational capacities of every employee.</p>
<h2>The Impact of UX on Operational Success</h2>
<p>In conclusion, transforming a project management tool through UX design is a strategic investment that goes far beyond aesthetics. It is an approach that aims to streamline processes, reduce team stress, and maximize the adoption of internal technologies. By focusing on clarity, companies create a work environment where management becomes invisible, making way for the actual achievement of goals.</p>
<h2>FAQ</h2>
<h3>Why is UX design crucial for project management?</h3>
<p>UX design reduces the learning curve and limits human error, which translates into immediate productivity gains for teams.</p>
<h3>How do you measure the intuitiveness of a software tool?</h3>
<p>It is measured by the time required to complete a standard task and by the rate of technical support requests from users.</p>
<h3>Is interface personalization always beneficial?</h3>
<p>Yes, as long as it remains structured. It allows each role to focus on its key indicators without being cluttered by irrelevant data.</p>
<h3>What is the role of micro-interactions in a professional tool?</h3>
<p>They serve as instant feedback, reassuring the user that their actions have been taken into account and improving overall user comfort.</p>
<h3>Can UX design replace software training?</h3>
<p>A perfectly designed tool can reduce the need for training by 80%, as functions become self-explanatory through their simple visual layout.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>UX/UI Trends 2026: The New Rules of Design</title>
		<link>https://blog-ux.com/en/ux-ui-trends-2026-the-new-rules-of-design/</link>
		
		<dc:creator><![CDATA[Louise]]></dc:creator>
		<pubDate>Wed, 11 Feb 2026 10:53:51 +0000</pubDate>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[UI Design]]></category>
		<category><![CDATA[UX Design]]></category>
		<guid isPermaLink="false">https://blog-ux.com/?p=118498</guid>

					<description><![CDATA[The key takeaway: UX is shifting from the attention economy to the economy of intention. Generative interfaces and AI agents are replacing static navigation, prioritizing resolution velocity over time spent. This major transformation redefines the creator&#8217;s role as an architect of ethical systems. To understand these crucial stakes, analyze the report The State of UX. [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>The key takeaway: UX is shifting from the attention economy to the economy of <strong>intention</strong>. Generative interfaces and AI agents are <strong>replacing static navigation</strong>, prioritizing resolution velocity over time spent. This major transformation redefines the creator&#8217;s role as an <strong>architect of ethical systems</strong>. To understand these crucial stakes, analyze the report <a href="https://trends.uxdesign.cc/" target="_blank" rel="noopener">The State of UX</a>.</p>
<h2>Why analyze UX/UI Design trends?</h2>
<p>Faced with the rapid advent of autonomous agents, your approach to design risks obsolescence if you ignore the 2026 UI/UX trends already transforming the sector. This dossier decrypts the shift toward the intention economy, where agentic UX and generative interfaces dictate new standards for human-machine interaction. Identify how resolution velocity replaces engagement and discover why the <strong>designer must now act as a system governor</strong> to master these post-AI aesthetics.</p>
<table style="height: 10px; width: 100%; border-collapse: collapse;" cellpadding="50px">
<tbody>
<tr>
<td style="width: 100%; background-color: #beeefa; border-radius: 15px;">
<h3 data-path-to-node="0"><span style="color: #000000; font-size: 18pt;">Key points to remember </span></h3>
<ul>
<li><b>Agentic UX:</b> The user no longer searches; they <b>delegate</b>. Success is measured by <b>resolution velocity</b> rather than time spent on the site.</li>
<li><b>GenUI (Generative Interfaces):</b> The end of frozen screens. AI generates personalized <b>liquid layouts</b> in real-time. The designer becomes the <b>Design System Governor</b>.</li>
<li><b>Trust Design:</b> Integration of <b>ethical friction</b> (slowing down for high-stakes actions) and total transparency regarding AI decisions.</li>
<li><b>Aesthetic Duality:</b> The cohabitation of <b>Liquid Glass</b> (spatial and immersive) and <b>Neo-Brutalism 2.0</b> (raw and human) to counter the &#8220;smoothness&#8221; of AI.</li>
<li><b>Multimodal Interaction:</b> Widespread use of <b>gaze, voice, and gesture</b> control, erasing the limits of the flat screen.</li>
<li><b>Responsible Ecosystem:</b> Priority given to <b>Green UX</b> (energy sobriety) and legal <b>Compliance UX</b> from the design stage.</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<h2 id="l-ux-agentique-la-fin-de-la-recherche-telle-que-nous-la-connaissons">Agentic UX: The end of search as we know it</h2>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-118376 size-full" title="01 Infographic - UI UX trends 2026 - Agentic UX" src="https://blog-ux.com/wp-content/uploads/2026/01/01-Infographie-tendances-UI-UX-2026-UX-agentique.jpg" alt="01 Infographic - UI UX trends 2026 - Agentic UX" width="1082" height="515" srcset="https://blog-ux.com/wp-content/uploads/2026/01/01-Infographie-tendances-UI-UX-2026-UX-agentique.jpg 1082w, https://blog-ux.com/wp-content/uploads/2026/01/01-Infographie-tendances-UI-UX-2026-UX-agentique-980x466.jpg 980w, https://blog-ux.com/wp-content/uploads/2026/01/01-Infographie-tendances-UI-UX-2026-UX-agentique-480x228.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1082px, 100vw" /></p>
<h3 id="de-la-recherche-a-la-delegation-un-changement-de-paradigme">From search to delegation: A paradigm shift</h3>
<p>Forget the classic search bar. With agentic UX, the user no longer searches; they delegate a complex mission to an autonomous AI. This is a radical shift: moving from <strong>passive interaction to active human-machine collaboration</strong>. We are leaving the attention economy, which sought to captivate us, to enter the intention economy. The goal? <strong>To solve the user&#8217;s problem as quickly as possible</strong>. The interface is no longer a final destination where one lingers, but a <strong>mere starting point for action</strong>.</p>
<h3 id="les-cartes-de-proposition-nouvelle-brique-de-l-interaction">Proposal cards, the new building block of interaction</h3>
<p>No more endless lists of blue links. &#8220;Proposal cards&#8221; display <strong>concrete solutions, pre-processed by AI</strong>. They are no longer results, but action plans. Imagine: for &#8220;organizing a weekend in Lisbon,&#8221; the AI <strong>generates a unique card combining flights, hotels, and activities</strong>. Everything is ready; all that remains is to validate the package. The designer must sculpt these cards so they remain clear and editable. <a href="https://blog-ux.com/ux-agentique-tendances-et-conception/">The secrets of agentic UX</a> are at the heart of this new approach, ensuring that <strong>the user maintains control over the generated proposal</strong>.</p>
<h3 id="l-impact-sur-les-metriques-adieu-le-time-on-site">The impact on metrics: Farewell to &#8220;time on site&#8221;</h3>
<p>Old metrics like time spent on site or page views <strong>are becoming obsolete</strong>. Worse, they are now counterproductive for evaluating a successful experience.</p>
<p>A new star is emerging among the 2026 UI/UX trends: &#8220;<strong>resolution velocity</strong>.&#8221; The sole objective is to measure the raw speed with which the user&#8217;s intention is satisfied.</p>
<blockquote><p>In 2026, the success of an interface will no longer be measured by the time spent on it, but by the speed at which it can be forgotten because our problem was solved.</p></blockquote>
<p>This shift forces companies to completely rethink their value model. It is now necessary to <strong>monetize pure efficiency</strong> rather than chasing advertising engagement or artificial retention.</p>
<h2 id="les-interfaces-generatives-le-design-juste-a-temps-devient-la-norme">Generative interfaces: Just-in-time design becomes the norm</h2>
<h3 id="qu-est-ce-qu-une-interface-generative-genui">What is a Generative Interface (GenUI)?</h3>
<p>GenUI dominates 2026 UI/UX trends by marking a rupture where the interface is no longer a static artifact. Instead of drawing fixed screens, the system <strong>assembles components in real-time</strong> according to the precise context. This is referred to as a &#8220;liquid layout&#8221; where buttons and text reorganize instantly. AI determines if a form is necessary or which fields to display, <strong>adapting the layout to the exact intention</strong>. Thus, each user receives a <strong>unique interface, perfectly tailored to their immediate need</strong>. Variability replaces standardized uniformity.</p>
<p><iframe loading="lazy" title="GenUI: AI-Generated Interfaces" width="1080" height="608" src="https://www.youtube.com/embed/4pbYHXAe7Tg?feature=oembed"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3 id="le-role-du-gouverneur-de-design-system">The role of the &#8220;Design System Governor&#8221;</h3>
<p>The designer no longer draws fixed screens for predictable scenarios. Their role evolves radically toward that of a &#8220;Design System Governor,&#8221; a true strategic conductor. They define the strict rules and atomic components that the AI will manipulate. They are the one who encodes the experiential logic and ethical constraints. They become the architect of the global system. They no longer paint pixels; they <strong>design the structure</strong>. Proper <a href="https://blog-ux.com/maintenance-du-design-system-cle-pour-un-roi-optimal/">design system maintenance</a> then becomes the <strong>cornerstone of the entire user experience</strong>. It is the sine qua non condition for ensuring the consistency of these automated assemblies.</p>
<h3 id="comparaison-design-traditionnel-vs-design-generatif">Comparison: Traditional design vs. Generative design</h3>
<p>To grasp the scale of this paradigm shift, let&#8217;s observe the <strong>fundamental differences</strong>. This table summarizes the transition.</p>
<table style="height: 138px; width: 100%;" border="1px" cellpadding="20px">
<tbody>
<tr style="height: 23px;">
<th style="height: 23px; background-color: #f92c8b;"><span style="color: #ffffff;">Criterion</span></th>
<th style="height: 23px; background-color: #f92c8b;"><span style="color: #ffffff;">Traditional Paradigm (until 2025)</span></th>
<th style="height: 23px; background-color: #f92c8b;"><span style="color: #ffffff;">Generative Paradigm (from 2026)</span></th>
</tr>
<tr style="height: 23px;">
<td style="height: 23px;">Design Process</td>
<td style="height: 23px;">Static screen design (mockups)</td>
<td style="height: 23px;">Design of systems and rules</td>
</tr>
<tr style="height: 23px;">
<td style="height: 23px;">Final Product</td>
<td style="height: 23px;">A finite set of identical screens for everyone</td>
<td style="height: 23px;">An infinity of unique and dynamic interfaces</td>
</tr>
<tr style="height: 23px;">
<td style="height: 23px;">Designer Role</td>
<td style="height: 23px;">Mockup creator</td>
<td style="height: 23px;">System Governor</td>
</tr>
<tr style="height: 23px;">
<td style="height: 23px;">Success Metric</td>
<td style="height: 23px;">Engagement, time spent</td>
<td style="height: 23px;">Resolution velocity, task success</td>
</tr>
<tr style="height: 23px;">
<td style="height: 23px;">Personalization</td>
<td style="height: 23px;">Limited (user segments)</td>
<td style="height: 23px;">Real-time individual hyper-personalization</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<h2 id="le-design-de-confiance-entre-friction-ethique-et-transparence-de-l-ia">Trust design: Between ethical friction and AI transparency</h2>
<p>However, giving so much power to autonomous AI raises a fundamental question: how can we trust them? The answer lies in <strong>intentionally thoughtful design.</strong></p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-118378 size-full" title="Infographic - UI UX trends 2026 - trust design" role="img" src="https://blog-ux.com/wp-content/uploads/2026/01/Infographie-tendances-UI-UX-2026-design-de-confiance.svg" alt="Infographic - UI UX trends 2026 - trust design" width="1048" height="464" /></p>
<h3 id="la-friction-ethique-ralentir-pour-mieux-decider">Ethical friction: Slowing down to decide better</h3>
<p>We often praise absolute fluidity, but introducing ethical friction changes the game. This is the paradoxical idea of <strong>voluntarily adding steps or delays</strong> in a user journey to break the click automation. Why impose this slowdown? For high-stakes actions, such as deleting an account or validating an important transfer, <strong>friction forces reflection and prevents costly errors</strong> before they become irreversible. In the face of deepfakes, <strong>doubt sets in</strong>. This is the &#8220;Cost of Hesitation,&#8221; <a href="https://www.accenture.com/us-en/insights/song/accenture-life-trends" target="_blank" rel="noopener">a trend analyzed by Accenture Song</a>: users now demand tangible guarantees before committing.</p>
<h3 id="transparence-et-explicabilite-les-exigences-d-une-ia-centree-sur-l-humain">Transparency and explainability: Requirements for human-centered AI</h3>
<p>Trust comes through understanding. Users in 2026 will demand to know why an AI made a decision on their behalf. <strong>The era of opaque &#8220;black boxes&#8221; is definitively over</strong>. Design must therefore integrate simple explainability (XAI) elements. A phrase like &#8220;We suggest this because you liked that&#8221; is often enough to <strong>defuse mistrust</strong>. It is also a <strong>weapon against misinformation</strong>, a key UX challenge for 2026—a concern highlighted by the <a href="https://www.technologyreview.com/" target="_blank" rel="noopener">MIT Technology Review</a> to secure our digital interactions.</p>
<h3 id="les-principes-cles-pour-designer-la-confiance">Key principles for designing trust</h3>
<p>To build this trust, <strong>several design principles are emerging as standards</strong>.</p>
<ul>
<li>User Control: Always offer an <strong>exit strategy or the ability to cancel</strong> an AI action.</li>
<li><strong>&#8220;Sandbox Mode&#8221;</strong>: Allow testing of AI proposals without real consequences.</li>
<li><strong>Clear Feedback</strong>: Explicitly indicate when an AI is at work and what it is doing.</li>
<li><strong>Verifiable Sources</strong>: Cite the information sources used by the AI to generate a response.</li>
</ul>
<h2 id="esthetiques-post-ia-du-liquid-glass-au-neo-brutalisme-2-0">Post-AI aesthetics: From liquid glass to neo-brutalism 2.0</h2>
<p>Now that logic and trust are established, what will the face of our interfaces look like? <strong>Two major, almost opposing, aesthetic trends are taking shape</strong>.</p>
<h3 id="le-liquid-glass-et-la-continuite-spatiale">Liquid glass and spatial continuity</h3>
<p>Liquid Glass goes beyond a simple visual effect to offer a <strong>living and reactive material</strong>. It is a striking evolution of glassmorphism that uses active transparencies, fluid distortions, and palpable depth, literally transforming the screen into a liquid surface. This visual approach is directly rooted in immersive extended reality (XR) interfaces. It breaks rigid frames to establish <strong>absolute and natural spatial continuity</strong> between the different elements of the UI. The ultimate goal is to <strong>sculpt a more organic interface</strong>, much less rigid, that fosters total immersion for the user.</p>
<h3 id="le-retour-de-l-authenticite-le-neo-brutalisme-2-0">The return of authenticity: Neo-brutalism 2.0</h3>
<p>Neo-Brutalism 2.0 is emerging today as a <strong>fierce and necessary counter-trend</strong>. It is a direct reaction to the overly smooth, sometimes clinical aesthetic now associated with mass-generated visual productions from artificial intelligence. It is defined by bold typography, striking colors, deconstructed grids, and a raw &#8220;hand-made&#8221; authenticity. Here, <strong>imperfection becomes an essential trademark</strong>, a sincere guarantee of humanity that reassures the user. It is, above all, a <strong>quest for honesty and strong character</strong> in a digital world that feels increasingly sanitized.</p>
<p><iframe loading="lazy" title="Neo Brutalism Design Is Trending! 👀 Step-By-Step Tutorial" width="1080" height="608" src="https://www.youtube.com/embed/BNEtT_76CxY?feature=oembed"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3 id="le-skeuomorphisme-leger-un-besoin-de-tactilite">Light skeuomorphism: A need for tactility</h3>
<p>Skeuomorphism is not dead; it is making a strategic comeback in a much more subtle form: light skeuomorphism, one of the 2026 UI/UX trends to watch. It is no longer about crudely imitating reality as before, but about adding fine drop shadows, discrete textures, or precise micro-interactions that give elements a <strong>reassuring physicality</strong>. It is a touch of tangible matter in the pixel. The goal is to <strong>make interfaces intuitive</strong> by capitalizing on our understanding of the physical world. For inspiration, check out this <a href="https://blog-ux.com/inspiration-ui-design-10-plateformes-pour-designers-ux-ui/">top 10 UI inspiration sites</a>.</p>
<h3>Example of Neo-brutalist interfaces: New-York Magazine (Vulture)</h3>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-118379 size-full" title="UI UX trends neo brutalism - ny magazine - vulture" src="https://blog-ux.com/wp-content/uploads/2026/01/Tendances-UI-UX-neo-brutalisme-ny-magazine-vulture.jpg" alt="UI UX trends neo brutalism - ny magazine - vulture" width="800" height="476" srcset="https://blog-ux.com/wp-content/uploads/2026/01/Tendances-UI-UX-neo-brutalisme-ny-magazine-vulture.jpg 800w, https://blog-ux.com/wp-content/uploads/2026/01/Tendances-UI-UX-neo-brutalisme-ny-magazine-vulture-480x286.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 800px, 100vw" /></p>
<p data-path-to-node="6">Vulture adapts this style to the world of entertainment:</p>
<ul>
<li data-path-to-node="7,0,0"><b data-path-to-node="7,0,0" data-index-in-node="0">Visible codes:</b> The interface often uses <b data-path-to-node="7,0,0" data-index-in-node="53">flat primary colors</b> (like Vulture yellow or electric red) to highlight categories.</li>
<li data-path-to-node="7,1,0"><b data-path-to-node="7,1,0" data-index-in-node="0">The Neo-brutalist effect:</b> Navigation is direct, with very pronounced grids and category tags displayed in a very raw manner, without rounded corners or modern transparency effects.</li>
</ul>
<h2 id="les-interfaces-multimodales-et-la-continuite-spatiale">Multimodal interfaces and spatial continuity</h2>
<p><img loading="lazy" decoding="async" class="wp-image-118380 aligncenter" title="UI UX trends - multimodal interfaces" src="https://blog-ux.com/wp-content/uploads/2026/01/tendances-UI-UX-interface-multimodales.jpg" alt="UI UX trends - multimodal interfaces" width="700" height="700" srcset="https://blog-ux.com/wp-content/uploads/2026/01/tendances-UI-UX-interface-multimodales.jpg 700w, https://blog-ux.com/wp-content/uploads/2026/01/tendances-UI-UX-interface-multimodales-480x480.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 700px, 100vw" /></p>
<h3 id="au-dela-du-clic-la-voix-le-regard-le-geste">Beyond the click: Voice, gaze, gesture</h3>
<p><strong>Multimodal interfaces</strong> are now becoming the inescapable standard for any serious designer. Users drive their experience through voice, eye tracking, or precise spatial gestures, such as the famous &#8220;Gaze-and-Pinch&#8221; popularized by Apple. The physical keyboard is gradually fading in favor of fluid interaction. The immediate benefit lies in an <strong>interaction that is much more natural, fast, and instinctive</strong> for the human brain. It is also a major breakthrough for accessibility, as these systems finally adapt to the constraints of people with disabilities. The challenge for design is to orchestrate these input modes without creating confusion. We must <strong>ensure perfect consistency</strong>.</p>
<h3 id="l-influence-de-la-xr-sur-le-design-web-et-mobile">The influence of XR on web and mobile design</h3>
<p>You don&#8217;t need an expensive headset to feel this major paradigm shift. The <strong>fundamental principles of XR (extended reality) are durably infiltrating classic 2D design</strong>. We are witnessing the <strong>advent of Spatial UI</strong> where elements leave the flat plane to gain volume. Interfaces integrate real depth, logical overlays, and animations simulating movement in a tangible 3D space. The screen becomes a window into a deep world. This approach makes <strong>navigation significantly more intuitive</strong> by mimicking real physics. It establishes an immediate visual hierarchy.</p>
<h3 id="des-robots-humanoides-a-l-adaptation-biometrique">From humanoid robots to biometric adaptation</h3>
<p>Looking toward an even more forward-looking trend: direct interaction with autonomous physical agents. The <a href="https://www.technologyreview.com/" target="_blank" rel="noopener">MIT Technology Review</a> identifies <strong>humanoid robots as the &#8220;next frontier of AI,&#8221;</strong> and this changes everything. It is a disruption for our professions. This opens an unprecedented field for UX: how to design human-robot exchanges that remain safe? We must define <strong>socially acceptable and predictable interactions</strong> to avoid rejection. Biometric adaptation is also arriving, where the UI adjusts itself based on your stress level. <strong>The interface becomes empathetic and reactive</strong>.</p>
<h2 id="l-ecosysteme-responsable-ux-de-conformite-et-design-durable">The responsible ecosystem: Compliance UX and sustainable design</h2>
<p>These new interactions and aesthetics do not float in a vacuum. They are framed by <strong>increasingly strong constraints</strong>: legal, ethical, and environmental.</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-118381 size-full" title="Infographic - UI UX trends 2026 - compliance UX and sustainable design" role="img" src="https://blog-ux.com/wp-content/uploads/2026/01/Infographie-tendances-UI-UX-2026-UX-de-conformite-et-design-durable.svg" alt="Infographic - UI UX trends 2026 - compliance UX and sustainable design" width="783" height="640" /></p>
<h3 id="l-ux-de-conformite-et-l-effet-bruxelles">Compliance UX and the &#8220;Brussels Effect&#8221;</h3>
<p>One of the most striking 2026 trends is the <strong>emergence of Compliance UX</strong>. Design no longer responds only to user or business needs but now obeys the law. This is a new fundamental constraint that redefines our priorities. It is the perfect illustration of the &#8220;Brussels Effect&#8221;: <strong>strict European regulations [&#8230;] quickly becoming global standards</strong>. Companies must adapt or face heavy sanctions.</p>
<blockquote><p>In 2026, accessibility and ethics will no longer be options. They will be legal prerequisites shaping design from the very first line of code.</p></blockquote>
<h3 id="le-green-ux-concevoir-pour-la-planete">Green UX: Designing for the planet</h3>
<p>Green UX or sustainable design is essential for creating <strong>digital services that are significantly less energy-intensive and climate-friendly</strong>.</p>
<ul>
<li><strong>Resource Optimization</strong>: Compressing images into WebP, using lightweight system fonts, and limiting unnecessary third-party scripts.</li>
<li><strong>Functional Sobriety</strong>: Questioning the real relevance of each feature and evaluating its &#8220;carbon cost&#8221; before any development.</li>
<li><strong>Dark Mode by Default</strong>: Drastically reducing energy consumption on OLED screens, a strong user expectation.</li>
<li>Transparency for the User: <strong>Displaying the carbon footprint</strong> of a specific action (e.g., choosing to &#8220;watch in HD&#8221; vs. &#8220;in SD&#8221;).</li>
<li><strong>Green Hosting</strong>: Systematically choosing certified hosts that use renewable energy for their servers.</li>
</ul>
<h3 id="le-design-pour-l-appartenance-et-l-equite">Design for belonging and equity</h3>
<p>We must go beyond technical accessibility to talk about social inclusion with &#8220;Design for Belonging.&#8221; This approach aims to <strong>reduce systemic exclusion</strong>, which is often invisible in our interfaces. Its goal is to create experiences where <strong>everyone feels welcome, respected, and represented</strong>, regardless of their background, identity, or abilities. It is a powerful lever for building trust. This approach is promoted by institutions like the <a href="https://dschool.stanford.edu/" target="_blank" rel="noopener">Stanford d.school</a>, which has become a <strong>key reference</strong> on the subject.</p>
<h2 id="vers-un-design-centre-sur-l-intention-nouvelles-metriques-nouveaux-roles">Toward intention-centered design: New metrics, new roles</h2>
<p>All these evolutions—technological, aesthetic, ethical—converge toward a <strong>profound transformation of the design profession and product strategy</strong>.</p>
<h3 id="la-calm-technology-et-le-minimalisme-fonctionnel">&#8220;Calm technology&#8221; and functional minimalism</h3>
<p>&#8220;Calm Technology&#8221; is emerging as a necessary response to digital saturation. This approach aims to <strong>design tools that respect our limited attention</strong> instead of constantly soliciting it through constant interruptions. This philosophy aligns with the &#8220;Social Rewilding&#8221; phenomenon identified by <a href="https://www.accenture.com/us-en/insights/song/accenture-life-trends" target="_blank" rel="noopener">Accenture</a>. Users now seek to disconnect to <strong>prioritize real experiences</strong>, and design must support this need for texture rather than fight it.</p>
<p>Concretely, this translates into a <strong>drastic reduction in notifications</strong>, more silence, and minimalism centered on essential function.</p>
<p><iframe loading="lazy" title="Designing Calm Technology with Amber Case" width="1080" height="608" src="https://www.youtube.com/embed/clxm5qW3pao?feature=oembed"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3 id="product-management-3-0-et-convergence-des-roles">Product management 3.0 and role convergence</h3>
<p>Product strategy is also evolving radically. Product Management 3.0 no longer separates disciplines but <strong>integrates UX, technology, and business imperatives</strong> from the initial design phase. We are observing a marked pivot toward a &#8220;Profit-First&#8221; model. Sustainable economic viability now takes precedence over growth at any cost, forcing designers to justify the commercial impact of every pixel. This requirement erases traditional silos. The boundary between <a href="https://blog-ux.com/pourquoi-le-design-produit-et-lux-convergent-aujourdhui-nouvelles-competences-et-parcours-de-formation/">product design and UX</a> is becoming increasingly blurred, <strong>creating hybrid profiles</strong> capable of navigating between technique and strategy.</p>
<h3 id="se-former-et-s-adapter-les-competences-cles-pour-2026">Training and adapting: Key skills for 2026</h3>
<p>To stay relevant, the designer of 2026 must <strong>acquire new skills</strong>, far beyond simple design tools. Technical mastery is no longer enough in the face of current strategic demands.</p>
<p>To measure the scale of the change, one only needs to compare these new requirements with the <a href="https://blog-ux.com/tendances-ux-ui-design-2025/">UX/UI trends of 2025</a>.</p>
<p>Here are the <strong>indispensable skills to master</strong> these trends:</p>
<ul>
<li><strong>Systems Thinking</strong>: Designing rule systems, not just screens.</li>
<li><strong>AI Governance</strong>: Understanding and steering AI models.</li>
<li><strong>Ethical and Legal Design</strong>: Integrating compliance and responsibility constraints.</li>
<li><strong>Cognitive Psychology</strong>: Anticipating human reactions to autonomous agents.</li>
<li><strong>Multimodal Prototyping</strong>: Mastering tools to test voice, gesture, etc., experiences.</li>
</ul>
<h2 id="pour-approfondir-les-analyses-de-reference-sur-le-futur-de-l-ux">To go further: Reference analyses on the future of UX</h2>
<p>This overview paints a picture of the future. For those who want to dive deeper into these topics, here are the <strong>authoritative sources and analyses</strong>.</p>
<h3>Fundamental reports and articles</h3>
<p>The trends presented here are the result of a <strong>synthesis of several forward-looking analyses</strong> conducted by industry experts. They bring together varied visions to anticipate major developments.</p>
<ul>
<li>For an annual overview, the report <a href="https://trends.uxdesign.cc/" target="_blank" rel="noopener">The State of UX in 2025</a> by UX Collective is a starting point.</li>
<li>Tanmay Vatsa&#8217;s analysis on Medium, <a href="https://medium.com/@tanmayvatsa1507/2026-ux-ui-design-trends-that-will-be-everywhere-0cb83b572319" target="_blank" rel="noopener">&#8220;2026 UX/UI Design Trends That Will Be Everywhere&#8221;</a>, offers a <strong>complementary perspective</strong>.</li>
<li>The <strong>Nielsen Norman Group viewpoint</strong> is always essential, found in their article <a href="https://www.nngroup.com/articles/state-of-ux-2026/" target="_blank" rel="noopener">&#8220;State of UX, 2026&#8221;</a>.</li>
<li>For structural changes, the article <a href="https://uxdesign.cc/10-ux-design-shifts-you-cant-ignore-in-2026-8f0da1c6741d" target="_blank" rel="noopener">&#8220;10 UX Design Shifts You Can’t Ignore in 2026&#8221;</a> is particularly enlightening.</li>
<li><strong>Another synthetic vision</strong> is proposed by Punit Chawla: <a href="https://medium.com/@punitweb/ux-ui-design-trends-for-2026-from-ai-to-xr-to-vibe-creation-7c5f8e35dc1d" target="_blank" rel="noopener">&#8220;UX/UI Design Trends for 2026&#8221;</a>.</li>
<li>Finally, the Orizon agency <strong>offers its top 10</strong> in <a href="https://www.orizon.co/blog/10-ui-ux-trends-that-will-shape-2026" target="_blank" rel="noopener">&#8220;10 UI/UX Trends That Will Shape 2026&#8221;</a>.</li>
</ul>
<p>The year 2026 marks a decisive turning point where <strong>agentic UX and generative interfaces redefine digital interaction</strong>. Beyond new aesthetics like Liquid Glass, it is <strong>ethics and sustainability that now guide design</strong>. Design is no longer an end in itself, but a <strong>strategic lever serving user intention</strong>.</p>
<h2>FAQ</h2>
<h3>What are the main UX/UI trends that will define 2026?</h3>
<p>The year 2026 is characterized by a <strong>deep transformation driven by artificial intelligence</strong>. Major trends include Agentic UX, where the user delegates tasks to autonomous agents, and Generative Interfaces (GenUI), which are built in real-time according to context. There is also a strong demand for ethical and transparent design, as well as contrasting aesthetics ranging from immersive &#8220;Liquid Glass&#8221; to authentic Neo-brutalism.</p>
<h3>What is Agentic UX and how does it change navigation?</h3>
<p>Agentic UX represents the shift from an attention economy to an intention economy. Concretely, the user no longer navigates to search for information but entrusts a complex mission to an AI (like organizing an entire trip). The interface evolves to present <strong>&#8220;proposal cards&#8221;</strong>—turnkey solutions generated by the agent that the user only needs to validate or adjust.</p>
<h3>What are Generative Interfaces (GenUI)?</h3>
<p>A generative interface, or GenUI, breaks with the concept of pre-designed static screens. It is a <strong>fluid interface assembled on the fly by artificial intelligence</strong> to respond specifically to the user&#8217;s need at that exact moment. Using &#8220;liquid layouts,&#8221; components reorganize dynamically, offering a hyper-personalized and unique experience for each individual.</p>
<h3>How is the UX designer&#8217;s role evolving toward that of a &#8220;system governor&#8221;?</h3>
<p>With AI automating screen production, the designer no longer draws every pixel. They become an <strong>architect or a design system governor</strong>. Their mission is to define the rules, ethical constraints, and atomic components that the AI will use. They focus on the structure, logic, and supervision of the system to ensure a consistent and human experience.</p>
<h3>Why is &#8220;resolution velocity&#8221; replacing time spent on site?</h3>
<p>In a context where AI solves the user&#8217;s problems, keeping them on a site for a long time is no longer a sign of success, but potentially of inefficiency. The new key metric is resolution velocity: it measures the speed at which the user&#8217;s intention is satisfied. The goal is to provide the solution as quickly as possible to free the user.</p>
<h3>What are the new visual aesthetics expected for 2026?</h3>
<p><strong>Two visual currents oppose and complement each other</strong>. On one side, Liquid Glass, influenced by extended reality (XR), offers fluid, transparent, and spatial interfaces. On the other, Neo-Brutalism 2.0 is making a strong comeback with imperfect designs, bold typography, and striking colors, seeking to prove the authenticity and humanity of content in the face of smooth AI creations.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Jakob Nielsen&#8217;s 10 Usability Heuristics</title>
		<link>https://blog-ux.com/en/jakob-nielsen-s-10-usability-heuristics/</link>
		
		<dc:creator><![CDATA[Philippe]]></dc:creator>
		<pubDate>Tue, 03 Feb 2026 17:45:44 +0000</pubDate>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[UX Design]]></category>
		<guid isPermaLink="false">https://blog-ux.com/?p=118418</guid>

					<description><![CDATA[Jakob Nielsen&#8217;s heuristics, also known as &#8220;Jakob Nielsen&#8217;s heuristic evaluation&#8221; or &#8220;Jakob Nielsen&#8217;s heuristic principles,&#8221; aim to identify usability problems in a human-machine interface. Jakob Nielsen is recognized as the pioneer of &#8220;Usability Engineering&#8221; (UE). According to his definition, heuristic evaluation is a &#8220;discount&#8221; usability engineering method (his own terms). Based on a few general [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>Jakob Nielsen&#8217;s heuristics, also known as &#8220;Jakob Nielsen&#8217;s heuristic evaluation&#8221; or &#8220;Jakob Nielsen&#8217;s heuristic principles,&#8221; aim to identify usability problems in a human-machine interface. Jakob Nielsen is recognized as the pioneer of &#8220;Usability Engineering&#8221; (UE). According to his definition, heuristic evaluation is a &#8220;discount&#8221; usability engineering method (his own terms). Based on a few general principles, qualified professionals can quickly evaluate the ergonomics of a user interface.</p>
<h2><b>How is a heuristic evaluation performed?</b></h2>
<p>The analysis is carried out without involving end-users. Interface design experts conduct an ergonomic audit to detect usability issues. By definition, Nielsen&#8217;s heuristic evaluation is thus distinguished from user testing.</p>
<h3><b>What is usability?</b></h3>
<p>The notion of usability refers to the quality of the human-machine interaction. According to the ISO 9241 standard, the main attributes of usability are effectiveness, efficiency, and satisfaction.</p>
<h3><b>What are Nielsen&#8217;s heuristic criteria?</b></h3>
<p><b>Nielsen&#8217;s heuristic criteria</b> are similar to checkpoints in an <b>iterative design process</b>. Unlike usability tests, the evaluators are specialists. This technique is also a &#8220;Usability Inspection Method&#8221; (UIM). UIMs bring together techniques based on expert audits, without resorting to users. Nielsen&#8217;s heuristic evaluation is performed by ergonomists, interactive designers, UX designers, or even developers. Ideally, it is preferable to call upon interface ergonomics experts.</p>
<p><iframe loading="lazy" title="Heuristic Evaluation of User Interfaces" width="1080" height="608" src="https://www.youtube.com/embed/6Bw0n6Jvwxk?feature=oembed"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3><b>Nielsen&#8217;s 10 heuristics are benchmarks, not directives</b></h3>
<p>Individually, each evaluator examines the interface elements of the application, website, etc. The goal is to identify flaws to improve the design of a web interface, mobile app, or any digital product. Nielsen&#8217;s 10 heuristics serve as benchmarks, even at the beginning of the design process. They are very general rules and not strict directives, hence the term &#8220;heuristics&#8221;. It is possible to break them in certain contexts, as Nielsen explains in this presentation video.</p>
<h3><b>What is the origin of Nielsen&#8217;s heuristics? History</b></h3>
<p>In 1990, Rolf Molich and Jakob Nielsen published an article entitled &#8220;Improving a Human-Computer Dialogue&#8221; in the journal Communications of the ACM. This article, presented at a conference, resulted from a survey conducted with 77 designers and programmers. The authors studied the problems encountered during interface design. Their heuristics aim to find design solutions quickly.</p>
<p>This work builds on previous research, including:</p>
<ul>
<li>The article &#8220;Design of human-machine interfaces for time-sharing systems&#8221; (1976) by David R. Cheriton</li>
<li>The 1983 publication, &#8220;Design rules based on analyses of human error&#8221; by Donald Norman, future partner of Jakob Nielsen and inventor of the term &#8220;User Experience&#8221; (UX).</li>
<li>The chapter &#8220;8 Golden Rules of Interface Design&#8221; (1987) by Ben Shneiderman in the book &#8220;Designing the User Interface.&#8221;</li>
</ul>
<h2><b>Discount Usability: A &#8220;discount&#8221; evaluation?</b></h2>
<p>In 1993 and 1994, Nielsen wrote several articles and books to revise and explain his heuristics. At the conference where Nielsen and Molich spoke (August 1990), Peter G. Polson, Clayton Lewis, et al. presented the Cognitive Walkthrough. This is also a UI usability evaluation method that does not involve users. Many ergonomic principles continue to be developed today. Nielsen&#8217;s heuristic evaluation remains one of the most famous, still used in interaction design, UX Design, and UI design.</p>
<p><iframe loading="lazy" title="Discount Usability 30 Years" width="1080" height="608" src="https://www.youtube.com/embed/D5FgSAPa-Tw?feature=oembed"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h2><b>What are the 10 usability heuristics?</b></h2>
<p>The 10 usability heuristics are a set of guiding principles for evaluating the effectiveness and user-friendliness of a user interface. These principles were established by Jakob Nielsen in the 90s and are widely used in the field of user interface design. Here they are:</p>
<ol>
<li><b>Visibility of system status</b>: The system should always keep users informed about what is going on, through appropriate feedback within a reasonable time.</li>
<li><b>Match between system and the real world</b>: The system should speak the users&#8217; language, with words, phrases, and concepts familiar to the user, rather than system-oriented terms.</li>
<li><b>User control and freedom</b>: Users often perform actions by mistake and need a clearly marked &#8220;emergency exit&#8221; to leave the unwanted action without having to go through an extended process.</li>
<li><b>Consistency and standards</b>: Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform and industry conventions.</li>
<li><b>Error prevention</b>: Even better than good error messages is a careful design which prevents a problem from occurring in the first place.</li>
<li><b>Recognition rather than recall</b>: Minimize the user&#8217;s memory load by making elements, actions, and options visible. The user should not have to remember information from one part of the interface to another.</li>
<li><b>Flexibility and efficiency of use</b>: Shortcuts — hidden from novice users — may speed up the interaction for the expert user such that the design can cater to both inexperienced and experienced users.</li>
<li><b>Aesthetic and minimalist design</b>: Interfaces should not contain information which is irrelevant or rarely needed. Every extra unit of information in an interface competes with the relevant units of information.</li>
<li><b>Help users recognize, diagnose, and recover from errors</b>: Error messages should be expressed in plain language (no error codes), precisely indicate the problem, and constructively suggest a solution.</li>
<li><b>Help and documentation</b>: It’s best if the system doesn’t need any additional explanation. However, it may be necessary to provide documentation to help users understand how to complete their tasks.</li>
</ol>
<p>These heuristic principles are essential to guarantee a smooth and intuitive user experience, which is crucial for the success and effectiveness of products and services based on information technologies.</p>
<h2><b>Nielsen&#8217;s heuristic inspection vs. usability testing</b></h2>
<p><b>Jakob Nielsen&#8217;s heuristic inspection</b> has maintained its relevance for over 25 years, benefiting from sustained popularity due to its unique advantages that make it an indispensable tool in the field of ergonomics and digital design.</p>
<h2><b>Advantages of Nielsen&#8217;s heuristic inspection</b></h2>
<h3><b>1. Low cost and easy implementation</b></h3>
<p><b>Nielsen&#8217;s heuristic inspection</b> stands out for its moderate cost and easy setup. This method offers an economical alternative without compromising the quality of the evaluation. Its simple application allows for fluid integration into design and redesign processes, guaranteeing regular monitoring of ergonomic and design performance.</p>
<h3><b>2. Rapid detection of anomalies and optimal solutions</b></h3>
<p>Thanks to heuristic inspection, anomalies related to ergonomics and design can be identified more quickly. This allows design teams to react promptly and provide optimal solutions before problems become more complex and costly to resolve.</p>
<h3><b>3. Compatibility and versatility</b></h3>
<p>This method harmonizes perfectly with other design tools and approaches, making it a versatile tool for design teams. Its compatibility with various design methods and tools makes it a valuable ally in the continuous improvement of ergonomics and user experience.</p>
<h2><b>Limitations of Nielsen&#8217;s heuristic inspection</b></h2>
<h3><b>1. Risk of false positives and adequate choice of heuristics</b></h3>
<p>Heuristic inspection is not immune to false positives, which can lead to the detection of problems that do not actually exist. It is crucial to carefully choose the relevant heuristics to ensure an accurate and complete evaluation of ergonomics and design.</p>
<h3><b>2. Requirement for qualified experts and subjectivity</b></h3>
<p>The success of the heuristic inspection depends heavily on the expertise of the evaluators in computer ergonomics. Evaluator subjectivity can introduce bias into the evaluation process, affecting the reliability of the results obtained.</p>
<h3><b>3. Limitation in User Experience (UX) analysis</b></h3>
<p>Heuristic inspection can focus excessively on the functional aspect of the interface, often relegating the emotional dimension and the actual feelings of users to the background. This can limit the ability to fully understand the user experience as a whole.</p>
<h2><b>The Importance of Usability Testing</b></h2>
<p>The use of usability testing offers an essential complementary perspective, allowing for the identification of friction and concrete difficulties encountered by users in their interaction with the interface.</p>
<h3><b>Complementarity between the two approaches</b></h3>
<p>Nielsen insists on the added value of combining heuristic evaluations with usability testing. These two methods do not substitute for each other but complement one another to offer a more complete and reliable evaluation of ergonomics and design.</p>
<p><iframe loading="lazy" title="How to run a heuristic analysis on your site" width="1080" height="608" src="https://www.youtube.com/embed/2Z2srDifJp0?feature=oembed"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h2><b>Adapting heuristics to the mobile era and conversational interfaces</b></h2>
<p>In a context where interfaces are no longer just desktop websites but include — and often prioritize — mobile applications, voice assistants, chatbots, and conversational interfaces, it is useful to revisit Jakob Nielsen&#8217;s 10 heuristics in light of these new platforms. For example, the &#8220;Visibility of system status&#8221; heuristic remains essential: on mobile or in a chatbot, the user must immediately understand where they are (loading, waiting, response, error). Similarly, &#8220;Consistency and standards&#8221; takes on a particular dimension: conventions between different platforms (iOS/Android/web) can diverge, which requires deciding to what level one aligns with native standards or imposes a unique identity. Finally, &#8220;Aesthetic and minimalist design&#8221; is even more important on smaller screens: eliminating superfluous elements improves readability, but care must be taken not to remove useful landmarks in a more restricted interface.</p>
<h2><b>Measuring the impact of heuristics through UX indicators</b></h2>
<p>To move from a qualitative heuristic evaluation to a more factual approach, it is interesting to associate each heuristic with measurable indicators. For example:</p>
<ul>
<li>For &#8220;User control and freedom,&#8221; one can look at the rate of action cancellations or &#8220;back&#8221; button usage.</li>
<li>For &#8220;Recognition rather than recall,&#8221; one can measure the average time to complete a task or the number of clicks required.</li>
<li>For &#8220;Error prevention,&#8221; one can track the number of user errors detected or reported. By integrating these metrics into your UX/UI design process, you can not only point out usability problems with Nielsen&#8217;s heuristics but also prioritize corrections according to their impact on the user experience and business objectives.</li>
</ul>
<h2><b>When business usage requires breaking a heuristic: cases and justifications</b></h2>
<p><b>Nielsen&#8217;s heuristics</b> are excellent benchmarks, but they are not strict laws. It may happen that, for business, strategic, or specific usage reasons, the interface must voluntarily deviate from a heuristic. For example, a very complex business interface may prioritize exhaustiveness over the &#8220;Aesthetic and minimalist design&#8221; principle: removing &#8220;non-essential&#8221; elements risks hiding key functionalities for expert users. In this case, it is better to document: why this heuristic is set aside, what compromise is made, and how the impact is monitored (via user tests or metrics). This type of transparency strengthens the credibility of your UX process and shows that you apply heuristics intelligently, not dogmatically.</p>
<h2><b>The hybrid approach: synergy between heuristic expertise and user testing</b></h2>
<p>In the field of ergonomics and design, Nielsen&#8217;s heuristic inspection plays a crucial role due to its cost-effectiveness and speed in identifying anomalies. However, its limitations highlight the need to also integrate usability testing for a more complete evaluation of the user experience. The hybrid approach, combining these two methods, proves to be the most comprehensive solution to guarantee user-centered design and an optimal user experience.</p>
<h2><b>Nielsen Heuristics FAQ</b></h2>
<ul>
<li><b>Who is the pioneer of heuristic evaluation?</b><br />
It is Jakob Nielsen, recognized as the father of &#8220;Usability Engineering,&#8221; who defined this rapid ergonomic audit method.</li>
<li><b>What is the major difference between heuristic evaluation and user testing?</b><br />
Heuristic evaluation is performed by experts (UX designers, ergonomists) without involving end-users, unlike usability tests which observe the latter in real-life situations.</li>
<li><b>Why are Nielsen&#8217;s 10 principles called &#8220;heuristics&#8221;?</b><br />
They are called so because they are general rules and design benchmarks rather than strict directives; they can be adapted or sometimes broken depending on the context.</li>
<li><b>What are the three main advantages of this method?</b><br />
It stands out for its low cost, ease of implementation, and its ability to very quickly detect ergonomic anomalies during the design process.</li>
<li><b>Why is it recommended to combine this method with usability testing?</b> Because an expert audit can be subjective or miss the emotional dimension; user tests complement the analysis by identifying concrete difficulties experienced in the field.</li>
</ul>
<p>Featured Image: Ray Dak Lam &#8211;<a href="https://www.behance.net/gallery/138501903/Shape-Studies-Volume-2/modules/783296059"> Shape studies volume 2</a></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Choose the right font size for your online text</title>
		<link>https://blog-ux.com/en/choose-the-right-font-size-for-your-online-text/</link>
		
		<dc:creator><![CDATA[Philippe]]></dc:creator>
		<pubDate>Tue, 03 Feb 2026 17:33:35 +0000</pubDate>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[UI Design]]></category>
		<guid isPermaLink="false">https://blog-ux.com/?p=118415</guid>

					<description><![CDATA[With the advent of new digital devices, we are faced with a multitude of screen resolutions and pixel densities. In this article, we will explore the different solutions that will help you choose the ideal font size based on pixel density (DPI). Factors affecting font readability Unlike paper, fonts displayed on a screen can appear [&#8230;]]]></description>
										<content:encoded><![CDATA[<blockquote><p>With the advent of new digital devices, we are faced with a multitude of screen resolutions and pixel densities. In this article, we will explore the different solutions that will help you choose the ideal font size based on pixel density (DPI).</p></blockquote>
<h2>Factors affecting font readability</h2>
<p>Unlike paper, fonts displayed on a screen can appear differently from one device to another, or even from one screen to another. Several factors influence how fonts are displayed:</p>
<h3>1. Pixel Density (PPI/DPI)</h3>
<p>Pixel density (Pixels Per Inch) defines the <b>sharpness</b> of the rendering.</p>
<ul>
<li style="font-weight: 400;" aria-level="1"><b>The aliasing challenge:</b> On a low-density screen, the curves of letters can appear &#8220;jagged&#8221; (staircase effect). High-density screens (Retina, Quad HD) allow for thinner or lighter fonts without them disappearing or becoming blurry.</li>
<li style="font-weight: 400;" aria-level="1"><b>The relative unit:</b> Because of this variation, logical pixels (or dp on Android, pt on iOS) are used rather than physical pixels to ensure that text maintains the same visual size everywhere.</li>
</ul>
<h3>2. Screen Resolution</h3>
<p>More than just a simple multiplication, resolution influences the <b>available workspace</b>.</p>
<ul>
<li style="font-weight: 400;" aria-level="1"><b>Size ratio:</b> On a low resolution, a 16px font will take up a huge amount of screen space, limiting the number of words per line. On a 4K screen, this same font can become unreadable because it is tiny if not scaled properly.</li>
<li style="font-weight: 400;" aria-level="1"><b>Rendering context:</b> Resolution often determines whether the user will see your text in a single or multi-column layout.</li>
</ul>
<h3>3. Reading Distance</h3>
<p>This is the factor that dictates the <b>minimum usable size</b>.</p>
<ul>
<li style="font-weight: 400;" aria-level="1"><b>Viewing angle:</b> The further the eye is, the larger the letter must be to occupy the same visual angle.</li>
<li style="font-weight: 400;" aria-level="1"><b>Mobile vs. Desktop hierarchy:</b> On mobile (30 cm), slightly smaller fonts (e.g., 14px) are acceptable because the screen is close. On a television (&#8220;10-foot UI&#8221; usage), the text must be massive to remain legible.</li>
</ul>
<h3>4. Font Composition (Anatomy)</h3>
<p>The anatomy of a letter directly impacts the speed of recognition by the brain.</p>
<ul>
<li style="font-weight: 400;" aria-level="1"><b>The importance of X-height:</b> At the same size, a font with a large X-height (like Helvetica or Verdana) will appear larger and be more readable on screen than a font with a small X-height (like Garamond).</li>
<li style="font-weight: 400;" aria-level="1"><b>Apertures:</b> The white spaces inside letters (like the hole in an &#8216;e&#8217; or a &#8216;c&#8217;) are vital. If they are too small, the letter turns into a dark &#8220;blob&#8221; on low-quality screens.</li>
</ul>
<h3>5. Font Size and Line Spacing</h3>
<p>Size isn&#8217;t everything; it&#8217;s its relationship with the surrounding space that creates comfort.</p>
<ul>
<li style="font-weight: 400;" aria-level="1"><b>Line spacing (Line-height):</b> For the web, a line spacing of <b>1.5 times</b> the font size is often recommended. Text that is too tight tires the eye because it&#8217;s difficult to find the start of the next line.</li>
<li style="font-weight: 400;" aria-level="1"><b>Contrast:</b> On screen, size must be compensated for by contrast. A thin font (Light) requires a larger size or higher color contrast (black on white) to remain accessible.</li>
</ul>
<p>&nbsp;</p>
<table class=" aligncenter" style="height: 100%; width: 100%;" cellpadding="20px">
<tbody>
<tr style="height: 51px;">
<td style="width: 397.917px; height: 51px; border-style: solid; border-color: #ebe6e6; background-color: #bf6969;">
<p style="text-align: left;"><span style="color: #ffffff; font-size: 18pt;"><strong>Distance in cm</strong></span></p>
</td>
<td style="width: 191.542px; height: 51px; border-style: solid; border-color: #ebe6e6; background-color: #bf6969;"><span style="color: #ffffff; font-size: 18pt;"><strong>Minimum Size</strong></span></td>
<td style="width: 230.521px; height: 51px; border-style: solid; border-color: #ebe6e6; background-color: #bf6969;"><span style="color: #ffffff; font-size: 18pt;"><strong>Device Density</strong></span></td>
<td style="width: 281px; height: 51px; border-style: solid; border-color: #ebe6e6; background-color: #bf6969;"><span style="color: #ffffff; font-size: 18pt;"><strong>Minimum Size</strong></span></td>
</tr>
<tr style="height: 51px;">
<td style="width: 397.917px; height: 51px; border-style: solid; border-color: #ebe6e6;">30 (mobile)</td>
<td style="width: 191.542px; height: 51px; border-style: solid; border-color: #ebe6e6;">1.68 mm</td>
<td style="width: 230.521px; height: 51px; border-style: solid; border-color: #ebe6e6;">264</td>
<td style="width: 281px; height: 51px; border-style: solid; border-color: #ebe6e6;">25px ≈ 12pt</td>
</tr>
<tr style="height: 51px;">
<td style="width: 397.917px; height: 51px; border-style: solid; border-color: #ebe6e6;">40 (tablet on lap)</td>
<td style="width: 191.542px; height: 51px; border-style: solid; border-color: #ebe6e6;">2.2 mm</td>
<td style="width: 230.521px; height: 51px; border-style: solid; border-color: #ebe6e6;">264</td>
<td style="width: 281px; height: 51px; border-style: solid; border-color: #ebe6e6;">33px ≈ 16pt</td>
</tr>
<tr style="height: 51px;">
<td style="width: 397.917px; height: 51px; border-style: solid; border-color: #ebe6e6;">50 (desktop)</td>
<td style="width: 191.542px; height: 51px; border-style: solid; border-color: #ebe6e6;">2.8 mm</td>
<td style="width: 230.521px; height: 51px; border-style: solid; border-color: #ebe6e6;">96</td>
<td style="width: 281px; height: 51px; border-style: solid; border-color: #ebe6e6;">12px ≈ 9pt</td>
</tr>
<tr style="height: 51px;">
<td style="width: 397.917px; height: 51px; border-style: solid; border-color: #ebe6e6;">60 (desktop)</td>
<td style="width: 191.542px; height: 51px; border-style: solid; border-color: #ebe6e6;">3.4 mm</td>
<td style="width: 230.521px; height: 51px; border-style: solid; border-color: #ebe6e6;">96</td>
<td style="width: 281px; height: 51px; border-style: solid; border-color: #ebe6e6;">13px ≈ 10pt</td>
</tr>
<tr style="height: 51px;">
<td style="width: 397.917px; height: 51px; border-style: solid; border-color: #ebe6e6;">70 (desktop)</td>
<td style="width: 191.542px; height: 51px; border-style: solid; border-color: #ebe6e6;">4 mm</td>
<td style="width: 230.521px; height: 51px; border-style: solid; border-color: #ebe6e6;">96</td>
<td style="width: 281px; height: 51px; border-style: solid; border-color: #ebe6e6;">15px ≈ 11pt</td>
</tr>
<tr style="height: 51px;">
<td style="width: 397.917px; height: 51px; border-style: solid; border-color: #ebe6e6;">80 (desktop)</td>
<td style="width: 191.542px; height: 51px; border-style: solid; border-color: #ebe6e6;">4.5 mm</td>
<td style="width: 230.521px; height: 51px; border-style: solid; border-color: #ebe6e6;">96</td>
<td style="width: 281px; height: 51px; border-style: solid; border-color: #ebe6e6;">17px ≈ 13pt</td>
</tr>
</tbody>
</table>
<p><i>Comparative table between different resolutions, pixel densities, and recommended font sizes based on &#8220;normal&#8221; reading distance.</i></p>
<h2>Recommendations for choosing the right font size</h2>
<p>Here are some recommendations for choosing the ideal font size based on the factors mentioned above:</p>
<h3>1. Prioritize a generous X-height</h3>
<p>X-height (the size of lowercase letters like &#8220;x&#8221;, &#8220;a&#8221;, &#8220;e&#8221;) is the #1 factor for readability on screen. The larger it is, the more open and easy to decipher the letter appears, even at a small size.</p>
<p><b>Why?</b> On a screen, fine details of ascenders (the top of a &#8220;b&#8221;) and descenders (the bottom of a &#8220;g&#8221;) can get lost. A large X-height stabilizes the eye on the line.</p>
<p><b>Examples of fonts with large X-height:</b></p>
<ul>
<li><b>Verdana:</b> Specifically designed for the screen, it has a massive X-height.</li>
<li><b>Roboto (Google):</b> Very balanced, it remains readable on various mobile resolutions.</li>
<li><b>Helvetica Now:</b> A modern version optimized for digital.</li>
</ul>
<p><b>To avoid for body text:</b> &#8220;Old-style&#8221; fonts like <i>Garamond</i>, which have a small X-height, making them tiny and tiring to read on a standard screen.</p>
<h3>2. Long texts: Round and airy fonts</h3>
<p>For a blog article or a report, the goal is to reduce eye strain. We look for fonts that &#8220;breathe.&#8221;</p>
<p><b>The principle:</b> Fonts with <b>wide apertures</b> (the open space in a &#8220;c&#8221;, &#8220;e&#8221;, or &#8220;s&#8221;) prevent letters from turning into black blobs when the user squints.</p>
<p><b>Recommended examples:</b></p>
<ul>
<li><b>Open Sans:</b> Very round, extremely readable thanks to its open forms.</li>
<li><b>Montserrat:</b> Very geometric and wide, it gives a modern and airy look.</li>
<li><b>Georgia:</b> If you prefer a Serif font, this is the queen of on-screen readability for long narratives.</li>
</ul>
<h3>3. Short texts: Narrow and dense fonts</h3>
<p>For interface elements (buttons, navigation bars, notifications), space is often limited. In these cases, more condensed fonts can be used.</p>
<p><b>The principle:</b> We prioritize <b>recognition of the overall word shape</b> rather than fluid reading.</p>
<p><b>Recommended examples:</b></p>
<ul>
<li><b>Oswald:</b> A condensed font perfect for impactful titles or buttons.</li>
<li><b>Archivo Narrow:</b> Ideal when you have a lot of information to fit into a small screen width (dashboards).</li>
<li><b>Inter:</b> Although versatile, it is very effective in small UI spaces.</li>
</ul>
<h3>Summary table of uses</h3>
<table style="width: 100%;" border="1px" cellpadding="20px">
<tbody>
<tr style="height: 23px;">
<td style="height: 23px; background-color: #bf6969; text-align: center;"><span style="color: #ffffff;"><b>Type of Text</b></span></td>
<td style="height: 23px; background-color: #bf6969; text-align: center;"><span style="color: #ffffff;"><b>Sought-after Characteristic</b></span></td>
<td style="height: 23px; background-color: #bf6969; text-align: center;"><span style="color: #ffffff;"><b>Typical Examples</b></span></td>
</tr>
<tr style="height: 23px;">
<td style="height: 23px;"><b>Body text (Long)</b></td>
<td style="height: 23px;">Large X-height, wide letters</td>
<td style="height: 23px;"><b>Verdana, Open Sans, Lato</b></td>
</tr>
<tr style="height: 23px;">
<td style="height: 23px;"><b>Titles (H1, H2)</b></td>
<td style="height: 23px;">Personality, strong contrast</td>
<td style="height: 23px;"><b>Playfair Display, Montserrat</b></td>
</tr>
<tr style="height: 23px;">
<td style="height: 23px;"><b>Interface (Buttons)</b></td>
<td style="height: 23px;">Immediate clarity, space-saving</td>
<td style="height: 23px;"><b>Roboto, Inter, San Francisco</b></td>
</tr>
<tr style="height: 23px;">
<td style="height: 23px;"><b>&#8220;Comfort&#8221; Reading</b></td>
<td style="height: 23px;">Robust Serifs</td>
<td style="height: 23px;"><b>Georgia, Merriweather</b></td>
</tr>
</tbody>
</table>
<h2></h2>
<h2>Font Measurement Systems</h2>
<p>Font size can be measured using different scales. Here is an overview of two fixed scales (pixels and points) and two variable scales (em and percentage), along with their pros and cons:</p>
<h3>1. Pixels</h3>
<p>This scale measures font size in pixels on the screen. This means the font size is fixed, but the actual size displayed depends on the screen&#8217;s pixel density. It is a measurement understood by all browsers, but it does not adapt to different pixel densities and cannot be resized by older browsers.</p>
<h3>2. Points</h3>
<p>The point unit is a legacy of printing, where one point equals 1/72 of an inch (about 0.03 cm). Points offer relative control over the final result, but they do not display the same way on all devices. Consequently, points are not ideal for flexible layouts.</p>
<h3>3. Em</h3>
<p>The &#8220;em&#8221; unit is relative to the default font size. For example, 1 em is equal to your browser&#8217;s standard font size. &#8220;ems&#8221; are adaptive and allow for the creation of flexible layouts. They are well-supported by most browsers, including older versions.</p>
<h3>4. Percentage</h3>
<p>Measuring font size in percentage allows for the creation of fluid and adaptable layouts. However, this can be more complex to manage than other units, as the font size is determined as a percentage of the default font size.</p>
<p><iframe loading="lazy" title="The ULTIMATE Guide To Typography For Beginners" width="1080" height="608" src="https://www.youtube.com/embed/AXpxZMRM1EY?feature=oembed"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><i>Web Typography: </i><strong><i>Complete guide to choosing the perfect font</i></strong><i> &#8211; 2020 Happy.webacademy</i></p>
<h2>Media Queries for font size</h2>
<p>Media Queries are powerful tools for responsive web design. You can use them to adjust font size based on screen resolution. Media Queries allow you to offer an optimal user experience by adapting font size to different devices.</p>
<h3>ISO 9241-300 Standard</h3>
<p>The AFNOR 9241-300 standard specifies the rules to follow when designing interfaces for mobile, desktop, or TV screens.</p>
<p>The ISO standard recommends a font height of 2.8 mm for a reading distance of 50 cm. In other words, the total size of the font (from its ascender to its descender) should be 2.8 mm if the user reads at a distance of about 50 cm.</p>
<p>This results in the following equivalencies:</p>
<ul>
<li>2.8 mm for d=50 cm</li>
<li>3.5 mm for d=60 cm</li>
<li>4 mm for d=70 cm</li>
</ul>
<h2>Font size, the guarantor of readability</h2>
<p>Choosing the right font size for your online text is essential to ensuring a pleasant reading experience for your users. By taking into account pixel density, screen resolution, reading distance, and font composition, you can create readable and adaptive layouts. Using units like &#8220;em&#8221; and Media Queries can greatly improve the flexibility of your web designs.</p>
<p>Remember that readability is essential, and font size is a key element of it. Take the time to test different sizes and units to ensure your text is easy to read across a variety of devices.</p>
<p>Featured image: illustration by <a href="https://dribbble.com/shots/18442165-Portfolio-Tamanna-Mundhra">Tamanna Mundhra</a> &#8211; Dribbble</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>The 4 types of innovation you should know</title>
		<link>https://blog-ux.com/en/the-4-types-of-innovation-you-should-know/</link>
		
		<dc:creator><![CDATA[Philippe]]></dc:creator>
		<pubDate>Tue, 03 Feb 2026 17:16:11 +0000</pubDate>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[UX Design]]></category>
		<guid isPermaLink="false">https://blog-ux.com/?p=118410</guid>

					<description><![CDATA[The 4 types of innovation constitute an essential framework for understanding how companies create value, transform themselves, and remain competitive. Whether it&#8217;s about improving what already exists, exploring new markets, or upsetting established models, each type of innovation responds to different logics, risks, and objectives. Definition of Innovation Innovation is a central concept but often [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>The 4 types of innovation constitute an essential framework for understanding how companies create value, transform themselves, and remain competitive. Whether it&#8217;s about improving what already exists, exploring new markets, or upsetting established models, each type of innovation responds to different logics, risks, and objectives.</p>
<h2>Definition of Innovation</h2>
<p>Innovation is a central concept but often misunderstood. It is not limited to invention or the introduction of cutting-edge technologies.</p>
<blockquote><p>According to the OECD definition: &#8220;<i>An innovation is the implementation of a new or significantly improved product (good or service), or process, a new marketing method, or a new organizational method in business practices, workplace organization or external relations, creating value for users or the company.</i>&#8220;</p></blockquote>
<p>Three fundamental characteristics help distinguish an innovation from a simple idea or invention. The first is <b>novelty</b>, which can be relative to the company, the market, or the world. The second is <b>value creation</b>, whether economic, social, or based on usage. The third is <b>user adoption</b>, without which the novelty remains purely theoretical.</p>
<p>Innovation thus constitutes a <b>major lever for competitiveness and growth</b>. It allows companies to adapt to a constantly changing environment, respond to emerging needs, and differentiate themselves sustainably.</p>
<h2>Types of Innovation and Major Classifications</h2>
<p>There are several ways to classify innovations in UX. Two approaches dominate: the institutional approach, notably that of the OECD, and the strategic approach, more commonly used in the business world.</p>
<h3>The OECD Classification and the Oslo Manual</h3>
<p>The <b>Oslo Manual</b> identifies four major types of innovation according to their field of application. <strong>Product innovation</strong> concerns new or improved goods or services. <strong>Process innovation</strong> relates to production or distribution methods. <strong>Marketing innovation</strong> involves methods of commercialization, communication, or pricing. Finally, organizational innovation concerns managerial practices, structure, or work organization.</p>
<p>This classification is widely used in statistical studies and public policies because it allows for the measurement of innovation activity in companies in a standardized way.</p>
<p><i>Read or download the </i><a href="https://fr.scribd.com/document/277117939/Manuel-d-Oslo"><i>Oslo Manual</i></a></p>
<p>https://www.slideshare.net/merkapt/manuel-doslo-2005</p>
<p><iframe loading="lazy" title="The Innovation Matrix: Four Types of Innovation Explained" width="1080" height="608" src="https://www.youtube.com/embed/4wHoClTiPoI?feature=oembed"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3>Schumpeter&#8217;s Vision and Creative Destruction</h3>
<p>Economist <b>Joseph A. Schumpeter</b> proposes a more dynamic vision of innovation. He identifies five forms of innovation: new products, new production methods, opening of new markets, new sources of raw materials, and new work organizations. He is best known for the concept of creative destruction, according to which innovation disrupts existing balances by progressively replacing old technologies and old economic models.</p>
<p>This vision highlights the often conflictual and transformative nature of innovation, especially when it is radical or disruptive.</p>
<h3>The Strategic Classification of the 4 Types of Innovation</h3>
<p>In an operational context, companies often think in terms of degree of novelty and risk. It is in this logic that the distinction between incremental, adjacent, radical, and disruptive innovation is made. These four types constitute the heart of this article.</p>
<h2>1/ Incremental Innovation</h2>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-118290 size-full" title="Infographic - Incremental Innovation" role="img" src="https://blog-ux.com/wp-content/uploads/2023/11/01Infographie-Innovation-incrementale.svg" alt="Infographic - Incremental Innovation" width="720" height="785" /></p>
<h3>Definition and Principles</h3>
<p><b>Incremental innovation</b> consists of progressively improving an existing product, service, or process without challenging its fundamental concept. It relies on continuous adjustments, sometimes discreet, but which can generate significant gains in performance, quality, or user satisfaction. This type of innovation is the most widespread in companies because it draws on technologies, skills, and markets that are already mastered. It generally presents a limited level of risk.</p>
<h3>Examples of Incremental Innovations</h3>
<p>Incremental innovation is defined by a series of continuous improvements made to an already existing product or service. Unlike disruption, it does not seek to upset usage but to optimize it to maintain the relevance of the offer. Here is a detailed development of these examples to illustrate how this strategy ensures the longevity of market leaders.</p>
<h4>The Case of Volkswagen Golf: The Benchmark of Automotive Evolution</h4>
<p>Since its launch in 1974, the Volkswagen Golf has become the archetype of incremental innovation. Rather than reinventing the compact sedan concept with each generation, the manufacturer chose a strategy of technological sedimentation. Each new version capitalizes on the achievements of the previous one while integrating contemporary standards.</p>
<ul>
<li><b>Safety and Chassis:</b> Over the decades, the Golf has moved from rudimentary structures to ultra-rigid chassis integrating programmed deformation zones, and then driver assistance systems (ABS, ESP, emergency braking).</li>
<li><b>Comfort and Roominess:</b> Optimizing interior space has allowed for an increase in the cabin volume without exploding the exterior dimensions of the vehicle, meeting the growing needs of urban families.</li>
<li><b>Engine Performance:</b> Evolution has taken place through improved thermal efficiency, the introduction of direct injection, and then mild hybridization, allowing for reduced CO2 emissions while increasing power.</li>
</ul>
<h4>The Annual Smartphone Cycle: Optimizing Daily Life</h4>
<p>The mobile technology sector is undoubtedly where incremental innovation is most visible and rhythmic. Once the touch smartphone disruption passed in 2007, the market entered a phase of constant optimization to meet the high demands of users.</p>
<ul>
<li><b>Display and Photography:</b> The transition from LCD screens to OLED panels, the increase in refresh rates (120 Hz), and the multiplication of photo sensors (wide-angle, macro, telephoto) are gradual improvements. They transform the communication tool into a true content creation studio.</li>
<li><b>Autonomy and Charging:</b> Rather than changing battery chemistry (which would be radical), manufacturers optimize software energy management and increase charging speeds, allowing users to regain autonomy in just a few minutes.</li>
</ul>
<h4>The Food Industry: Adapting to Health Trends</h4>
<p>In the food sector, incremental innovation allows brands not to become obsolete in the face of changes in diets and consumer ethical concerns.</p>
<ul>
<li><b>Product Reformulation:</b> Many manufacturers work on the progressive reduction of sugar, salt, or saturated fat levels in their historic recipes. The challenge is to improve the nutritional profile (Nutri-Score) without altering the familiar taste that makes the product successful.</li>
<li><b>Flavor and Packaging Diversification:</b> The introduction of variations (spicy taste, locally sourced ingredients, vegan options) allows for capturing specific market segments. At the same time, the move toward recyclable packaging or reducing plastic use constitutes an incremental process innovation, responding to the demand for sustainability.</li>
</ul>
<h3>Advantages and Limits</h3>
<p>Incremental innovation allows for <b>rapid response to customer needs</b>, limits development costs, and strengthens competitive positioning. On the other hand, it exposes companies to the risk of <b>strategic myopia</b> if it is not complemented by more exploratory forms of innovation.</p>
<h2>2/ Radical Innovation</h2>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-118291 size-full" title=" Infographic - Radical Innovation" role="img" src="https://blog-ux.com/wp-content/uploads/2023/11/02-Infographie-Innovation-radicale.svg" alt=" Infographic - Radical Innovation" width="972" height="731" /></p>
<h3>Definition and Specifics</h3>
<p>Radical innovation introduces a <b>major break in a product</b>, service, or process, often through a new technology or a completely different approach. It profoundly transforms existing usages and value chains.</p>
<p>Unlike incremental innovation, it involves a high level of uncertainty, both technically and regarding market adoption.</p>
<h3>Examples of Radical Innovations</h3>
<h4>The Steam Engine: The Power of the Industrial Revolution</h4>
<p>Although rudimentary systems existed before, it was the fundamental improvement made by James Watt in the 18th century that constitutes radical innovation. By introducing the separate condenser chamber, Watt multiplied energy efficiency, allowing for a shift from animal or hydraulic motive force to a constant and relocatable mechanical power.</p>
<ul>
<li><b>Impact on Production:</b> It allowed for the emergence of textile factories and mass steelmaking, freeing industry from immediate proximity to waterways.</li>
<li><b>Impact on Transport:</b> The adaptation of this technology to the locomotive and steamship reduced global distances, facilitating international trade and human migration on an unprecedented scale.</li>
</ul>
<h4>The Telephone: Abolishing Sound Distances</h4>
<p>In 1876, Alexander Graham Bell (and concurrently Elisha Gray) filed the patent for a device capable of transmitting the human voice via electrical signals. Until then, long-distance communication relied on the telegraph, which required the encoding and decoding of text messages (Morse code).</p>
<ul>
<li><b>Usage Break:</b> The telephone removed the technical intermediary. Speech, an immediate vector of emotion and nuance, became instantaneous.</li>
<li><b>Social Transformation:</b> This innovation laid the foundations for the networked society, radically changing business management, the organization of emergency services, and the very structure of family and social relationships.</li>
</ul>
<h4>The Personal Computer (PC): The Democratization of Computing</h4>
<p>In the 1960s, computing was reserved for governments and large corporations, occupying entire rooms. The radical innovation brought by players like Apple (with the Apple II) or IBM in the mid-70s and early 80s consisted of miniaturizing this power to make it accessible to the individual.</p>
<ul>
<li><b>Paradigm Shift:</b> The computer moved from a centralized calculation tool to a decentralized information creation and management tool.</li>
<li><b>Effect on Work:</b> It gave birth to word processing, spreadsheets, and DTP (Desktop Publishing), transforming every desk into a multimedia production center.</li>
</ul>
<h4>The Smartphone: The Universal Pocket Terminal</h4>
<p>The arrival of the iPhone in 2007 marks the culmination of a radical innovation that merged three products: a phone, an iPod (digital music player), and an internet communication device. It wasn&#8217;t the first &#8220;smart&#8221; phone, but the introduction of the capacitive touch interface and the App Store created a total break.</p>
<ul>
<li><b>Technological Convergence:</b> The smartphone absorbed dozens of everyday objects (camera, GPS, flashlight, calculator, calendar).</li>
<li><b>Societal Mutation:</b> It established the era of hyper-connectivity. Our relationship with information became permanent, changing how we consume, how we move (via ride-sharing or mapping apps), and how we interact socially through social networks.</li>
</ul>
<p>These innovations were not simple improvements to existing solutions, but <b>true paradigm shifts</b>.</p>
<h3>Economic and Social Role</h3>
<p><b>Radical innovation</b> plays a key role in economic and social progress. It allows for solving complex problems, creating new sectors, and opening up unprecedented perspectives. However, it often requires significant investment and the capacity to accept failure.</p>
<h2>3/ Adjacent Innovation</h2>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-118292" title="Infographic - Adjacent Innovation" role="img" src="https://blog-ux.com/wp-content/uploads/2023/11/03-Infographie-Innovation-adjacente.svg" alt="Infographic - Adjacent Innovation" width="800" height="888" /></p>
<h3>Definition and Strategic Logic</h3>
<p>Adjacent innovation consists of <b>exploiting existing skills</b>, technologies, or resources of a company to offer new products or services, either to current customers or to new markets. It sits halfway between incremental innovation and radical innovation.</p>
<p>This approach allows for exploring new growth opportunities while limiting risks.</p>
<h3>Examples of Adjacent Innovations</h3>
<p>Adjacent innovation sits at the intersection of technical mastery and the exploration of new markets. Unlike radical innovation which starts from scratch, the adjacent approach capitalizes on an existing &#8220;nugget&#8221; (a technology, a distribution method, or expertise) to project it into a universe where it was not expected. Here is a detailed analysis of these emblematic examples.</p>
<h4>The Case of 3M and Post-it Notes: Turning a Mistake into Success</h4>
<p>The story of Post-it Notes is the most famous textbook case of adjacent innovation. In 1968, chemist Spencer Silver was working for 3M to create an ultra-strong adhesive for aerospace. He accidentally created the opposite: an adhesive that sticks lightly but can be removed without leaving traces and reused.</p>
<p>For several years, this invention remained without an application. It was one of his colleagues, Art Fry, who made the link with a new need: marking the pages of his hymnbook at church without damaging them.</p>
<ul>
<li><b>Value Transfer:</b> 3M used its mastery of polymers (existing expertise) to create a stationery product (adjacent market).</li>
<li><b>The Impact:</b> This product created a new category of office supplies and revolutionized informal communication in companies.</li>
</ul>
<h4>Heineken and Desperados: Blending Flavors</h4>
<p>In the highly codified brewing sector, Heineken achieved a masterstroke with the launch of the Desperados brand. The innovation did not lie in the creation of a new fermentation process, but in the hybridization of products.</p>
<ul>
<li><b>Mobilized Expertise:</b> Heineken used its lager production lines and its global distribution network (existing capabilities).</li>
<li><b>Target Market:</b> By flavoring beer with tequila and giving it a more festive and &#8220;spirit-like&#8221; image, the brand targeted young adults and cocktail consumers, a segment that traditionally shunned the bitterness of classic beer.</li>
<li><b>The Result:</b> A market innovation that allowed for recruiting new consumer profiles while maintaining the cost structures of a traditional brewery.</li>
</ul>
<h4>The Extension of Digital Platforms: The Leverage Effect</h4>
<p>Digital giants (Google, Amazon, Uber) are champions of adjacent innovation. Their strategy consists of building a solid technological infrastructure and then grafting new services onto it to maximize the profitability of their assets.</p>
<h3>The Example of Google Maps</h3>
<p>Initially, Google was a text search engine. By acquiring and then developing mapping technology, the company achieved a major technological adjacency.</p>
<ul>
<li><b>Usage Extension:</b> By linking search to geolocation, Google transformed a map service into a local advertising tool for businesses and an indispensable platform for tourism and mobility.</li>
</ul>
<h3>The Example of Uber and Uber Eats</h3>
<p>Uber used its platform connecting drivers and passengers to tackle the meal delivery market.</p>
<ul>
<li><b>Resource Optimization:</b> The dispatching algorithm and payment system were already proven. The move from transporting people to transporting goods (meals) is a pure adjacency that allowed for keeping drivers busy during off-peak hours and multiplying the volume of transactions on the app.</li>
</ul>
<h3>Advantages and Challenges</h3>
<p>Adjacent innovation is generally faster to deploy and easier to finance than radical innovation. On the other hand, it requires a good understanding of new markets and fine management of internal tensions between existing activities and new offers.</p>
<h2>4/ Disruptive Innovation</h2>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-118293 size-full" title="Infographic - Disruptive Innovation" role="img" src="https://blog-ux.com/wp-content/uploads/2023/11/04-Infographie-Innovation-de-rupture-ou-disruptive.svg" alt="Infographic - Disruptive Innovation" width="936" height="762" /></p>
<h3>Definition and Clarification</h3>
<p>Disruptive innovation refers to an innovation that <b>creates a new market</b> or <b>radically transforms an existing market</b> by making dominant solutions obsolete. It is not entirely synonymous with radical innovation, even if the two notions are close.</p>
<p>Disruption relies as much on a new business or usage model as on a technology.</p>
<h3>Examples of Disruptive Innovations</h3>
<p>Disruptive innovation stands out for its ability to overturn established players by offering solutions that are often simpler, more accessible, or radically more effective. Unlike radical innovation which focuses on technological prowess, disruption is primarily interested in the transformation of economic models and usages. Here is a detailed analysis of these examples that have redefined the rules of the game.</p>
<h4>The Automobile: From Luxury Curiosity to Mass Standard</h4>
<p>In its early days, the automobile was not considered a threat to horse-drawn transport or the railway. It was perceived as an expensive and unreliable toy for the elite. The real disruption was not only the invention of the internal combustion engine, but the democratization of its use.</p>
<ul>
<li><b>Disruption through the Production Model:</b> By introducing Fordism, Henry Ford made the automobile accessible to the middle class. It was no longer pure performance that counted, but price and availability.</li>
<li><b>Systemic Shift:</b> This innovation forced the creation of massive road infrastructure, leading to the decline of horse transport and modifying global urban planning with the appearance of suburbs. It created a &#8220;new market&#8221; for individual mobility.</li>
</ul>
<h4>The Internet: The Dematerialization of Knowledge</h4>
<p>The Internet represents the deepest disruption of the last century. Initially a simple military and then academic communication network (ARPANET), it eventually absorbed and transformed all pre-existing forms of media.</p>
<ul>
<li><b>Universal Access:</b> Before the internet, information was stored physically (libraries, newspapers, encyclopedias). The disruption consisted of making this information instantaneous, free (seemingly), and available everywhere.</li>
<li><b>Disintermediation:</b> The Internet removed traditional intermediaries. To get information, buy, or communicate, the individual no longer needs to pass through centralized physical structures, which caused a shockwave for the print press, postal services, and physical distribution.</li>
</ul>
<h4>Digital Platforms: The Disruption of Established Sectors</h4>
<p>The platform economy (or &#8220;Uberization&#8221;) is the most recent example of disruption through usage. These companies often possess no physical assets (cars, hotels) but master the interface between supply and demand.</p>
<h4>Transport and Hospitality (Uber, Airbnb)</h4>
<p>These services started by targeting marginal needs: finding temporary accommodation with a local or ordering a car via an app.</p>
<ul>
<li><b>The Exploited Weakness:</b> They attacked the taxi and hotel sectors where they were vulnerable: price, ease of booking, and price transparency.</li>
<li><b>The Network Effect:</b> By offering a superior user experience and a lighter cost structure, these platforms forced historical players to digitize urgently or disappear.</li>
</ul>
<h4>Media and Entertainment (Netflix, Spotify)</h4>
<p>The shift from ownership (buying CDs or DVDs) to usage (streaming by subscription) constitutes a major disruption of the economic model.</p>
<ul>
<li><b>The End of Physical Support:</b> Netflix started as a DVD-by-mail rental service (marginal usage) before switching to streaming. This transition made physical distribution networks like Blockbuster obsolete in less than a decade.</li>
</ul>
<h3>Impacts on Companies</h3>
<p>Disruptive innovation forces established players to adapt quickly or disappear. It favors the emergence of new leaders and redefines the rules of competition. For established companies, knowing how to identify and anticipate these disruptions is a major strategic challenge.</p>
<h2>Summary of the Characteristics of the 4 Types of Innovation</h2>
<table style="height: 10px; width: 100%;" border="1px">
<tbody>
<tr>
<td style="text-align: center; background-color: #f92c8b;"><span style="color: #ffffff;"><b>Type of Innovation</b></span></td>
<td style="text-align: center; background-color: #f92c8b;"><span style="color: #ffffff;"><b>Nature of Change</b></span></td>
<td style="text-align: center; background-color: #f92c8b;"><span style="color: #ffffff;"><b>Strategic Objective</b></span></td>
</tr>
<tr>
<td style="text-align: center;"><b>Incremental</b></td>
<td style="text-align: left;">Continuous improvement of an existing product.</td>
<td style="text-align: left;">Retain customers and maintain competitiveness.</td>
</tr>
<tr>
<td style="text-align: center;"><b>Adjacent</b></td>
<td style="text-align: left;">Using know-how for a new market.</td>
<td style="text-align: left;">Extend influence and grow.</td>
</tr>
<tr>
<td style="text-align: center;"><b>Radical</b></td>
<td style="text-align: left;">Major and unprecedented technological break.</td>
<td style="text-align: left;">Create a new industrial standard.</td>
</tr>
<tr>
<td style="text-align: center;"><b>Disruptive</b></td>
<td style="text-align: left;">Simplified or cheaper model that overturns the established order.</td>
<td style="text-align: left;">Replace market leaders.</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<h2>Process, Product, Marketing, and Organizational Innovation</h2>
<h3>Product Innovation and Process Innovation</h3>
<p><b>Product innovation</b> concerns the creation or improvement of goods and services. Process innovation, on the other hand, relates to production, logistics, or distribution methods. For example, industrial automation or the optimization of logistics chains are process innovations that can generate significant productivity gains.</p>
<h3>Marketing and Organizational Innovation</h3>
<p><b>Marketing innovation</b> results in new ways of positioning, promoting, or pricing an offer. Organizational innovation concerns management methods, collaboration, or governance. These forms of innovation are often less visible, but they play a determining role in the overall performance of companies.</p>
<h2>Innovation Management and User Experience</h2>
<p><b>Innovation cannot be dissociated from user experience</b>. Understanding the needs, expectations, and mental models of users is indispensable for designing relevant and adopted solutions. UX design allows for transforming a technical innovation into a usage innovation.</p>
<p>Design thinking methods favor this human-centered approach. By combining empathy, prototyping, and iteration, they allow for reducing risks and improving the quality of innovative solutions.</p>
<h2>Innovation Management and User Experience (UX) Design</h2>
<p>Innovation cannot be dissociated from user experience today. By focusing on a deep understanding of mental models and user needs, good designers can create adapted and intuitive solutions that meet user expectations. UX design proves to be a key element in improving the usability of products or services, while taking into account time constraints and team deadlines.</p>
<p>Applying the Design Thinking method proves effective for approaching innovative projects. By emphasizing empathy and understanding user needs, this approach allows for solving problems creatively and fostering an iterative innovation process based on user feedback.</p>
<p><iframe loading="lazy" title="Business Model Innovation" width="1080" height="608" src="https://www.youtube.com/embed/B4ZSGQW0UMI?feature=oembed"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h2>Innovation as a Sustainable Strategic Lever</h2>
<p>Innovation is not limited to a single form or method. Successful companies combine incremental, adjacent, radical, and disruptive innovation depending on their maturity, sector, and objectives. Understanding the <b>different types of innovation</b> allows for building balanced strategies capable of generating value in the short term while preparing for the future. By integrating a user-centered approach and relying on solid frameworks like the Oslo Manual, organizations can transform innovation into a true sustainable competitive advantage.</p>
<h2>Innovation FAQ</h2>
<h3>What is the difference between radical and disruptive innovation?</h3>
<p>Radical innovation relies on a major technological break coming from R&amp;D, while disruptive innovation often relies on a simpler or cheaper business model that dethrones leaders.</p>
<h3>Why is incremental innovation the most common?</h3>
<p>It is favored because it presents a limited financial risk, relies on an already existing customer base, and generates regular income to finance more ambitious projects.</p>
<h3>Can one innovate without new technology?</h3>
<p>Yes, innovation can be organizational, social, or involve the economic model, as proven by the example of Airbnb which owns no hotels but has transformed the accommodation market.</p>
<h3>How to choose between these four types of innovation?</h3>
<p>The choice depends on the company&#8217;s strategy: incremental to defend positions, adjacent to grow, and radical or disruptive to transform the market in the long term.</p>
<h3>What is the role of the Oslo Manual in innovation?</h3>
<p>It is the international reference guide that allows for defining and measuring innovation consistently across countries and companies, thus facilitating global statistics.</p>
<p>Featured image: <a href="https://dribbble.com/shots/16510825-Searching-for-contracts">Searching for contracts</a>—Giorgi Sisauri—Dribble</p>
<ul class="wsp-posts-list">
<li class="wsp-post"></li>
</ul>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>What is a wireframe?</title>
		<link>https://blog-ux.com/en/what-is-a-wireframe/</link>
		
		<dc:creator><![CDATA[Philippe]]></dc:creator>
		<pubDate>Tue, 03 Feb 2026 16:26:55 +0000</pubDate>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[UI Design]]></category>
		<guid isPermaLink="false">https://blog-ux.com/?p=118387</guid>

					<description><![CDATA[The wireframe, also known as a &#8220;skeletal framework,&#8221; is a schematic representation of the structure and functionality of a mobile application or website. Whether drawn on paper or created digitally, these mockups offer varying degrees of interactivity, playing an essential role in interface design. What is a wireframe? Definition of a Wireframe / Wireframe meaning [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>The wireframe, also known as a &#8220;skeletal framework,&#8221; is a schematic representation of the structure and functionality of a mobile application or website. Whether drawn on paper or created digitally, these mockups offer varying degrees of interactivity, playing an essential role in interface design.</p>
<h2>What is a wireframe?</h2>
<table style="height: 10px; width: 100%; border-collapse: collapse;" border="1px" cellpadding="20px">
<tbody>
<tr>
<td style="width: 100%; background-color: #bf6969;">
<h3><span style="color: #ffffff;">Definition of a Wireframe / Wireframe meaning</span></h3>
<p><span style="color: #ffffff;">The term &#8220;Wireframe&#8221; refers to a structure or model made of wire. In the field of interface design, it is often referred to as a &#8220;functional mockup.&#8221; Unlike mockups, the Wireframe focuses more on structure than aesthetics, representing the backbone of the future interface.</span></p>
<p><span style="color: #ffffff;">Take the analogy of a building&#8217;s plans, the architect&#8217;s &#8220;Blueprint.&#8221; In the same way, wireframes serve as the foundation for digital products, appearing as diagrams with lines and annotations that evolve through iterations.</span></td>
</tr>
</tbody>
</table>
<h3>The wireframe as an architect&#8217;s blueprint</h3>
<p>An effective Wireframe allows for the visualization of page layout, information architecture, user journeys, and essential functionalities. The goal is to validate interface concepts and user experience before handing the project over to developers. This crucial design phase is often entrusted to professionals such as UX designers, UI designers, or ergonomists.</p>
<h3>Differences and similarities between prototyping and wireframing</h3>
<p>According to <a href="https://blog-ux.com/en/jakob-nielsen-s-10-usability-heuristics/">Jakob Nielsen</a> in his book Usability Engineering (1993), the Wireframe, like the Mockup, is a &#8220;horizontal prototype,&#8221; a static representation of the graphical part of the user interface. The prototype becomes &#8220;vertical&#8221; when functionalities are implemented, allowing for user testing based on specific scenarios.</p>
<p>It is common for the concepts of prototyping and mocking up to be confused. Alita Joyce from NNGroup highlights that although a Wireframe is always a <strong>low-fidelity prototype</strong>, not all prototypes are Wireframes.</p>
<h3>Advantages of wireframing</h3>
<p>Creating &#8220;wired&#8221; mockups offers several significant advantages:</p>
<ul>
<li>Optimization of interface design by focusing on functional specifications.</li>
<li>Presentation of the future interface to stakeholders to obtain their approval before development.</li>
<li>Quick detection of errors or problems in UX Design and ergonomics for rapid iterations.</li>
<li>Saving time and money thanks to its speed, low resource cost, and flexibility, thereby reducing revisions during the development phase.</li>
</ul>
<p>On the other hand, high-fidelity prototypes serve as the first version of the final product, testing efficiency and usability before the deployment of the web or mobile application. These elements are produced at distinct stages of the UX/UI design project.</p>
<p><iframe loading="lazy" title="UI / UX Design Tutorial – Wireframe, Mockup &amp; Design in Figma" width="1080" height="608" src="https://www.youtube.com/embed/c9Wg6Cb_YlU?feature=oembed"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h2>Mockup creation in the design process</h2>
<p>To <strong>design an interface</strong> while optimizing the quality of the user experience, it is essential to follow several key steps. These steps, when well-orchestrated, allow a simple idea to be transformed into a functional and aesthetic reality. Creating mockups in the design process is one of these crucial steps. It plays a central role in the preliminary visualization of a concept, offering a tangible and concrete representation of the designer&#8217;s vision. This process, although iterative and adaptive, follows a series of key phases, from user research to ergonomic evaluation, including the <strong>creation of wireframes, mockups, and prototypes.</strong></p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-118344 size-full" title="Infographic - Mockup creation in the design process" role="img" src="https://blog-ux.com/wp-content/uploads/2024/01/Infographie-La-creation-de-maquettes-dans-le-processus-de-conception.svg" alt="Infographic - Mockup creation in the design process" width="888" height="616" /></p>
<h3>Conducting user research: understanding the needs of end-users</h3>
<p>Before diving into mockup creation, it is crucial to understand the needs and <strong>expectations of the end-users</strong>. An in-depth analysis of the target users allows for the creation of mockups that respond precisely to their needs and expectations. This research phase constitutes the very foundation of the user-centered design process.</p>
<h3>Mocking up interface screens: key steps in the process</h3>
<p>The mocking up stage involves the preliminary visualization of the interface screens to be designed. This process can be subdivided into several essential sub-steps, such as sketching, zoning, wireframing, mockup creation, and the realization of functional prototypes in collaboration with developers.</p>
<h3>Sketch and zoning: capturing initial ideas</h3>
<p>The sketching stage consists of outlining the first design ideas on paper or using digital tools. Zoning, on the other hand, consists of delimiting the blocks of information that should be present on the page. These initial steps allow for the capture of raw concepts and the refinement of basic ideas before moving to the next stage.</p>
<h3>Wireframe: the common thread of design</h3>
<p><strong>Wireframes represent the structured outline of an interface</strong> without its detailed graphic design. They serve to highlight the layout of key elements such as the header, navigation bar, call-to-action buttons, breadcrumbs, form elements, as well as areas reserved for images and media. They allow for the conceptualization and refinement of basic ideas while defining the fundamental structure of the interface.</p>
<h3>Mockup: bringing the design to life</h3>
<p>Mockups, representing high-fidelity graphic models, play an essential role in the detailed visualization of the interface. They facilitate communication between the various project stakeholders and offer a realistic visual representation of the final interface. The creation of mockups also serves as a tool for validation and design improvement in collaboration with the teams involved.</p>
<h3>Prototype: functional realization</h3>
<p>Prototypes, the ultimate stage of the <strong>mocking up process</strong>, allow the initial vision to be materialized by creating functional versions of the application or software in collaboration with developers. These prototypes serve as a basis for ergonomic evaluation and user testing, thus offering a concrete overview of the user experience before the final product launch.</p>
<h3>Ergonomic evaluation: ensuring an optimal user experience</h3>
<p>Ergonomic evaluation plays a crucial role between mockup iterations. It includes ergonomic audits, perception tests, and user tests aimed at ensuring that the interface meets the functional needs and expectations of users. This phase allows for the identification and resolution of potential user experience issues, thus ensuring the consistency and usability of the developed interface.</p>
<p>This evolution funnel of the design process, based on continuous iteration and collaboration, represents a complete and methodical approach to achieving an optimized interface design that meets specific user needs. The flexibility of the methodologies used allows for effective adaptation based on the nature of the project, the budget, and the specific requirements of each case.</p>
<p><iframe loading="lazy" title="How to Wireframe in Figma in 2026" width="1080" height="608" src="https://www.youtube.com/embed/qWIdforZ9x0?feature=oembed"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h2>Examples of wireframe mockups</h2>
<p>Mockups can be created using various tools and methods. Here are some examples of wireframe mockups used by professionals in the field:</p>
<h3>Hand-drawn wireframe sketch: speckyboy</h3>
<p>Using hand sketching allows designers to quickly capture initial ideas and refine basic concepts in a creative and spontaneous way.</p>
<h3>&#8220;Sketchy wireframe&#8221; with Axure RT: humane interface</h3>
<p>The use of tools such as Axure RT allows for the creation of detailed and interactive wireframes, offering a more elaborate representation of the final interface.</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-107375 aligncenter" src="https://blog-ux.com/wp-content/uploads/2024/01/exemples-de-wireframe.jpg" alt="wireframe example" width="800" height="477" srcset="https://blog-ux.com/wp-content/uploads/2024/01/exemples-de-wireframe.jpg 800w, https://blog-ux.com/wp-content/uploads/2024/01/exemples-de-wireframe-480x286.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 800px, 100vw" /></p>
<p style="text-align: center;">a wireframe example by <a href="https://www.aaronakbarimort.com/">Aaron Akbari-Mort</a></p>
<h3>Example of a responsive design wireframe: Balsamiq</h3>
<p>The use of Balsamiq facilitates the design of wireframes by taking into account compatibility with different devices and screens, ensuring an optimal user experience across all platforms.</p>
<p>At Usabilis, we favor the use of Axure RP for creating interactive mockups, often associated with a complete ergonomic charter. We also offer comprehensive training in interface mocking up, covering various aspects of ergonomics, web, mobile, and touch interfaces.</p>
<h2>From mockup to experience: The keys to success</h2>
<p>The <strong>mockup creation process</strong> within the framework of interface development represents a fundamental step in achieving an optimized interface design and a successful user experience. By following an iterative and collaborative process, taking into account the needs of end-users, and regularly evaluating the ergonomics of the interface, it is possible to create effective and user-friendly interfaces that meet user expectations.</p>
<p><iframe loading="lazy" title="Prototypes vs Wireframes in UX Projects" width="1080" height="608" src="https://www.youtube.com/embed/miVcrftnhzM?feature=oembed"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h2>Wireframe FAQ</h2>
<h3>What is a wireframe (skeletal mockup)?</h3>
<p>It is a schematic and simplified representation that serves as the backbone of an interface. It focuses on the structure, layout of elements, and functionalities rather than the visual or aesthetic aspect.</p>
<h3>What is the main difference between a wireframe and a mockup?</h3>
<p>The wireframe is a low-fidelity plan focused on information architecture, while the mockup is a high-fidelity model that presents the detailed and realistic graphic design of the final interface.</p>
<h3>Why compare the wireframe to an architect&#8217;s plan?</h3>
<p>Like a &#8220;blueprint&#8221; for a building, the wireframe serves as a technical foundation. It allows for the validation of interface concepts and user journeys before starting the &#8220;construction&#8221; (computer development).</p>
<h3>What are the economic benefits of wireframing?</h3>
<p>It saves time and money by detecting ergonomic errors very early. Its creation is fast and inexpensive, which reduces complex revisions during the development phase.</p>
<h3>What is the role of ergonomic evaluation in this process?</h3>
<p>It occurs between mockup iterations to ensure, via user tests or audits, that the interface is user-friendly, efficient, and perfectly meets final needs.</p>
<p>Featured image: <a href="https://dribbble.com/shots/6178450-Cooperation-concept">Cooperation concept</a>—serj marco DRIBBLE</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
