1. Inicio
  2. keyboard_arrow_right
  3. Blog
  4. keyboard_arrow_right
  5. Diseño de producto
  6. keyboard_arrow_right
  7. Cuatro formas de mejorar la interaccion de tu servicio web

Cuatro formas de mejorar la interaccion de tu servicio web

Las interacciones en un servicio web exige una continua revisión y mejora para facilitar a los usuarios el uso del servicio.

Mantenerse al día con todas las tendencias en este campo puede llegar a ser abrumador.

A continuación voy a explicar algunas interacciones exitosas que pueden servirte.

1. Diseña con Claridad

diseño claridad

Antes de realizar una revisión debe plantearse las siguientes preguntas en la interfaz del servicio web:

  • ¿Dónde estoy?
  • ¿Qué acciones son posibles?
  • ¿Por qué iba a tomar esas acciones?
  • ¿Qué sucederá una vez que lo hago?

Para todo esto es importante estudiar el comportamiento de los usuarios y flujos para saber como obtener la mejor respuesta y mejora para ello puede ayudar:

  • Elige los patrones de interfaz de usuario adecuados: Utiliza sitios como patrones de interfaz de usuario y las guías gratuitas como Patrones móvil de interfaz de usuario y patrones de interfaz de usuario Web para conocer las soluciones de diseño populares para los problemas comunes. Por ejemplo, las tarjetas son populares porque ayudan a organizar grandes cantidades de contenido. Imágenes del héroe son ideales para sitios de productos, ya que dejan una impresión inmediata. Utiliza estos patrones como punto de partida y a continuación añade la capa con tu propia creatividad.
  • No rompas modelos mentales: Diseña basándote en lo que la gente ya están familiarizada. Los iconos en la parte superior izquierda deberían vincular de nuevo a la página principal. Calendarios deben permitirá elegir las fechas, en lugar de exigir a los usuarios escribir en el día y la hora.
  • Utiliza buena copia: Asegúrate de que el tono de la copia coincide con el diseño visual, ya que todo es una parte de la misma interfaz. Cualquier discrepancia puede confundir a los usuarios.
  • Incluye etiquetas significativas y los iconos: No te pongas demasiado inteligente con cómo etiquetar objetos de interfaz como la navegación. Debe quedar claro lo que es y no se puede hacer clic.

Echemos un vistazo a la página de inicio para Tictail. Claro, no se ve particularmente inteligente o alucinante, pero eso no es el punto de diseño. Es, sin embargo, extremadamente clara.

El diseño general es, sin duda inspirado en los principios de diseño plano, pero los botones todavía tienen una sensación táctil gracias a las esquinas redondeadas. De este modo, los botones mejor fomentan la interacción (que tiene mucho sentido para los negocios, ya que los dos son ensayos CTA). Color ayuda a distinguir entre las dos CTA ya que uno es azul y el otro es blanco.

En una nota más sutil, ver cómo se etiquetan también el menú de hamburguesa para que sea más visible. El cuerpo del texto también sigue un patrón de lectura en forma de C para reducir la tensión visual, lo que lleva a los usuarios de forma natural a la prueba gratuita CTA.

Recuerda que la claridad no es lo mismo que la simplicidad. No todo buen diseño es simple – sólo pensar en las complejidades técnicas detrás del iPhone o todos los sitios de citas que le permiten elegir socios en base a los casi cualquier criterio. Pero cuando estas características son de ritmo y presentados correctamente, a lograr una mayor claridad, que siempre fomenta la interacción.

2. Crea una Guía de diseño con las interacciones de los usuario

Guia diseño

Los riesgos pueden ser inteligentes cuando están calculados y deliberada. Pero los riesgos involuntarios conducen a consecuencias lamentables. Así también es el caso cuando se diseño basandose únicamente en las tendencias.

Los diseñadores deben centrarse en las necesidades del usuario y no exclusivamente en las últimas tendencias que no aportan ninguna funcionalidad clara para el usuario..

