Krypton Solid

Cómo reciclar patrones de diseño para el éxito de la experiencia de usuario

Cómo reciclar patrones de diseño para el éxito de la experiencia de usuario

El diseño de interacción ha existido desde que somos lo suficientemente sofisticados como para desarrollar incluso herramientas básicas. Es el proceso de inventar, optimizar e iterar sobre el éxito anterior para hacer las cosas no solo mejores, sino también más familiares para nuestros usuarios.

Es una habilidad que no se limita a ninguna industria y, sin embargo, tiene la reputación de ser principalmente un instrumento de diseñador moderno.

En la Web, utilizamos principios de diseño de interacción para familiarizar las cosas y exponer a nuestros usuarios a nuevos conceptos que ya saben cómo usar, antes de usarlos realmente. Asegurarnos de que nuestros usuarios se sientan cómodos y familiarizados con un producto, servicio o incluso un patrón de interfaz de usuario marca una gran diferencia en la forma en que se percibe nuestro trabajo.

El diseño y la investigación detallados de la interacción pueden conducir a una experiencia de usuario mucho mejor y a un producto más accesible. Al traer nuevas (incluso revolucionarias) ideas al mercado, el diseño de interacción es fundamental para garantizar que estas nuevas cosas llamativas sean fáciles de usar y se sientan familiares para nuestros clientes.

El uso del marketing por parte de Apple con el lanzamiento del iPad original es un ejemplo sobresaliente de este proceso. La idea de una tableta había existido y se había probado, pero el trabajo de Apple para hacer que el dispositivo pareciera sencillo y natural aceleró su éxito como una nueva plataforma.

Hacer que nuestros usuarios se sientan cómodos sosteniendo, usando o incluso pensando en nuevas ideas o productos es esencial para el diseño de la experiencia del usuario.

«Pedir a los usuarios que adopten nuevos comportamientos o incluso que modifiquen sus comportamientos existentes es muy, muy difícil». – Khol Vinh de Mixel

Diseño de interacción en la Web

El diseño de interacción en la Web se centra principalmente en la interfaz de usuario y el diseño. A diferencia de otros medios, esto es único en el sentido de que existen millones de ejemplos de casi todos los casos de uso que existen. Por lo tanto, es más un problema de encontrar la base desde la que iterar, en lugar de tratar de encontrar la base en absoluto.

Recursos como PatrónToque o Pttrns son recursos fantásticos para comparar y encontrar inspiración en patrones existentes. Cosas como iconos, navegación e incluso páginas 404 tienen sus propias categorías respectivas. Poder colaborar de esta forma con el resto de la industria hace que el formato online sea tan único. Permite la creación de prototipos masivos y la investigación a gran escala de lo que funciona y lo que no.

Utilice patrones que ofrezcan una buena experiencia de usuario

Si fuera tan fácil como elegir un patrón probado y verdadero que funcione siempre para navegación, íconos, listas o cualquier otra cosa; estaríamos sin trabajo. Una buena experiencia de usuario se basa en una base sólida de investigación y prueba.

Lo que puede funcionar muy bien para otra persona en una situación similar, puede no funcionar para usted. Por esta razón, siempre es importante hacer nuestro propio análisis, experimentación y pruebas.

Comenzando, queremos identificar lo que espera nuestro usuario. Por ejemplo, si estamos planeando dónde colocar la navegación de una página, el sentido común nos dice que nuestros usuarios esperan que esté en algún lugar cerca de la parte superior, ya sea en un elemento de estilo de encabezado o en una barra lateral. Luego, querremos identificar cuál de estos casos de uso sería ideal para nuestra situación particular (barra lateral frente a encabezado) y, con suerte, tendremos datos que respalden esa suposición. Este es un ejemplo mínimo y aproximado de un proceso de diseño de interacción.

Usar patrones de usuario emergentes

