UX research case study, Florencia Sepúlveda

~62 SP

Story points of building and reworking saved by validating the home dashboard before re-designing it.Story points de construcción y retrabajo ahorrados al validar el dashboard antes de re-diseñarlo.

User interviews run for the homepage, by two designers taking turns.Entrevistas con usuarios para la homepage, hechas por dos diseñadoras turnándose.

→ process→ proceso

Research went from non-existent to a method that carried over into other features.El research pasó de no existir a un método que se trasladó a otras features.

Chapter 01 · The setupCapítulo 01 · El planteo

The homepage tying all the products together already existed, but it had been built on guesses, not on what users actually needed.La homepage que unía todos los productos ya existía, pero estaba hecha sobre suposiciones, no sobre lo que los usuarios realmente necesitaban.

The company had always been dev-first: most features went straight from an idea to code, with no research step in between. The homepage, a single dashboard meant to pull all the products together, had been built the same way, on what people believed would work rather than on anything we had checked with users. It was an early attempt at unifying the products, before a design system existed to do it properly. It had shipped, but it didn't work the way users expected.La empresa siempre había sido dev-first: la mayoría de las features pasaban directo de una idea al código, sin un paso de research en el medio. La homepage, un único dashboard pensado para unir todos los productos, estaba hecha de la misma forma, sobre lo que la gente creía que iba a funcionar y no sobre algo que hubiéramos chequeado con usuarios. Fue un intento temprano de unificar los productos, antes de que existiera un design system que lo hiciera bien. Estaba en producción, pero no funcionaba como los usuarios esperaban.

It was an important screen. It was the first thing people saw and the place where all the products came together. When I joined the design team, we had to re-focus the product around what users actually needed, and the homepage was where the research started.Era una pantalla importante. Era lo primero que la gente veía y el lugar donde se juntaban todos los productos. Cuando me sumé al equipo de diseño, tuvimos que reenfocar el producto alrededor de lo que los usuarios realmente necesitaban, y la homepage fue donde arrancó el research.

Chapter 02 · The frictionCapítulo 02 · La fricción

Designing on assumptions feels fast. The cost shows up later, when you have built the wrong thing.Diseñar sobre suposiciones se siente rápido. El costo aparece después, cuando ya construiste lo que no era.

The risk wasn't that the homepage would look bad. It was that we would spend weeks building something around what we thought users needed, ship it, and only then find out we were wrong, with all the rework that comes after.El riesgo no era que la homepage se viera mal. Era pasar semanas construyendo algo alrededor de lo que creíamos que los usuarios necesitaban, lanzarlo, y recién ahí darnos cuenta de que estábamos equivocados, con todo el retrabajo que viene después.

Another designer and I thought this was the moment to do it differently. Instead of arguing for research in the abstract, we would use the homepage to show what validating first actually saves.Otra diseñadora y yo pensamos que este era el momento de hacerlo distinto. En vez de defender el research en abstracto, íbamos a usar la homepage para mostrar lo que realmente ahorra validar primero.

Chapter 03 · The ideaCapítulo 03 · La idea

Use the homepage rebuild to make the case for research, with numbers, not opinions.Usar el rediseño de la homepage para defender el research con números, no con opiniones.

The plan was simple: before committing to a design, talk to real users about what they needed from that screen, and compare the cost of validating up front against the cost of building on assumptions and reworking later.El plan era simple: antes de comprometernos con un diseño, hablar con usuarios reales sobre lo que necesitaban de esa pantalla, y comparar el costo de validar al principio contra el costo de construir sobre suposiciones y rehacer después.

If it worked, we wouldn't just get a better homepage. We would have a concrete example to point to the next time someone said research would slow things down.Si funcionaba, no solo íbamos a tener una mejor homepage. Íbamos a tener un ejemplo concreto para señalar la próxima vez que alguien dijera que el research frena las cosas.

A set of user personas, CEO, HR consultant, managers, and a developer, each with goals, frustrations, and motivations.

FIG. 1 Before designing, we built a clear picture of who actually uses the product.Antes de diseñar, armamos una imagen clara de quién usa realmente el producto.

