Strategy on Fernando Ruiz

Building a UX Team from Scratch

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

How to establish a UX function in an organization without UX—from first hire to mature team structure.

Starting from Scratch

Most organizations start with no UX. Engineers build features. Marketing sells them. Users struggle. Growing a UX function requires strategy, hiring, and culture change.

Phase 1: Hire First Designer (0-6 months)

Find senior designer (not junior—you need leadership)
Role: Establish UX thinking, run first user research, begin design documentation
Wins: One feature redesigned based on research

Phase 2: Build Small Team (6-18 months)

Design Culture

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Creating an organizational culture where design thinking is the default—requires leadership, education, and systematic reinforcement.

What is Design Culture?

Design culture is when an organization naturally thinks about users. Design isn’t siloed; it’s how everyone works. Engineers design code for humans. PMs design processes for clarity. Leadership designs strategy around user needs.

Design culture doesn’t happen by accident. It requires leadership commitment, continuous education, and systematic reinforcement.

One sentence punch: Design culture is when “what do users need?” becomes the default question, not the exception.**

Design Evangelism

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Design evangelism (or Design Advocacy) is the continuous process of promoting the value of user-centered design throughout an organization. It involves educating, persuading, and inspiring non-designer colleagues (engineers, product managers, marketing, sales, executives) to understand, value, and integrate design principles into their own work.

What Is Design Evangelism?

Imagine you are a nutrition expert at a company. You don’t just create a healthy menu for the cafeteria. You give talks about the benefits of good nutrition, put up informative posters, offer consultations, and encourage your colleagues to make healthier choices on their own. You don’t impose a diet; instead, you foster a culture of wellness.

Design Roadmap

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

A Design Roadmap is a strategic artifact that visualizes the design team’s priorities and work plan over the medium and long term. It aligns design initiatives with product and business objectives and communicates to the entire organization what the design team will focus on and why.

What Is a Design Roadmap?

Imagine a subway network map. It doesn’t show every street in the city, but it does show the main lines, key stations, and important connections. It gives you an overview of how to get around the city and the major future expansion projects. A Design Roadmap is that map for your product: it doesn’t detail every task, but it does show the major initiatives and how they connect to overall objectives.

Design Strategy and Vision

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Design Strategy (or UX Strategy) is the long-term plan that defines how the user experience will contribute to business objectives. The Design Vision is the inspiring picture of the future that the strategy aims to achieve. Together, they answer the questions: “Where do we want to go?” (Vision) and “How will we get there?” (Strategy).

What Are Design Strategy and Vision?

Imagine you are the captain of a ship. The Vision is your final destination, that paradise island you have in mind that motivates the entire crew. The Strategy is your navigation plan: the route you chart on the map, the currents you will leverage, the supplies you need, and the key ports where you will stop. Without the vision, you sail aimlessly. Without the strategy, the vision is just a dream.

Latency Budgets in UX: Response Times

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

A Latency Budget is the maximum time allowed (in milliseconds) for a user action to produce a visible response in the interface. It is not a technical metric; it is a design commitment to ensure experience fluidity.

Why the Designer should establish Latency Budgets?

Often, designers create complex flows and heavy interactions without considering the technical cost. If an opening animation of a menu takes 500ms and the server another 1000ms to return data, the user will feel the application is a heavy boat.

Offline-First Flows: Designing for Disconnection

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

The Offline-First strategy is a design and development approach that assumes the user will have an intermittent or null internet connection at some point. Instead of treating “Offline” as an error state, it is treated as a fundamental feature of the product. The goal is for the application to always keep working.

The Challenge of Modern Product Applications

Most traditional web apps (like Jira or Gmail) usually break or show a Chrome dinosaur when Wifi is cut. In advanced digital product design, such as Notion, Figma, or Linear, this is no longer acceptable.

People Management (Design Leadership)

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

