Krypton Solid

Cómo superar la «paradoja de la elección» en el diseño de la interfaz de usuario

Cómo superar la «paradoja de la elección» en el diseño de la interfaz de usuario

“Menos es más” es uno de los principios de diseño minimalista más importantes que todo diseñador aprende: lees mucho sobre él, sabes que es realmente importante, pero aún así puedes equivocarte. Lo importante es dar la vuelta, aprender de ello y evolucionar. Y así lo hicimos.

Con el lanzamiento de Todoist Next en enero de este año, presentamos un nuevo diseño junto con nuevas funciones. Desde el principio, nuestro objetivo fue modernizar la aplicación y mejorar la experiencia del usuario en todos los ámbitos. Posponer tareas era una de las cosas que más queríamos mejorar. Pero no fue tan fácil como esperábamos …

Afuera con lo viejo

La versión anterior de nuestra aplicación solo tenía dos opciones cuando se trataba de reprogramar tareas. O eligió «Hágalo hoy» o «Aplazar» (que podría ser mañana o la próxima aparición para tareas recurrentes). Siempre que necesitara un poco más de control, necesitaba usar el calendario completo o escribir una nueva fecha. En los clientes web y de escritorio, es muy fácil escribir una nueva fecha y hora, ya que tiene el teclado y el mouse físicos. Pero en el móvil, la experiencia fue un poco rota. Podrías escribir una nueva fecha, pero no fue muy conveniente, especialmente cuando estás en el modo «un globo ocular y un pulgar».

Adentro con lo nuevo

Dado que el sistema anterior era tan limitado, realmente queríamos brindarles a nuestros usuarios más opciones y hacerlo mucho más visual para que fuera más flexible y fácil de usar en dispositivos móviles, pero también excelente en otras plataformas. En ese preciso momento, la elección era más.

Como queríamos crear una gran experiencia móvil, utilizamos el enfoque de «móvil primero» en el desarrollo: si funciona en dispositivos móviles, es más fácil hacerlo funcionar en el escritorio, donde tiene más espacio en la pantalla y métodos de entrada más precisos.

Con todo esto en mente, comenzamos a explorar cómo podría funcionar y qué dirección ayudaría más a nuestros usuarios. Investigamos otras soluciones que intentaban abordar problemas similares a los nuestros, pero sentimos que la mayoría de ellas eran limitadas y que podíamos mejorarlas, aunque algunas de ellas son soluciones realmente buenas.

Un planificador «inteligente» fue nuestra gran idea. Un sistema inteligente que analizaría sus tareas y sugeriría las mejores citas mágicamente. Por ejemplo, cuando reprogramas una tarea para la próxima semana, el sistema examinará tus tareas actuales y seleccionará un día de la semana siguiente sin tareas pendientes. Y seria ¡increíble! Para el usuario sería una obviedad, con una interfaz realmente agradable impulsada por un algoritmo fuerte para buscar las mejores fechas. Para el equipo, sería un gran logro combinar una interfaz increíble con una codificación sólida en un producto sólido.

Etapas iniciales de desarrollo: desde menús circulares hasta conjuntos de opciones realmente complejos con sugerencias de fechas marcadas en el calendario y comentarios adicionales disponibles.

Todo estaba encajando con los desarrollos iniciales, y las primeras maquetas parecían prometedoras. Incluso comenzamos a tener nuevas ideas sobre cómo hacerlo aún más poderoso. Agregamos un grupo inicial de opciones (hoy, mañana, la semana que viene, algún día), una opción de vista de calendario clásica y «sugerencias de fecha» que llevarían toda la magia a la pantalla. Probamos diferentes diseños, incluso un menú circular, e iteramos rápidamente en el rango de opciones (entre 6 y 9 opciones en la pantalla a la vez).

Pronto comenzamos a pensar en cómo reducir los pasos de interacción, cómo aumentar las opciones de elección y reducir los toques. Una de las opciones mostraría el calendario clásico pero eso parecía un toque extra innecesario, porque podíamos encajar todo en la misma pantalla. Y así lo probamos. Y probado.

El momento uh-oh

Uno de los primeros problemas que detectamos con la “magia” fue la falta de retroalimentación sobre las fechas. Si el usuario eligió la próxima semana, el sistema agregaba la fecha, pero el usuario no tenía voz al respecto. Incluso si fuera un día libre, es posible que desee programar la tarea para otro día. Necesitábamos un paso adicional para mostrar la fecha que el usuario podría confirmar.

Otro problema se hizo evidente: no teníamos suficiente información sobre los usuarios para hacer realmente las mejores sugerencias posibles. Para hacerlo, probablemente habría requerido mucha información por parte del usuario o, en realidad, espiar todo lo que hace. Además de todo, la codificación de dicho sistema se estaba volviendo realmente complicada.

Además, la interfaz se estaba volviendo realmente desordenada con muchas opciones, y se requerían demasiados toques para algunas selecciones simples. En este punto habíamos llegado a una «paradoja de la elección», un término acuñado por Barry Schwartz—Teníamos tantas opciones que, de hecho, seleccionar una era una tarea abrumadora en sí misma.

La primera solución con la que comenzamos fue una solución algorítmica que haría cálculos por usted. La idea es inteligente en el papel, pero una pesadilla de implementar ya que no tenemos suficiente información para que sea realmente inteligente. – Fundador de Todoist, Amir Salihefendic.

Con la valiosa ayuda de Khoi Vinh (diseñador increíble y gurú de UX), comenzamos a darnos cuenta de que no estábamos logrando nuestro objetivo de simplificación, estábamos creando la aplicación más Complicado.

Finalmente superando la paradoja de la elección

Al desarrollar una aplicación, la mayoría de las veces su imaginación es el límite. Esto significa que es fácil exagerar por completo. Nosotros mismos caímos en esta trampa. A partir de ahí, tuvimos que dar un paso atrás y repensar todo el sistema.

Abogamos firmemente por la simplicidad en las interfaces de usuario, por lo que nuestro nuevo programador visual no podría ser complicado. Aquí, comenzamos usando uno de De Sheena Iyengar principios de “El arte de elegir”: cortar. El conjunto de opciones se restringió y las sugerencias de fechas se eliminaron por completo.

wdd-internal2

Aunque las versiones de Android e iOS funcionan de la misma manera, la interfaz de usuario se ajustó para adaptarse mejor a cada plataforma. Aunque es el diseño final, el conjunto de opciones aún se ajustará antes del lanzamiento.

El diseño también se simplificó. La solución final es una cuadrícula de opciones de 3 × 2, con acceso a un calendario completo como una de las opciones, por lo que es fácil saber qué esperar en cualquier momento. Algunas de las otras soluciones podrían haber sido buenas opciones, pero después de probarlas, pensamos que eran más difíciles de usar y requerían una curva de aprendizaje más pronunciada. A veces es mejor hacerlo simple.

Se hizo un gran esfuerzo para desarrollar el sistema y, al final, nos decidimos por un grupo de opciones fácilmente comprensible. Todo esto con el fin de ofrecer una excelente experiencia de usuario que realmente ayude al usuario a tomar decisiones sobre las fechas de vencimiento y, en última instancia, a hacer las cosas.

Deja un comentario