[Meta] Drupal AI UX Design
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3550408. -->
Reported by: [breidert](https://www.drupal.org/user/135619)
>>>
<h2>Define the 10 Most Important User Journeys for Drupal AI</h2>
<h3>Purpose</h3>
<p>The goal of this issue is to prepare a clear and structured foundation for UX design work on Drupal AI. In this phase, we will <em>not create or redesign any interfaces</em>. Instead, we will define and document the <em>10 most important user journeys</em>, providing the clarity needed for UX designers to later improve the experience.</p>
<h3>Context</h3>
<p>Drupal AI is a powerful but complex system. Its configuration interfaces have evolved quickly, without a unified UX strategy. As a result, while functionality is strong, usability and visual experience lag behind commercial products that offer smoother, more guided workflows.</p>
<p>Since Drupal AI is under active development, we cannot apply a traditional UX-first product development process. Instead, the UX work must adapt to an existing and evolving product. This makes clear, structured journey documentation essential before design improvements begin.</p>
<h3>Objectives</h3>
<p>The briefing aims to:</p>
<ul>
<li>Identify and describe the <strong>10 most important user journeys</strong> for Drupal AI.</li>
<li>Structure each journey so it can later be used as the foundation for UX design.</li>
<li>Provide sufficient documentation and visual reference (screenshots, flowcharts) for UX designers to understand the current experience.</li>
</ul>
<h3>Deliverables</h3>
<p>The outcome of this work should be a <em>User Journey Documentation Package</em> containing:</p>
<ul>
<li><strong>List of 10 key user journeys</strong> – prioritized based on user importance, frequency, and business value.</li>
<li><strong>Journey descriptions</strong> – written in Job-to-be-Done format (e.g., "When [situation], I want to [motivation], so I can [expected outcome]").</li>
<li><strong>Journey flowcharts</strong> – visual representations showing the current flow of actions users take to complete their tasks.</li>
<li><strong>Screenshots</strong> – capturing the current UI for each step of the journey.</li>
<li><strong>Pain points and observations</strong> – notes about usability issues or inconsistencies to help guide future UX design.</li>
</ul>
<h3>Process</h3>
<p>1. Research and Review</p>
<ul>
<li>Explore existing Drupal AI features and configuration interfaces.</li>
<li>Identify frequent user tasks and high-value use cases.</li>
</ul>
<p>2. Journey Selection and Prioritization</p>
<ul>
<li>Work with stakeholders to agree on the 10 journeys to be documented.</li>
<li>Prioritize based on user impact and technical importance.</li>
</ul>
<p>3. Journey Documentation</p>
<ul>
<li>Write each journey in Job-to-be-Done format.</li>
<li>Create a flowchart showing current steps.</li>
<li>Capture screenshots for each step.</li>
</ul>
<p>4. Journey Summary Sheet</p>
<ul>
<li>For each journey, create a 1-page summary with description, flow, screenshots, and notes.</li>
</ul>
<h3>Expected Outcome</h3>
<p>At the end of this project, we will have a complete, prioritized set of user journeys that clearly describe how users interact with Drupal AI today. This documentation will serve as the **foundation for future UX design work**, enabling designers to create more intuitive, visually cohesive, and user-friendly experiences.</p>
<h3>Next Step</h3>
<p>Once the journey documentation is complete, the next phase will be UX concepting and redesign, where designers will:</p>
<ul>
<li>Identify opportunities for simplification and visual coherence.</li>
<li>Propose new UX flows and interface layouts.</li>
<li>Create prototypes for validation.</li>
</ul>
<h3>Additional information</h3>
<p>As preparation for this issue <a href="https://docs.google.com/document/d/1ZFVITTtydDpnQt9GIT_6bmiFXnJdQZByoCL9Jw5-528/edit?tab=t.0#heading=h.516ssqmr248r">a Google Doc was created with screenshots of the first user journey</a>.</p>
<p>For a good design process the strategy and the goals of the product have to be defined clearly. For Drupal AI this can be found on <a href="https://new.drupal.org/ai/announcement">https://new.drupal.org/ai/announcement</a> in the linked <a href="https://new.drupal.org/assets/2025-06/Drupal-AI-Strategy-June-25_0.pdf%20">Drupal AI Strategy PDF</a>.</p>
<ul>
<li><a href="https://www.figma.com/board/GTaw9t0j3x5MB8LqcQfKBg/User-flows-and-journey-maps?node-id=1353-3318&p=f&t=hT2h73s71UbB8qnV-0">Example of user flows and journey maps</a> in Figma for flows in Drupal Core</li>
<li><a href="https://www.figma.com/design/lKjfH0RI181Yca2MC1Esb5/Drupal-CMS---Interface-Screens?node-id=2215-18624&p=f&t=EmO5u9jO64uo5gkt-0">Drupal CMS interface screens</a></li>
<li><a href="https://www.figma.com/design/IQNqQnxkUiFjp5GSp9E3nV/Design-System---Drupal-CMS?node-id=4675-3535&p=f&t=llBZBc1js29pXJKI-0">Drupal CMS Design System</a></li>
</ul>
<p>For the UX work we want to collaborate with Drupal CMS to re-use as much of the prior work as possible.</p>
issue