People Management, in the context of design, is the practice of leading, mentoring, and supporting a team of designers so they can do the best work of their careers. It involves shifting from being a “doer” to being a “multiplier,” whose success is measured by the success and growth of the team.

What Is People Management in Design?

Imagine a great chef. In their early days, their success was measured by the incredible dishes they cooked themselves. But when they become the executive chef of a Michelin-starred restaurant, their success no longer depends on the dishes they cook, but on their ability to run the kitchen, create an exceptional menu, and train other chefs to cook at a level of excellence. They become a talent multiplier.

Reduced Motion Strategies: Motion and Accessibility

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Reduced Motion is an accessibility preference that users can activate in their operating systems (Windows, macOS, iOS, Android). When activated, it tells applications to remove or simplify unnecessary animations (prefers-reduced-motion) to prevent nausea, dizziness, or distraction for people with vestibular disorders or ADHD.

Why the Designer Should Manage Motion?

As designers, we love animations: zooms, parallax, bounces, and smooth transitions. However, for millions of people, these animations are not “pretty”; they are physically painful. Excessive movement can cause migraines, disorientation, and vestibular discomfort.

ROI of UX

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

How to measure and communicate the business value of UX—essential for stakeholder buy-in and budget allocation.

What is ROI of UX?

ROI (Return on Investment) measures financial return from investment. UX ROI quantifies: “For every dollar we spent on UX, how much did we gain?”

UX isn’t a cost center; it’s a profit center. Good UX increases conversion, reduces support costs, improves retention. Bad UX decreases all three. Proving this to leadership requires metrics.

Tab Order Strategy: The Keyboard User's Path

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Tab Order is the exact sequence in which a keyboard user (pressing Tab and Shift + Tab) traverses an interface’s interactive elements. A good tabbing strategy ensures that the user doesn’t get lost, doesn’t have to perform unnecessary clicks, and can complete their tasks quickly and logically.

Why the Designer Should Decide the Tab Order?

Although tab order is usually an automatic consequence of the order in the HTML code (the DOM), visual design can be much more complex. As designers, we sometimes create layouts with columns, grids, or floating elements that don’t follow a pure linear order.

UX KPIs

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

A UX KPI (Key Performance Indicator) is a quantifiable metric that a team uses to measure and evaluate the success of the user experience over time. They help teams understand whether their design efforts are achieving the desired outcomes.

What Are UX KPIs?

Imagine you are driving a car. The dashboard gives you vital information: the speedometer (speed), the fuel gauge (range), the engine temperature. You could not drive safely or efficiently without them. UX KPIs are the dashboard of your product: they are the indicators that tell you whether the user experience is on track or whether there are problems that need your attention.

UX Maturity Model

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

A framework for assessing organizational UX maturity and planning the journey from ad-hoc design to design-led strategy.

What is UX Maturity?

UX maturity is how systematically an organization integrates UX into decision-making. Maturity ranges from Level 0 (no UX) to Level 4 (design-driven organization).

Level 0: No UX thinking. Decisions based on gut feel. Level 1: Ad-hoc UX. Designers react to crises. No strategy. Level 2: Emerging UX. Processes exist. Design is consulted, not leading. Level 3: Strategic UX. Design is foundational. Metrics guide decisions. Level 4: Design-led. Organization prioritizes UX. Every decision is user-centered.

UX Strategy Document

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

A UX Strategy Document is an artifact that articulates the [[Strategy and Vision|design strategy and vision]] of a product or service. It connects business goals with user needs and establishes a high-level plan for how design will help close the gap between where the product is now and where it wants to be in the future.

What Is a UX Strategy Document?

Imagine you are going on a road trip across a country. You don’t just get in the car and start driving. First, you create a travel plan: you define your final destination (the vision), the route you will follow, the key stops you will make (the strategic pillars), the budget you need, and how you will know you are on the right track. A UX Strategy Document is that travel plan for your product’s user experience.