10 principios que forman mi estrategia de diseño de interfaz de usuario

La interfaz de usuario es una parte esencial de cualquier producto digital. Cuando la interfaz está bien diseñada, los usuarios no la notan, es una experiencia perfecta. Los problemas comienzan cuando la interfaz de usuario está mal diseñada y los usuarios no pueden completar su flujo de tareas.

Para aumentar las posibilidades de éxito, la mayoría de los diseñadores siguen los tres principios de diseño de interfaz conocidos:

  • Jakob Nielsen: 10 heurísticas de usabilidad para el diseño de la interfaz de usuario
  • Ben Shneiderman: las ocho reglas de oro del diseño de la interfaz
  • Bruce Tognazzini - Principios del diseño de interacción.

Sigo los principios fundamentales del diseño, pero he descubierto que la mejor manera de aprender es mirando ejemplos de mal diseño y comparándolos con un buen diseño. ¿Por qué? Porque llaman la atención sobre los errores que debe evitar y nos permiten diseñar una mejor solución.

"Un buen diseño, cuando se hace bien, se vuelve invisible. Es solo cuando se hace mal que lo notamos ". Jared Spool

No me malinterpreten, buscar errores en los diseños de IU no es el método más científico, pero me ha funcionado. Estos errores comunes me llevaron a crear diez principios que forman mi estrategia para el diseño de la interfaz de usuario. Diez principios que me gustaría compartir con ustedes en este artículo.

  1. Hazlo facil
  2. No hagas que tus problemas sean problemas de los usuarios
  3. Ponga a los usuarios en control de la interfaz
  4. Reduce la carga cognitiva
  5. Claridad sobre la complejidad
  6. Se humano
  7. El diablo está en el detalle
  8. Hacer que las interfaces de usuario sean consistentes
  9. Prevención de errores
  10. Divulgación progresiva

Exploremos cada principio de diseño ...

1. Facilite el diseño de su interfaz de usuario

Ya sea que desee mejorar la usabilidad o aumentar la conversión, lo más importante en lo que un diseñador puede enfocarse es asegurarse de que el diseño de la interfaz de usuario sea sencillo. Las expectativas de los usuarios son más altas que nunca y no toleran experiencias estresantes. Veo a muchas organizaciones obsesionadas con las últimas tendencias cuando ni siquiera tienen los conceptos básicos correctos: mantenga la interfaz simple para evitar que los usuarios recurran a sus competidores.

2. No hagas que tus problemas sean problemas de los usuarios

El diseño de la interfaz puede ser muy subjetivo, en particular con los diseñadores de UI y los desarrolladores web. El conflicto de prioridades y los plazos apresurados a menudo pueden llevarlos a resolver sus propios problemas en lugar de centrarse en mejorar la experiencia del usuario.

Un ejemplo común de este problema es el formato de los campos de formulario. Hay muchos sitios web de comercio electrónico que requieren que los usuarios formateen números de teléfono o códigos postales mientras completan sus datos de entrega.

Por experiencia, este tipo de problema a menudo se produce porque el formateo de la información para ponerlo en una base de datos requiere un esfuerzo por parte de un desarrollador y parece "más fácil" hacer que el usuario lo haga, no agregue complejidad a la experiencia del usuario.

3. Ponga a los usuarios en control de la interfaz

Una interfaz de usuario bien diseñada infunde una sensación de control en sus usuarios: la comodidad proviene del control. Al poner a los usuarios en control de la interfaz, les permite aprender rápidamente y obtener una sensación de poder.

Un diseño irreflexivo quita la comodidad al obligar a los usuarios a interacciones no planificadas, viajes complicados y resultados decepcionantes. Sigue mi consejo y haz que la interfaz sea obvia: confía en mí, lo que es obvio para ti puede no serlo para otra persona.

4. Reduce la carga cognitiva

La carga cognitiva es la cantidad de poder de procesamiento mental requerida para usar un producto. Al proporcionar al usuario demasiada información para manejar su rendimiento, los usuarios perderán detalles importantes, se abrumarán o incluso abandonarán la tarea.

La capacidad de atención de los usuarios se está acortando y las expectativas son cada vez mayores. Es importante mejorar la usabilidad y la legibilidad a través de una buena organización visual. Hay muchas pautas de IU a seguir, desde fragmentar el contenido hasta optimizar los tiempos de respuesta, están destinadas a reducir la carga cognitiva.

En pocas palabras, evite presentar demasiada información a la vez en una pantalla: enlaces antiguos, imágenes irrelevantes, texto sin sentido. En su lugar, aplique los principios generales de la organización del contenido, como agrupar elementos relacionados, viñetas, encabezados claros y llamadas a la acción obvias: es mejor evitar que los usuarios se vuelvan delgados o trabajen duro para usar su producto.

Artículo relacionado: Minimice la carga cognitiva para maximizar la usabilidad

5. Claridad sobre la complejidad.

Más recientemente, he notado cuántos sitios web intentan ser inteligentes al promocionar su marca a través del tono de voz. Uno de mis errores cuando se trata del diseño de la interfaz de usuario son los sitios que intentan ser inteligentes o "vanguardistas".

No me malinterpreten, algunas compañías lo hacen excepcionalmente bien, sin embargo, cuando se trata de moda rápida, no soy un gran admirador.

"¿Copiaste o soltaste?"
"¿Quieres añadir un toque retroactivo a tus" ajustes? "
"Compre el‘ gramo "

