Mirando a Ro-Lu: un estudio de caso de usabilidad

Ro-Lu es un estudio de diseño de mobiliario, paisaje y medio ambiente que también trabaja en arte y otros proyectos relacionados con el diseño. El estudio se identifica con tener una práctica abierta, exploratoria y ha incursionado en muchas otras disciplinas. Se supone que cuando se concibió el sitio, la intención del diseño era reflejar su estilo e ideología.

Lo que sigue es un diálogo entre los diseñadores de Toptal Darko Stanimirovic y Kent Mundle mientras exploran el sitio de Ro-Lu y discuten su estética, facilidad de uso y experiencia general del usuario. (Nota del editor: el sitio ha cambiado su diseño desde la discusión).

Este proyecto desafía muchas suposiciones de lo que podría ser la cartera basada en la web de un estudio de diseño, incluida su experiencia de usuario. Es posible que algunos visitantes del sitio consideren que la apariencia experimental compromete su usabilidad.

Algunas de las preguntas centrales que se hacen son: ¿Es aceptable que la estética visual ocupe un lugar central mientras se sacrifica la UX? ¿Qué les dice este sitio a otros diseñadores acerca de desafiar el status quo? ¿Ha llevado las cosas demasiado lejos?

Kent: Darko, ¿ha encontrado anteriormente una interfaz como esta?

Darko: Llegué a la página sin ningún conocimiento real de la historia de este grupo, o la del diseñador detrás del sitio, así que pude verla con nuevos ojos. Lo encontré visualmente interesante: los colores y el diseño son geniales, pero no había nada que me informara de qué se trataba el sitio, ni cómo interactuar con él. Mi primera inclinación fue comprender cómo funcionaba el sitio y cómo interactuar con él, en lugar de aprender quiénes eran los artistas.

Me imagino que la mayoría de los diseñadores de UX que visitan el sitio lo desaprobarían debido a su mala navegación y falta de una estructura coherente. No está claro dónde se encuentra o cuáles son las opciones disponibles para la exploración. Pero, al mismo tiempo, creo que comunica el estudio de una manera única: ciertamente es memorable.

Incluso si visitó el sitio con la intención específica de encontrar un determinado proyecto o la exposición más reciente, sería difícil orientarse. Los diseñadores del estudio y el diseñador del sitio parecen indiferentes a las necesidades de los visitantes del sitio y más interesados ​​en brindar una experiencia única, sin importar cuán desconcertante sea la experiencia del usuario.

Un diseño de portafolio interesante se concibe como una especie de exposición, en lugar de un simple catálogo de trabajo.

Kent: ¿Es una cualidad inherente de los portafolios en línea de algunos diseñadores lo que permite que el diseño se salga de la norma?

Darko: Los portafolios web de los estudios de diseño generalmente los realizan diseñadores en lugar de desarrolladores. A menudo, no tienen idea de cómo desarrollar el sitio, pero son libres de pensar en el proyecto de una manera diferente. Al igual que el sitio de Ro-Lu, los portafolios en línea más interesantes se conciben como una especie de exhibición en línea en una galería virtual en lugar de un simple catálogo de trabajo.

Por lo general, un diseñador preguntaría: “¿Cuál es el objetivo del sitio? ¿Qué impresión queremos dejar en los visitantes? ¿Dónde recopilaremos los correos electrónicos? etc.” En este caso, parece que nos invitan a una exposición que presenta conceptualmente el trabajo del estudio. El diseñador del sitio trata la pantalla digital como si fueran las habitaciones y las paredes de una galería, o una página en una revista brillante, y no se le da mucha consideración a las necesidades del visitante.

Kent: ¿Cómo podría un diseñador mejorar la navegación sin comprometer el diseño previsto del sitio?

Darko: Puede haber formas en las que un diseñador pueda hacer que este sitio sea más efectivo, pero no estoy seguro de cuán interesados ​​estaban los diseñadores en hacer que la navegación fuera más obvia. Los diseñadores gráficos tradicionales que hacen diseño web a menudo tienen una actitud casual hacia los visitantes que descubren cómo navegar un sitio de manera efectiva, como si fuera un juego y su "descubrimiento" fuera parte de la diversión. En mi opinión, esto es contraproducente.

Si tuviera que rediseñar este sitio, les indicaría a los visitantes que este es un lienzo que muestra el trabajo, con más de lo que parece. Cuando un visitante aterriza por primera vez en el sitio, parece que lo que ve es lo que obtiene, y no hay nada más que explorar; nada señala lo que se puede hacer clic para moverse a cualquier lugar (falta de significantes para dar pistas a las personas). Esta es una gran falla de usabilidad y es perjudicial para el propósito del sitio.

De alguna manera comunicaría que la intención es que el usuario interactúe con la pizarra plana de imágenes a través del movimiento. Quizás al entrar, toda la página podría moverse rápidamente, solo un poco, y luego dejarse en su lugar. O los elementos individuales podrían identificarse con un ligero movimiento. Quizás entonces, la gente se daría cuenta de que la interfaz de usuario se puede explorar a través de varios medios. Tal vez una imagen podría moverse un poco hacia un lado, un fragmento de texto hacia otro, indicando de alguna manera a los visitantes que son interactivos.

