Nos centramos en estudiar a sus clientes como usuarios web. Nuestros sitios los desarrollamos bajo estándares de Usabilidad, donde las necesidades de los usuarios tienen que ser cubiertas con cada click que haga.
¿Como lo hacemos?
Estudiamos al usuario, aplicamos metodologías de trabajo y de desarrollo web, basadas en estandares. Desglosamos el proyecto en hitos y entregamos herramientas de seguimiento en linea, para ver el avance de su inversión.
Casos de estudios: Usabilidad ¿Un # por tu camino?
Un error muy frecuente en usabilidad, es colocar en los menús el enlace “#” para colocar un botón que sirva de referencia solamente y que no tenga contenido. Ilustrando con un ejemplo, colocaremos un sitio chileno en estudio y mostraremos dos ejemplos claros de usabilidad.
Lo primero que hicimos en Ewok fue tomar ScreenShots del sitio web (Alt Gr + Impr Pant) para explicar los problemas de usabilidad. Como quisimos cuidar la identidad del sitio, cubrimos con franjas de colores los nombres y logos que identifiquen al estudiado, además encerramos en un rectángulo de color, el menú que tomaremos como referencia.
El realizar este documento explicando la usabilidad, ya nos pone a prueba para que usted nos pueda entender los conceptos que queremos transmitir.
En primer lugar lo que hicimos fue utilizar uno de los colores corporativos de Ewok: Fucsia (Color: #e10079) en las franjas de colores.
¿Dónde vio primero?
lo más probable, es que nuestro color corporativo fucsia, lo haya sacado de nuestro principal foco: el menú que se encuentra en la esquina superior derecha.
Si invertimos los colores.
Puede que ahora hayamos mejorado y su atención esté centrada en el menú que se encuentra en la esquina superior derecha, pero como anteriormente, ya le mostré las áreas de la página que queremos cubrir, tendremos que hacer un esfuerzo mayor por obtener toda su atención en nuestro menú.
En este momento el menú perdió total importancia y usted está viendo cómo fue que tapamos la identidad de la página web utilizando franjas de colores que son propios del sitio estudiado, pero no sé si habrá notado que la tercera franja ya no está, y si está, se mezcla muy bien con el fondo.
Como este estudio se basa en la usabilidad, necesito atraer su atención completamente al menú, por lo que me olvido del resto del sitio.
En el menú tenemos 4 ítems o categorías: Foro, Datos, Anuncia tu corrida y Contacto. La flecha que apunta hacia debajo de su pantalla y que se encuentra al costado derecho de Datos y Contacto da la sensación de menús desplegables.
Ahora, le pediremos que haga el ejercicio siguiente: Piense que contenido guarda cada uno de los cuatros nombres etiquetados en el menú: Foro, Datos, Anuncia tu corrida y Contacto. Lo más probable es que tenga una idea aproximada de: Foro, Anuncia tu corrida y Contacto. ¿Qué sucede con Datos? Preguntémosle al sitio.
Hacemos click en Datos.
Nuestro click ha sido en vano, no nos lleva a ningún otro lugar, pero si vemos nuestra barra de navegación.
Nos damos cuenta que han colocado el signo # para eliminar el enlace del menú Datos.
Este es un error muy frecuente en los sitios webs. Es mejor llevar al usuario a un lugar nuevo donde aparezcan dos íconos con los nombres de Internacionales y Vínculos( además de entregar la posibilidad de menú desplegable) en vez de colocar un signo # que no nos lleva a ningún lugar.
¿Tiene una idea aproximada del contenido que guarda Internacionales y Vínculos?
El sitio que utilizamos para ilustrar los problemas de usabilidad, se encarga de publicar carreras de maratón en Chile, donde se puede encontrar la fecha y nombre del evento linkeado a otro lugar que contiene más información sobre el evento mismo.
El sitio es muy visitado porque cumple su función de comunicar los eventos deportivos, el cual además, se encuentra desplegado en la página de inicio, pero no creo que los usuarios que frecuentan el sitio web puedan saber que en Datos – Internacionales se encuentran las fechas de eventos internacionales relacionados al Maratón.
