Es feo, pero funciona: diseño para usarse

Publicación original de

Graeme

Adaptación de

Diego Núñez

Incluso hoy, en pleno 2018, puedes encontrar sitios feos, pero muy populares. Algunos de estos sitios son muy parecidos a sus versiones de los 90.

Wikipedia, Reddit, Hacker News y Craiglist.

Todos estos sitios son enormemente populares, a pesar de ser feos. Y son populares por una razón clave: hacen lo que su público necesita que hagan.

Por ejemplo:

  • Reddit tiene *234 millones de usuarios únicos, y 8,19 mil millones de vistas mensuales. 25 millones de votos diarios y aún así Reddit carga muy rápidamente.

  • Hacker News solo muestra noticias frescas acerca de start ups, “el contenido sobre todo”, esta misión es lo que los usuarios valoran más de Hacker News.

  • Wikipedia organiza información de una manera muy simple haciendo que sea fácil de encontrar y consumir para cualquier usuario.

Cuando una aplicación <<hace lo que debe hacer>>, deja en segundo término su parte visual porque lo primero es solucionar el problema. Un gran ejemplo de esta idea es una aplicación poco conocida llamada My Tabata.

Exploremos cómo funciona esta aplicación y cómo puede que la solución a un problema sea más importante que la parte visual.

My Tabata: buena UX con una UI fea

My Tabata Aplicación

Sin saber qué hace la aplicación<<asumiendo que no sabes qué es Tabata>> parece un diseño de baja calidad; sin embargo, es impresionante que cuando la aplicación es utilizada, bajo el contexto en el cual fue diseñada, resuelve el problema muy bien. Esto lo puedes ver reflejado con su calificación promedio de 4.4/5 con más de 4,200 opiniones de usuarios.

Reseñas de My Tabata

Bueno, ¿y cuál es el problema que resuelve?

Tabata se trata de realizar ejercicios simples en intervalos,pero a alta intensidad. 20 segundos de acción y 10 de descanso entre cada intervalo.

Tabla de entrenamiento Tabata de Wome’s Health Magazine

No es tarea sencilla para un usuario tomar los tiempos de intervalos y descansos de forma manual con un teléfono o reloj inteligente. My Taba resuelve el problema de una manera muy intuitiva, a pesar de la fea interfaz. Como resultado de lo anterior, mejora la experiencia de ejercitarse con base en los siguientes cuatro principios:

4 lección de experiencia de usuario de My Tabata

  1. Uso de interacciones que tienen sentido en el contexto del ejercicio

Cuando estás brincando y haciendo burpees, muy probablemente te canses y necesites pausar tu sesión Tabata para beber un poco de agua. No existe un botón de <<detenerse o alto>> en la aplicación, en su lugar se utiliza una manera más sencilla, haz tap en cualquier parte de la pantalla para dar <<continuar o alto>>.

Tap para detenerse

Esta característica es muy útil para que el usuario se concentre en el ejercicio y no en pelearse con su smartphone.

2. Navegación al mínimo

Cuando el usuario abre la aplicación solamente existe la pantalla de <<continuar o alto>> y no hay nada más.

Dale tap a la pantalla y ve directo a tu sesión de ejercicio, la experiencia está en el Tabata y no en la app. El resultado de esta navegación al mínimo es que el usuario logra su objetivo con el primer contacto con la aplicación.

Tu trabajo es que el usuario logre su objetivo. La navegación en las interfases nunca es el objetivo del usuario. Si haces tu trabajo correctamente, la aplicación sólo hará una cosa, la va a hacer muy bien y en una sola pantalla”

-Antoine Valot

Aunque los usuarios pueden activar el menú de hamburguesa, en la cima a la derecha, para entrar a las configuraciones, esta acción no interrumpe la sesión de Tabata.

3. Uso del audio solo cuando es necesario

Cuando se acercan los últimos segundos de una sesión el usuario puede voltear a ver la pantalla de My Tabata en busca de información.

La aplicación utiliza cuentas hacia atrás << 3, 2, 1>> con audios para que el usuario se concentre en su sesión, pero también tenga la información que busca aún sin voltear a la pantalla del dispositivo.

4. Guardar el progreso del usuario

A medida que la sesión avanza, es muy probable que los usuarios sepan en qué parte de la sesión se encuentran. Aunque la implementación visual no es la mejor, los usuarios pueden obtener la información de una manera sencilla con un gráfico al fondo de la pantalla.

En combinación con un temporizador este gráfico mejora la experiencia de una sesión Tabata.

En conclusión

No caigas en el error de sacrificar información contextual en favor de los visuales.

Ve este gráfico de las jerarquías en UX, experiencia de usuario.

Foto adaptada de Growth Engineering

¡Claro! Visuales placenteros puede convertir productos buenos en algo increíble, pero sólo si el producto es útil, utilizable y confiable. De cualquier otra forma estás haciendo castillos en la arena.

*Estadísticas de 2016

Share to your friends
Author avatar

Graeme Fulton

Making Prototypr and Letter.so