Asimismo, la opción de hacer zoom en el lienzo no es obvia. Situados en la esquina superior izquierda, los botones son demasiado pequeños para que se noten. Además, una vez acercado, no hay mucho más atractivo visualmente, por lo que hay poca recompensa por hacerlo. Es demasiado ingenioso, lo que hace que los visitantes se sientan aún más perdidos y sin saber qué hacer.

También se necesita atención dentro de los propios proyectos. Después de seleccionar un proyecto, no está claro qué hacer a continuación. Con una tableta, a diferencia de una computadora de escritorio, el cursor no puede cambiar al pasar el mouse para indicar que se puede hacer clic en la imagen principal, lo que significa que se avanza a la siguiente etapa.

Una vez que un visitante finalmente ingresa, las cuatro flechas de navegación en la interfaz de usuario son confusas. La izquierda y la derecha por sí solas parecen sencillas y proporcionan una progresión lógica: agregar la parte superior e inferior compromete toda la estructura.

Parte del diseño de este portafolio se trata de jugar con las limitaciones.

Kent: ¿Las cualidades únicas de esta experiencia justifican los inconvenientes del experimento?

Darko: El concepto del lienzo suelto podría mantenerse y al mismo tiempo hacer que el sitio sea más utilizable. Mejorar la usabilidad no significa necesariamente volver a caer en un diseño web de mampostería tradicional. El problema principal aquí es que el usuario se ve obligado a emprender un viaje de "descubrimiento". Esto es un error. No es algo que la gente espere o esté preparada para hacer cuando visita un sitio web.

Hay cierta fricción incorporada al conocer este sitio; tal vez esa fricción es lo que hace que el sitio sea tan único. Dicho esto, no creo que a la gente se le deba “hacer trabajar” para disfrutar de un sitio web. Demasiada fricción puede llevar las cosas demasiado lejos, lo que hace que los visitantes abandonen el sitio frustrados.

Kent: ¿Pueden las buenas intenciones del diseñador del sitio liberar al producto de sus cualidades negativas?

Darko: Creo que gran parte de esto es intencional y que la aleatoriedad no es aleatoria, ya que se parece a una tendencia en el diseño gráfico llamada contenido expuesto que ha sido popular desde hace un tiempo. El tema aquí es que el diseño en la web no es diseño gráfico; es diseño web .

Se descartan muchos estándares de diseño web tradicionales para clientes conocidos, todo en nombre de la experimentación y el deseo de ser "diferentes". En lugar de centrarse en presentarlo de la manera más eficiente, con la mejor UX, este sitio representa cómo piensan los creadores sobre su trabajo, su práctica y cómo quieren presentarlo al mundo.

Por ejemplo, en su página "Acerca de", muestran elementos que parecen irrelevantes al principio, como las fotos en miniatura a mitad de la oración. Para una persona promedio, estos fragmentos pueden parecer redundantes o inútiles, pero realmente muestran cómo este estudio aprovecha cada oportunidad para expresar su estilo y comunicar a los visitantes quiénes son.

Este sitio es un ejemplo que demuestra que un portafolio no tiene que dejar que el trabajo hable por sí mismo, sino que la forma en que se presenta también puede expresar los valores del individuo.

Kent: Aunque gran parte de lo que se cuestiona en este sitio web es específico del tipo de contenido del portafolio, ¿hay lecciones que se puedan aplicar en general al diseño web?

Darko: Aunque un proyecto de cartera es inherentemente más flexible en el sentido de que no siempre necesita comunicar todo a la perfección, este sitio web muestra que la experimentación en el diseño web es posible y que es necesaria.

La mayoría de los diseñadores web comienzan las maquetas con componentes que no son interactivos; este sitio web sería imposible de concebir de esa manera. Pero en lugar de evitarlo, creo que es importante que analicemos lo que este sitio web está tratando de hacer porque claramente no fue fácil de ejecutar.

La web todavía tiene sus limitaciones, pero en mi opinión, los diseñadores web a menudo se sienten demasiado limitados por ellas. Este sitio muestra cómo comenzar a expandir las posibilidades, y no debe ser simplemente descartado como un "sitio de portafolio artístico", donde un diseñador es libre de hacer lo que quiera.

La pregunta entonces es, ¿cómo hacemos esto sin romper la usabilidad?

Kent: A menudo, por supuesto, es difícil reinventar la rueda dentro de los límites de los presupuestos y los plazos.

Darko: Sí, a menudo esas restricciones obligan a los diseñadores a retirarse a la seguridad de lo que ya existe, oa lo que la gente está acostumbrada. Esto habla de una discusión más amplia sobre la importancia de la originalidad en el diseño web y la comprensión de esas ventajas o desventajas. ¿Dónde debemos sacrificar la usabilidad por la originalidad, o viceversa? ¿Cómo encontramos ese equilibrio? Es un debate interesante.

(El sitio web de Ro-Lu fue diseñado por Dylan Fracareta y Eric Price. Fracareta, quien ahora es director de diseño en el Museo de Arte Contemporáneo de Chicago, solía dirigir una práctica de diseño independiente, enfocándose en el diseño para el arte, la arquitectura, la moda y Price es un diseñador gráfico y programador con un enfoque en medios digitales, publicaciones y diseño de identidad para los sectores del arte y la cultura).

• • •

Lectura adicional en el blog de diseño de Toptal:

• Análisis heurístico para UX: cómo ejecutar una evaluación de usabilidad
• Una diatriba contra los diseños bonitos
• La experiencia lo es todo: la guía definitiva de UX
• Pruebas de UX para las masas: manténgalo simple y rentable