A los equipos de marketing les gusta ser inteligentes e intentar "interactuar" con los usuarios aplicando una copia cargada de emociones. No queda claro exactamente qué es lo que están vendiendo y, a menudo, pierden claridad: concéntrese en la simplicidad del contenido, a menudo se lo conoce como uno de los principios fundamentales del diseño. Reduce la carga cognitiva

“El primer requisito para una experiencia de usuario ejemplar es satisfacer las necesidades exactas del cliente, sin problemas ni molestias. Luego viene la simplicidad y la elegancia que producen productos que son un placer tener, un placer usar ”. NN Group

6. Sé humano

Esto puede sonar loco, pero veo que cada vez más personas se convierten en robots. Como diseñadores de UX, queremos evitar que los usuarios cometan errores y un área fundamental de los sitios web es el contenido. Por alguna razón desconocida, cuando los equipos internos se sientan para redactar una copia web o diseñar una interfaz de usuario, dejan de ser humanos.

No utilice lenguaje confuso o terminología profesional. Escriba en todo momento los términos simples: esto no ofende a los profesionales y ciertamente ayudará a los novatos a comprender su producto o servicio.

"En la página web promedio, los usuarios tienen tiempo para leer como máximo el 28% de las palabras durante una visita promedio, el 20% es más probable". Jakob Nielsen

Lo anterior es un gran ejemplo: elimine jergas y palabras complicadas, solo hay un puñado de personas que saben qué es una dirección IP. Hay varias formas en que esto podría haberse escrito para ayudar a los usuarios a comprender el error.

7. El diablo está en los detalles.

Los diseñadores a menudo son perfeccionistas y esto es parte del problema con el diseño de la interfaz de usuario: es fácil hacer que algo "se vea bien", pero eso no siempre se correlaciona con la experiencia de usuario perfecta que deseas.

Las pequeñas fallas en la interfaz no son nada en el gran esquema de un sistema web, pero estos pequeños problemas pueden acumularse rápidamente para crear una experiencia muy frustrante.

"Un mal diseño de la interfaz de usuario puede alejar a los clientes" Becky Birch

Tomemos como ejemplo una aplicación bancaria: es probable que un usuario interactúe con esta aplicación a diario y esas pequeñas molestias pronto se agravarán y se convertirán en un gran problema. Incluso puede hacer que el usuario se mueva a un competidor.

8. Haga que las interfaces de usuario sean consistentes

La consistencia es uno de los principios más importantes del diseño de la interfaz de usuario. ¿Por qué? porque admite usabilidad y capacidad de aprendizaje.

Sin coherencia, un sitio web pronto se convertirá en un desastre. He visto a muchas compañías introducir nuevas características sin reconocer los sistemas de diseño actuales o las pautas de estilo; sin coherencia en el diseño, el sitio pronto se volverá extremadamente complicado.

Todo vuelve al famoso dicho: no reinventes la rueda. La coherencia está diseñada para ayudar a los usuarios mientras interactúan con múltiples aplicaciones diferentes. No debemos esperar que los usuarios tengan que aprender nuevas habilidades cada vez que abran una aplicación.

9. Prevención de errores

Como diseñador, está creando constantemente flujos de usuarios mejorados, desarrollando características nuevas o existentes y optimizando la experiencia del usuario. Un sitio web es un trabajo en progreso y, por lo tanto, es muy probable que un usuario no obtenga la respuesta deseada todo el tiempo; esto no es una falla, pero un buen diseño de interfaz de usuario debe poder adaptarse a lo inesperado.

Veo demasiados mensajes de error oscuros que culpan a los usuarios por el problema o no explican cuál es el error. El tono y el lenguaje humanos ayudarán a los usuarios a relacionarse mejor con la situación y, posteriormente, mejorarán su experiencia.

10. Divulgación progresiva

Uno de mis errores cuando se trata del diseño de la interfaz de usuario es cuando los sitios intentan mostrar todo de una vez, mostrar solo lo que es necesario en cada pantalla.

Todavía hay una idea errónea de que cada usuario aterrizará en la página de inicio de un sitio web: marketing, redes sociales y personas que comparten enlaces podrían llevar a un usuario a cualquier página de su sitio web. Una interfaz ideal diferirá las decisiones finales a las pantallas posteriores al revelar progresivamente información.

Al diseñar una interfaz de usuario, recuerde; Si las personas toman una decisión, muestre suficiente información para permitirles elegir y luego muestre información adicional en una pantalla posterior.

Vamos a envolverlo

Esta lista cubre algunos de los problemas centrales que veo a diario con los diseños de interfaz de usuario en Internet y me ha llevado a formar una estrategia de diseño sólida. Demasiadas organizaciones se están centrando en las últimas tendencias y agregando nuevas características (solo porque) cuando aún no tienen lo básico.

El objetivo del diseño de la interfaz es permitir al usuario explorar fácilmente la interfaz sin temor a una consecuencia negativa. Los sitios web están en constante evolución y los usuarios están cada vez más familiarizados con la forma en que deberían funcionar las interfaces. ¡Con el tiempo las interfaces se volverán más intuitivas, predecibles y humanas! La lista anterior seguirá siendo los principios básicos a lo largo de la adaptación de la web y lo ayudará a avanzar en el futuro del diseño de la interfaz.

Palabras de Becky Birch

Suscríbase a mi boletín mensual para recibir contenido valioso para mejorar su sitio web creando una mejor experiencia de usuario.

Publicado originalmente en togetherincredible.com el 3 de enero de 2019.