Archivos de la categoría Experiencia de Usuario

Principios efecivos de Diseño Web: Contraste

En el diseño moderno existen 4 principios básicos: Contraste, Repetición, Alineación y Proximidad. Me gustaría ahora comentar un poco sobre el Contraste, sobretodo aplicado el Diseño Web.

El Contraste ocurre cuando dos o mas elementos relacionados se muestran en forma diferente; a mayor diferencia mayor el contraste. La forma más común de hacer esto es usando los atributos del color para generar estas diferencias. Otros atributos pueden ser el tamaño, forma, textura, orientación, posición, etc. Sin embargo, dos elementos que tienen cierto contraste no son siempre agradables a la vista.

Cuando hablamos del Diseño Web y de la experiencia del usuario (usabilidad); es MUY importante que el Usuario (visitante de nuestro Sitio Web) se sienta cómodo viendo nuestros contenidos y además pueda encontrar fácilmente los enlaces o botones necesarios para que su experiencia sea completa. Nada es mas frustrante para un Usuario que querer comprar (por ejemplo) en un Sitio Web y no poder encontrar el botón de agregar al carrito.

A continuación mostramos 3 herramientas bastante útiles que pueden ayudarlos en revisar el contraste de sus diseños Web; ya sea que se encuentren en pleno desarrollo de las mismas o ya tengan sitios Web funcionando y deseen revisar como andan al respecto.

1) Check My Colours (http://www.checkmycolours.com/)
Es una herramienta que revisa un Sitio Web analizando las combinaciones de color entre todos los elementos HTML de la página. Todos los algoritmos usados están basados en sugerencias del World Wide Web Consortium (W3C) y son bastante útiles:
Check My Colours

2) Colour Contrast Check (http://snook.ca/technical/colour_contrast/colour.html)
Esta herramienta les permite hacer pruebas de contraste entre el color de un texto y el del fondo del mismo para así comprobar cómo se vería en la Página Web desarrollada. Usando algoritmos de contraste esta herramienta también les indica si el contraste elegido tiene una buena calificación según los estándares.
Colour Contrast Check

3) Color Contrast Checker (http://webaim.org/resources/contrastchecker/)
Muy similar al Colour Contrast Check, les permite hacer pruebas de contraste y saber de antemano si la elección hecha es correcta segun estandares y en forma visual.
Color Contrast Checker

… así que ya lo saben; para sus próximos proyectos Web intenten usar estas herramientas y no teman hacer pruebas antes de publicar finalmente un Sitio Web.

III WORKSHOP DIGITAL ANALYTICS – ADAP

Momento previo a la sesión de experiencia de UsuarioEl miércoles pasado, asistimos al III Workshop de Analítica Digital organizado por ADAP (Asociación de Digital Analytics del Perú) que se realizó en las instalaciones de la Universidad de Piura – Sede Lima.

El evento estuvo concurrido por asistentes con amplia experiencia en el mundo Digital y precedido por dos ilustres personajes: Gian André Berrospi – Líder de Proyecto en Pixel, Starcom Mediavest Group y Gian Carlo Valdizán  – Sub Gerente de Marketing Digital y Experiencia de Uso en el Grupo el Comercio.

En dicho Workshop se trataron dos temas realmente interesantes: La importancia de la medición de las Campañas Publicitarias y  la medición de la experiencia de Usuario (UX).

Cientos fueron los mensajes vertidos en el evento, sin embargo aquí dejamos las ideas generales de cada uno de los temas tratados:

  • Medición de las Campañas Publicitarias

Determinar los objetivos generales y específicos de las campañas es indispensable. Según sean los objetivos, posteriormente se podrá realizar la correcta selección de herramientas, medir la gestión de manera óptima y realizar los ajustes necesarios.

Si conviene más comprar CPC, CPA o CPM la publicidad en medios digitales dependerá justamente de lo que se desee comunicar, de los objetivos planteados.

 

  • Medición de la Experiencia de Usuario (UX).

La experiencia de uso no es simplemente el diseño creativo de una Web o un elemento/actividad  puntual, sino, va más allá de eso; es una cadena conformada por múltiples agentes  y procesos continuos.

Para mejorar la experiencia de nuestros usuarios es necesario realizar un Web Site pensando no solo en el SEO o con la finalidad única de Vender. Así también, es importante estructurar el Site considerando procesos de la vida real. Es decir, de la misma forma como los clientes se relacionan en un punto de venta físico  se desempeñan en un Web Site.

Finalmente, para la medición en general se debe considerar diferentes herramientas tanto de pago como gratuitas para el análisis respectivo. Sin embargo, lo más importante es no tener datos sueltos sino, tejer información con dichos datos que nos den oportunidades nuevas de mejora continua y crecimiento.