La mejor opción es escuchar los comentarios de los usuarios, es la forma más fácil de desbloquear los requisitos de diseño específicos. A menudo los comentarios de los usuarios es tratado como una molestia para ser ignorado. Pero hay una mina de oro entre esos comentarios y pueden ser muy útiles para mejorar sus diseños.

Una gran herramienta para escuchar es Get Satisfaction. Las características están diseñadas para evocar discusiones honestas. Cuanto mayor sea la transparencia, mayores serán los puntos de vista.

3. Haz las preguntas correctas observando el comportamiento del usuario

poll

El diseño de interacción requiere la participación del usuario. Si los usuarios no realizan una acción, no hay interacción. Aprende de Etsy creando tests A / B: no pienses, no adivines; prueba y saca tus propias conclusiones.

Estas prácticas se llevan adelante en la metodología del ciclo de vida UX Lean, que dicta que siempre se debe repetir los diseños basados ​​en estudios de usabilidad hiper-enfocado. Para ello, utiliza herramientas de análisis, mapas de calor y seguimiento de los ojos para observar el comportamiento.
Encontrar la solución de diseño derecha comienza por hacer las preguntas correctas. Pero averiguar qué preguntas hacer toma un poco de tiempo y práctica. Una vez que has observado a tus usuarios, intenta la Metodología Tarjetas de IDEO para descubrir la razón de sondeo para identificar la raíz de un problema de diseño en particular.

4. Saber cuándo abandonar el barco

diseño web

A veces los diseños sólo tienen que ser arrojado a la basura. Diseña el tiempo suficiente.

Señales de que tu diseño no está trabajado, entre otros:

  • Los usuarios quedan atrapados en un bucle sin fin
  • El espacio no se ajusta al contenido necesario
  • Los usuarios se confunden o se sienten abrumado
  • El contenido toma demasiado tiempo para cargar en el dispositivo o navegador
  • El diseño no funciona en diferentes idiomas
  • No puede integrarse con servicios principales
  • Los usuarios no utilizan el diseño según lo previsto y terminan con los mensajes de error

Es por eso que es importante para comenzar el trabajo el diseño en un cuaderno de dibujo o en una pizarra.

Para mí, prototipado rápido con una herramienta como UXPin ayuda con diseño iterativo haciéndome resolver problemas antes de que me comprometo a una idea de diseño.

Aprenda a fallar rápidamente y seguir adelante. Cuanto más rápido se recupere, más rápido que llegaremos a la solución de diseño derecha.

Conclusión: piensa como un diseñador de Servicio

Los productos son a menudo sólo una parte de la experiencia de usuario. Si se tiene en cuenta cómo los equipos de productos se crean, es posible que un usuario interactue con varios productos a la vez. A veces los productos que se encuentran en el mismo sitio web o aplicación, pero otras veces un usuario podría interactuar con los productos no relacionados.

Considera a un usuario que buscar información de viajes. Los usuarios pueden utilizar productos como: la calculadora de cambio de divisas, buscador de vuelo, localizador de cajeros automáticos internacional, buscador de alojamiento, calendario, cliente de correo electrónico, etc, y el usuario podría hacer uso de varios dispositivos al mismo tiempo en función de sus preferencias.

Cuando sabes más sobre el contexto y las motivaciones de un usuario y sus interacciones con un producto en particular es posible crear un mapa del servicio o viaje del cliente. Estas herramientas te ayudan a llevar la experiencia del usuario a la vida y crear patrones de diseños de interacción que apoyan las necesidades del usuario.

Cuando te das cuenta de que tu producto serás capaz de diseñar interacciones den un valor añadido que no da el resto.

[yasr_visitor_votes size=”large”]

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Rellena este campo
Rellena este campo
Por favor, introduce una dirección de correo electrónico válida.

¿Quieres saber más?

Menú