Chapter 04 · The workCapítulo 04 · El trabajo

We ran the interviews ourselves, taking turns: one asking, one observing.Hicimos las entrevistas nosotras mismas, turnándonos: una preguntaba, la otra observaba.

We ran ten interviews for the homepage. The two of us took turns, one leading the conversation, the other observing and taking notes, so we always had a second read on what people actually meant.Hicimos diez entrevistas para la homepage. Nos turnábamos las dos, una llevaba la conversación, la otra observaba y tomaba notas, así siempre teníamos una segunda lectura de lo que la gente realmente quería decir.

Then we put the findings into UX analysis tables: the classic approach, scoring and counting so we could see which needs carried the most weight and where the same patterns kept coming up. That turned a pile of conversations into a clear, defensible picture of what the homepage needed to do.Después volcamos los hallazgos en tablas de análisis UX: el enfoque clásico, puntuar y contar para ver qué necesidades pesaban más y dónde se repetían los mismos patrones. Eso convirtió un montón de conversaciones en una imagen clara y defendible de lo que la homepage tenía que hacer.

A synthesis board mapping interview findings into prioritized features, each with what, why, dependencies, and comments.

FIG. 2 Interviews turned into prioritized features, what, why, and what it depends on.Las entrevistas convertidas en features priorizadas: qué, por qué y de qué depende.

Two tablets showing usability testing results: a task-efficiency chart and a per-user scoring table flagging where people struggled.

FIG. 3 Findings scored and counted to surface the patterns that mattered most.Hallazgos puntuados y contados para que salgan a la luz los patrones que más importaban.

Chapter 05 · What changedCapítulo 05 · Lo que cambió

Validating first saved an estimated 62 story points of building and reworking on that one feature.Validar primero ahorró unos 62 story points de construcción y retrabajo solo en esa feature.

By designing the homepage around what we had actually heard, we avoided building on the wrong assumptions. We estimated it saved around 62 story points of build-and-rework on that feature alone, and the home dashboard shipped closer to what users needed the first time.Al diseñar la homepage alrededor de lo que realmente habíamos escuchado, evitamos construir sobre las suposiciones equivocadas. Estimamos que ahorró unos 62 story points de construcción y retrabajo solo en esa feature, y el dashboard salió más cerca de lo que los usuarios necesitaban desde la primera vez.

After that, research started showing up in other features too. It wasn't universal, some project managers leaned on it more than others, but enough of the team adopted the method that it became a normal way to work.Después de eso, el research empezó a aparecer también en otras features. No fue algo universal, algunos project managers se apoyaban más que otros, pero suficiente gente del equipo adoptó el método como para que se volviera una forma normal de trabajar.

A design iteration of the home dashboard with a To Do list panel surfacing nudges and actions that need attention.

FIG. 4 A design response to a finding, a To Do list surfacing what needs attention.Una respuesta de diseño a un hallazgo: una To Do list que muestra lo que necesita atención.

The home dashboard that shipped: recent events, recommended next steps, and quick actions.

FIG. 5 The dashboard that shipped, designed around what users actually told us.El dashboard que salió, diseñado alrededor de lo que los usuarios realmente nos dijeron.

Chapter 06 · What I took from itCapítulo 06 · Lo que me llevé

It's easier to get buy-in for research when you can show the work it saves, not just the principle.Es más fácil conseguir apoyo para el research cuando podés mostrar el trabajo que ahorra, no solo el principio.

What stuck with me is that the fastest way to make the case for research wasn't to defend it as good practice. It was to attach it to something concrete, work saved, rework avoided, that the whole team could see.Lo que me quedó es que la forma más rápida de defender el research no era defenderlo como buena práctica. Era atarlo a algo concreto, trabajo ahorrado, retrabajo evitado, que todo el equipo pudiera ver.

It didn't convince everyone, and that's fine. But it moved the default a little: from guessing first to asking first, at least some of the time.No convenció a todos, y está bien. Pero movió un poco el default: de suponer primero a preguntar primero, al menos algunas veces.