Los patrones de uso común se consideran más o menos apuestas «seguras». La mayoría de la gente sabe lo que quieren decir, sabemos cómo nuestros usuarios esperan que funcionen y su uso común nos dice que es algo con lo que la gente se siente cómoda (o lo estará muy pronto). Los patrones emergentes, por otro lado, son mucho más dramáticos. Estos patrones son nuevos, llamativos y aún no están refinados ni lo suficientemente comunes como para que nuestros usuarios los comprendan de inmediato. Pueden generar confusión, insatisfacción o incluso hacer que una interfaz se vea mal diseñada.

Dicho todo esto, los patrones emergentes son únicos por una razón. Si bien no todos los entienden o están familiarizados con ellos todavía, es posible que lo estén pronto. Vale la pena prestarles atención por el simple hecho de que nadie quiere ser el último persona para implementar la nueva funcionalidad. Con la creciente popularidad de algunas interacciones, a veces nuestros usuarios incluso esperan que las implementemos después de cierto punto. Entonces, aunque los patrones emergentes parecen vagos, a veces vale la pena ser uno de los primeros en adoptar si los riesgos son bajos.

La debacle del icono de la hamburguesa

Un ejemplo de un patrón de uso emergente (y muy debatido) es el icono de la hamburguesa. Si bien es ciertamente discutible en términos de expresar su funcionalidad, nadie puede negar que es un patrón cada vez más popular y exitoso. Incluso para los usuarios que no entienden su uso o significado, un solo toque o clic revela dicha información. El ícono de la hamburguesa puede convertirse fácilmente en un patrón popular y bien entendido, simplemente con incluir la palabra «menú» al lado del ícono. Algún día, en el futuro, el icono de la hamburguesa puede ser tan aburrido y común como usar una «X» para cerrar.

Una interfaz de usuario es como una broma. Si tienes que explicarlo, no es tan bueno. – Martin LeBlanc

Capacitar a nuestros usuarios para que se sientan cómodos

Tener que explicar la funcionalidad detrás de nuestra interfaz generalmente significa que no es tan buena. Pero sin ese entrenamiento para nuevas ideas, nunca progresaríamos. En lugar de apuntar a No explicación, deberíamos apuntar a muy poco explicación en su lugar. Si tenemos que entregar un folleto con nuestra interfaz de usuario, podemos decir con seguridad que lo estamos haciendo mal. Si solo se necesita una oración o una breve declaración para explicar la funcionalidad, aún podríamos hacerlo mejor … pero esto ciertamente está bien. En resumen, nada nuevo se volverá cómodo si no exponemos a los usuarios correctamente, lo que a veces significa explicar nuestras ideas.

Rompiendo moldes

Los patrones inusuales se ponen de moda y aparecen de vez en cuando. Hemos visto interacciones como el desplazamiento horizontal y las páginas de paralaje aumentar en popularidad a pesar de sus connotaciones negativas de UX. A veces, romper el molde y hacer algo único puede resultar en algo hermoso que todavía satisface las necesidades de los usuarios. No debemos tener miedo de experimentar y probar cosas nuevas, especialmente cuando se trata del área del diseño de interacción. Descubrir patrones que hagan que nuestros usuarios se sientan más cómodos y designen su función con mayor claridad es algo que todos podemos respaldar.

Conclusión

La elección cuidadosa de los patrones de uso al crear nuestras IU puede hacer que los usuarios comprendan y se sientan cómodos con nuestro trabajo incluso antes de usarlo. Cuando trabajamos con productos o servicios que se encuentran en un nicho de mercado o son relativamente nuevos, todos podríamos beneficiarnos de hacerlos más accesibles.

El diseño de interacción es único en el sentido de que es en gran medida una ciencia colaborativa provocada por nuestro deseo de poner nuevas ideas en manos de nuestros usuarios.

Imagen destacada / miniatura, imagen de comportamiento aprendido a través de Shutterstock.

Deja un comentario