• Author / Uploaded
• Juan K Sarmiento

• Categories
• Red mundial
• Tecnología
• Sitios web
• Hipervínculo
• Marca

Citation preview

HEURÍSTICOS

Generales ¿Cuáles son los objetivos del sitio web? ¿Los objetivos son concretos y bien definidos? ¿Los contenidos y servicios que ofrece se corresponden con esos objetivos? ¿Ofrece al usuario lo que quiere? ¿Tiene una URL correcta, clara y fácil de recordar? ¿Y las URL de sus páginas internas? ¿Son claras y permanentes? ¿Muestra de forma precisa y completa qué contenidos o servicios ofrece realmente el sitio web? El diseño de la página de inicio, debe ser diferente al resto de páginas y cumplir la función de 'escaparate' del sitio.

¿Se identifica bien el logotipo y marca en el sitio web? ¿La estructura general del sitio web está orientada al usuario?

Los sitios web deben estructurarse pensando en el usuario, sus objetivos y necesidades. No se debe calcar la estructura interna de la empresa u organización, al usuario no le interesa cómo funciona o se organiza la empresa.

Look & feel ¿Se corresponde con los objetivos, características, contenidos y servicios del sitio web?

Aunque el significado que comunica un determinado color es muy subjetivo y dependiente de la cultura y el entorno, ciertas combinaciones de colores ofrecen una imagen más o menos formal, seria o profesional (ej. tonos de azules con el blanco trasmiten una imagen corporativista).

¿Es coherente el diseño general del sitio web?

Se debe mantener una coherencia y uniformidad en las estructuras y colores de todas las páginas, para que el usuario no se desoriente en su navegación.

¿Es reconocible el diseño general del sitio web?

Cuánto más se parezca el sitio web al resto de sitios web, más fácil será de usar.

¿Se identifica claramente la marca con el diseño del sitio web? ¿Aparecen elementos de la marca o de la imagen corporativa en todas las páginas? ¿El sitio web se actualiza periódicamente? ¿Indica cuándo se actualiza?

Las fechas que se muestren en la página deben corresponderse con actualizaciones, noticias, eventos...no con la fecha del sistema del usuario.

Rotulado Los rótulos, ¿son significativos?

Ejemplo: evitar rótulos del tipo "haga clic aquí".

¿Usa rótulos estándar?

Siempre que exista un "estándar" comúnmente aceptado para el caso concreto, como "Mapa del Sitio" o "Acerca de".

¿Usa un único sistema de organización, bien definido y claro?

No se deben mezclar sistemas de organización diferentes. Los diferentes sistemas de organización son básicamente: alfabético, geográfico, cronológico, temático, orientado a tareas, orientado al público y orientado a metáforas.

¿Utiliza un sistema de rotulado controlado y preciso?

Por ejemplo, si un enlace tiene el rótulo "Quiénes somos", no puede dirigir a una página cuyo encabezamiento sea "Acerca de", o un enlace con el rótulo "Ayuda" no puede dirigir a una página encabezada con "FAQs".

El título de las páginas, ¿Es correcto? ¿Ha sido planificado? Relacionado con la 'findability' del sitio web.

¿Es correcto el rotulado de los banner publicitarios? Identidad e Información ¿Se muestra claramente la identidad de la empresa-sitio a través de todas las páginas? El Logotipo, ¿es significativo, identificable y suficientemente visible? El eslogan o tagline, ¿expresa realmente qué es la empresa y qué servicios ofrece? ¿Se ofrece algún enlace con información sobre la empresa, sitio web, 'webmaster',...? ¿Refleja el sitio web la misma misión/visión de la marca? ¿Se proporciona mecanismos para ponerse en contacto con la empresa? Datos como e-mail, teléfono, dirección postal, fax...

¿Se proporciona información sobre la protección de datos de carácter personal de los clientes o los derechos de autor de los contenidos del sitio web? Lenguaje y Redacción ¿El sitio web habla el mismo lenguaje que sus usuarios?

Se debe evitar usar un lenguaje corporativista. Así mismo, hay que prestarle especial atención al idioma, y ofrecer versiones del sitio en diferentes idiomas cuando sea necesario.

¿Emplea un lenguaje claro y conciso? ¿Se evitan referencias cruzadas entre textos que están relacionados? ¿Es amigable, familiar y cercano?

Se debe evitar utilizar un lenguaje constantemente imperativo, mensajes crípticos, o tratar con desprecio al usuario.

¿Es adecuado y claro el lenguaje utilizado en los banner publicitarios? ¿1 párrafo = 1 idea?

Cada párrafo es un objeto informativo que debe transmitir ideas, mensajes...Se deben evitar párrafos vacíos o varios mensajes en un mismo párrafo.

Estructura y Navegación Como se presenta la pagina, wireframes, links, acciones La estructura de organización y navegación, ¿Es la más adecuada? jerárquicas, hipertextual, facetada,...

¿Los enlaces son fácilmente reconocibles como tales? ¿su caracterización indica su estado (visitados, activos,...)?

La caracterización de los enlaces debe indicar su estado (para orientar al usuario), y ser reconocidos como una unidad (evitando enlaces que ocupan más de una línea).

En menús de navegación, ¿se ha controlado el número de elementos y de términos por elemento para no producir sobrecarga memorística? No se deben superar los 7±2 elementos, ni los 2 o 3 términos por elemento.

¿Está claro lo que el usuario se encontrará detrás de un enlace?

Nivel de significación del rótulo del enlace, el uso de globos de texto, información contextual (indicar formato y tamaño del documento o recurso con el que vincula el enlace), la barra de estado del navegador,...

¿Se ha controlado que no haya enlaces que no llevan a ningún sitio?

Enlaces que no llevan a ningún sitio: Los enlaces rotos, y los que enlazan con la misma página que se está visualizando (por ejemplo enlaces a la "home" desde la misma página de inicio)

¿Existen elementos de navegación que orienten al usuario acerca de dónde está y cómo deshacer su navegación?

Breadcrumbs, enlaces a la página de inicio, etc. El logo también es recomendable que enlace con la página de inicio.

¿Dispone la página de un site map? Las imágenes enlace, ¿se reconocen como clicables? ¿incluyen un atributo 'title' describiendo la página de destino? También hay que cuidar que no haya imágenes que parezcan enlaces y en realidad no lo sean.

¿Se ha evitado la redundancia de enlaces? ¿Se ha controlado que no haya páginas "huérfanas"?

Páginas huérfanas: que aún siendo enlazadas desde otras páginas, éstas no enlacen con ninguna.

Lay-Out de la Página ¿Se aprovechan las zonas de alta jerarquía informativa de la página para contenidos de mayor relevancia? (como por ejemplo la zona central) ¿Se ha evitado la sobrecarga informativa?

Haciendo un uso correcto de colores, efectos tipográficos y agrupaciones para discriminar información. Los grupos diferentes de objetos informativos de una página, no deberán superar el número 7±2 .

¿Es una interfaz limpia, sin ruido visual? ¿Existen zonas en blanco entre los objetos textuales de la página para poder descansar la vista? ¿Aparece la marca en un lugar importante dentro de la página ¿Se visualiza el sitio web correctamente en diferentes sistemas operativos?

Se debe tener en cuenta plataforma PC y Mac, así como diferentes navegadores y versiones de Sistemas Operativos

¿Se hace un uso correcto del espacio visual de la página?

No se debe desaprovechar demasiado espacio con elementos de decoración, o grandes zonas en "blanco", y no se debe adjudicar demasiado espacio a elementos de menor importancia.

¿Se ha controlado la longitud de página?

Se debe evitar en la medida de lo posible el scrolling. Si la página es muy extensa, se debe fraccionar.

Búsqueda ¿Se encuentra fácilmente accesible?

Desde la home, a ser posible accesible desde todas las páginas del sitio y en la zona superior de la página.

¿Es fácilmente reconocible como tal? ¿Permite la búsqueda avanzada? ¿Muestra los resultados de la búsqueda de forma comprensible para el usuario? ¿La caja de texto es lo suficientemente ancha? ¿Asiste al usuario en caso de no poder ofrecer resultados para una consultada dada? Imágenes y Elementos Multimedia ¿Las imágenes están bien recortadas? ¿son comprensibles? ¿se ha cuidado su resolución? ¿Se han optimizado las imágenes para reducir el peso? ¿Las metáforas visuales son reconocibles y comprensibles por cualquier usuario? Prestando especial atención a usuarios de otros países y culturas

¿El uso de imágenes o animaciones proporciona algún tipo de valor añadido? ¿Se ha evitado el uso excesivo de animaciones Flash? ¿Se ha evitado el uso de animaciones cíclicas? Ayuda

Si posee una sección de Ayuda, ¿Es verdaderamente necesaria?

Siempre que se pueda prescindir de ella simplificando los elementos de navegación e interacción, debe omitirse.

En enlace a la sección de Ayuda, ¿Está colocado en una zona visible y "estándar"? La zona de la página más normal para incluir el enlace a la sección de Ayuda, es la superior derecha.

¿Se ofrece ayuda contextual en tareas complejas?

Por ejemplo (transferencias bancarias, formularios de registro...)

Si posee FAQs, ¿es correcta tanto la elección como la redacción de las preguntas? ¿y las respuestas? Accesibilidad ¿El tamaño de fuente se ha definido de forma relativa, o por lo menos, la fuente es lo suficientemente grande como para no dificultar la legibilidad del texto? ¿El tipo de fuente, efectos tipográficos, ancho de línea y alineación empleados facilitan la lectura? ¿Existe un alto contraste entre el color de fuente y el fondo? ¿Incluyen las imágenes atributos 'alt' que describan su contenido? ¿Es compatible el sitio web con los diferentes navegadores? ¿Se visualiza correctamente con diferentes resoluciones de pantalla? ¿La tecnología utilizada en el site es compatible con el software y hardware de los usuarios objetivos? ¿Puede el usuario disfrutar de todos los contenidos del sitio web sin necesidad de tener que descargar e instalar plugins adicionales? Si es importante utilizar recursos técnicos que requieran la descarga de plug-ins, ¿se le informa al usuario de esta situación y se le explica la importancia de hacerlo? ¿Se puede imprimir la página sin problemas?

Se debe asegurar que se puede imprimir la página (sin partes cortadas), y que el resultado es legible.

Control y Retroalimentación ¿Tiene el usuario todo el control sobre el interfaz?

Se debe evitar el uso de ventanas pop-up, ventanas que se abren a pantalla completa, banners intrusivos...

¿Se utilizan pop-ups y/o banners intrusivos en el sitio web? ¿Se informa constantemente al usuario acerca de lo que está pasando?

Si el usuario tiene que esperar hasta que se termine una operación, la página debe mostrar un mensaje indicándole lo que está ocurriendo y que debe esperar. Añadir en el mensaje el tiempo estimado que tendrá que esperar el usuario, o una barra de progreso, ayudará al usuario en este sentido.

¿Se informa al usuario de lo que ha pasado?

Cuando un usuario opera en la página (valora un artículo o responde a una encuesta), se le debe informar de la respuesta a su acción (que su voto ha sido procesado correctamente, etc)

Cuando se produce un error, ¿se informa de forma clara y no alarmista al usuario de lo ocurrido y de cómo solucionar el problema? ¿Posee el usuario libertad para actuar?

Se debe evitar restringir la libertad del usuario: Uso de animaciones que no pueden ser "saltadas", páginas en las que desaparecen los botones de navegación del browser, impedir al usuario poder usar el botón derecho de su ratón...

¿Se ha controlado el tiempo de respuesta?

Aunque esto tiene que ver con el peso de cada página (accesibilidad) también tiene relación con el tiempo que tarda el servidor en finalizar una tarea y responder al usuario. El tiempo máximo que esperará un usuario son 10 segundos.

VALORACIÓN

GRAVEDA COMENTARIOS D

5 - muy bien

---

5 - muy bien

---

5 - muy bien

---

5 - muy bien

Normal

El usuario puede encontrar lo que busca dentro de la navegación

4 - bien

Normal

La URL principal esta muy bien definida, las internas no son muy claras

5 - muy bien

---

Un menu lateral acompaña al usario durante toda la navegacion

5 - muy bien

---

El logo esta presente en todo el sitio web

5 - muy bien

---

La estructura del sitio esta muy bien orientada a lograr el objetivo que es la venta online y posicionamiento de marca, por lo cual ha estructurado su contenido de una manera coherente

5 - muy bien

---

La marca utiliza colores sobrios para seguir un poco la tendencia offline de sus tiendasy mantener la imagen de marca en todas sus lineas de negocio

5 - muy bien

---

Existe un diseño unico y coherente para todo el sitio web

4 - bien

Normal

5 - muy bien

---

5 - muy bien

---

5 - muy bien

---

El contenido general se actualiza cada temporada que pasa, sin embargo elementos como las redes sociales y sus news se actualizan periodicamente.

5 - muy bien

---

No existen

5 - muy bien

---

Utiliza rotulos generales como jobs, about us, privacy etc.

5 - muy bien

---

Su sistema de organización esta bastante bien definido y es estandar para toda la navegacion

Fortalecimiento de marca, muestra de catálogo y venta online Si la marca como el catalogo quedan muy bien definidos y obtienen la sensacion que esta buscando El contenido general de la pagina esta integrado semanticamente con la filosofia de la empresa

La cabecera y el logotipo ayudan a que el sitio sea facilmente reconocible La marca esta unida semanticamente tanto en sus tiendas off como en su sitio web unificando la imagen corporativa Durante toda la navegacion el logotipo y la marca estan presentes en diferentes puntos, bien sea en el logo del titulo o en la misma ropa que se vende en el sitio.

5 - muy bien

---

Sus links estan bastante bien cuidados y controlados en ese sentido

5 - muy bien

---

Todos sus titulos estan semanticamente entrelazados.

---

No existen

En todas las paginas la identidad de la empresa queda bien representada Esta en una ubicación insuperable Existe un link a about us, sin embargo no da datos de la empresa como tal La página no habla de la mision y vsion de la empresa, ni de su historia, Han habilitado un link de Contact us en donde el usuario puede establecer sus preguntas El sitio web cuida mucho estos detalles y establece un link en su web para este apartado

5 - muy bien

---

5 - muy bien

---

3 - regular

Normal

3 - regular

Normal

3 - regular

Normal

5 - muy bien

---

5 - muy bien

---

4 - bien

Normal

5 - muy bien

---

5 - muy bien

---

3 - regular

Normal

El sitio intenta serlo, cuidando todos los detalles incluidas las imágenes

---

No existen banners publicitarios

5 - muy bien

---

1*1

5 - muy bien

---

La página está bien estructurada en general

5 - muy bien

---

Utiliza una navegación adhoc a su contenido

5 - muy bien

---

Todos sus enlaces son identificables diferenciandolos

5 - muy bien

---

A pesar de que se cuida bastante, el numero de elementos es mayor y obliga a hacer scroll bastante

5 - muy bien

---

El texto es bastante descriptivo en si

5 - muy bien

---

Todos sus enlaces estan controlados a la perfección

Tomando en cuenta que la tienda solo se encuentra en USA y UK su idioma es el indicado Bastante claro No existen referencias cruzadas

4 - bien

Normal

Al navegar por el catálogo de productos, no se muestra un breadcrumb para orientarle en la profundidad de navegación sin embargo el menu lateral guia al usuario dentro de su busqueda

5 - muy bien

---

Cuenta con un site map bastante amplio asi como de un site of use

4 - bien

Normal

En la mayoria de imágenes enlace al pasar por encima aparece un elemento distintivo que obvia esta parte

5 - muy bien

---

Los enlaces no son repetitivos

5 - muy bien

---

No existen en este site

5 - muy bien

---

En las páginas principales se ha optado por utilizar la zona central para situar imágenes que capten la atención del usuario. Al navegar por un producto, la parte principal está ocupada por una fotografía del producto para visualizarlo en detalle

5 - muy bien

---

No existe sobrecarga de información

5 - muy bien

---

La interfaz es muy limpia

5 - muy bien

---

Existen zonas bastante amplias entre los objetos

5 - muy bien

---

Siempre está visible a través del logo en la cabecera

5 - muy bien

---

El sitio se muestra perfectamente en PC y Mac, y en diferentes navegadores (Firefox, Safari,Chrome, Explorer)

4 - bien

Normal

Las partes laterales de la pagina sirven como descanso visual, sin ningun tipo de contenido ni publicidad

4 - bien

Normal

La longitud dependiendo de la pagina se hace un poco larga dependiendo de los productos

2 - mal

Normal

1 - muy mal

Normal

2 - mal

Normal

5 - muy bien

Normal

1 - muy mal

Normal

4 - bien

Normal

5 - muy bien

---

5 - muy bien

---

Las imágenes estan perfectamente recortadas y son usadas a la perfeccion con una resolucion impecable las imágenes estan lo mas optimizadas posibles

5 - muy bien

---

Cumplen con lo que se necesita

5 - muy bien

---

5 - muy bien

---

5 - muy bien

---

Si Ninguno Si

Directamente no existe una caja de busqueda, ya que la informacion de los items esta personalizada por apartados

5 - muy bien

---

No a nivel de navegabilidad, mas bien a nivel de dudas generales sobre los productos y la logistica

5 - muy bien

---

Esta colocada expresamente en una zona estrategica de la navegacion

4 - bien

Normal

Ofrecen lo necesario para hacer una compra correcta

5 - muy bien

---

La redaccion es coherente y correcta

5 - muy bien

---

El tamaño de fuente esta bastante bien

5 - muy bien

---

La fuente destaca por su facil abordaje en general

5 - muy bien

---

El contraste es alto

4 - bien

Normal

Las imágenes no contienen descripción alternativa

5 - muy bien

---

El sitio se muestra perfectamente en PC y Mac, y en diferentes navegadores (Firefox, Safari,Chrome, Explorer)

5 - muy bien

---

Funciona correctamente en todos los softwares

5 - muy bien

---

No se necesita ningún plugin adicional

---

No aplica

5 - muy bien

---

La impresión esta bien estudiada y funciona de una manera muy eficiente

5 - muy bien

---

Absolutamente

5 - muy bien

---

En ningun momento

4 - bien

Normal

En la parte superior de la pestaña, aparece un pequeño gif que indica que la pagina esta cargandose

5 - muy bien

---

Se informa al usuario en todo momento

5 - muy bien

---

No he podido apreciar si existen errores o no porque la pagina funciona bastante bien

5 - muy bien

---

El usuario es libre de navegar en todo momento por el site

5 - muy bien

---

No se ha detectado control en el tiempo de respuesta

PROPUESTA DE MEJORAS

Mantener las URL cortas

En la página de About, destinaria una parte a hablar sobre los origenes de la empresa y sus objetivos

Implementaria la pagina en otros idiomas generales ya que no todos sus usuarios son de habla inglesa

Implementaria pasos de control para ir guiando al usuario en su navegación

Diferenciación de imágenes enlace e imágenes normales mayor

Utilizacion de una de las 2 esquinas para interactuar con el usuario de la página creacion de paginación

Implementar una caja de busqueda para el usuario que quiera personalizar la busqueda

Proponer interfaz mejorara con la entidad para una mayor manejabilidad y puntos de control.

Utilizar etiquetas 'alt' o 'title' para describir el contenido de los enlaces

Debería pre-imprimirse previamente en un formato pdf o similar, o bien debería cuidarse la estructura al utilizar la impresión por navegador

Incluiria en algun lugar de la parte central de la pagina algo parecido a la parte superior

HEURÍSTICOS

Generales

¿Cuáles son los objetivos del sitio web?

¿Los objetivos son concretos y bien definidos? ¿Los contenidos y servicios que ofrece se corresponden con esos objetivos? ¿Ofrece al usuario lo que quiere? ¿Tiene una URL correcta, clara y fácil de recordar? ¿Y las URL de sus páginas internas? ¿Son claras y permanentes?

¿Muestra de forma precisa y completa qué contenidos o servicios ofrece realmente el sitio web? El diseño de la página de inicio, debe ser diferente al resto de páginas y cumplir la función de 'escaparate' del sitio.

¿Se identifica bien el logotipo y marca en el sitio web? ¿La estructura general del sitio web está orientada al usuario?

Los sitios web deben estructurarse pensando en el usuario, sus objetivos y necesidades. No se debe calcar la estructura interna de la empresa u organización, al usuario no le interesa cómo funciona o se organiza la empresa.

Look & feel ¿Se corresponde con los objetivos, características, contenidos y servicios del sitio web?

Aunque el significado que comunica un determinado color es muy subjetivo y dependiente de la cultura y el entorno, ciertas combinaciones de colores ofrecen una imagen más o menos formal, seria o profesional (ej. tonos de azules con el blanco trasmiten una imagen corporativista).

¿Es coherente el diseño general del sitio web?

Se debe mantener una coherencia y uniformidad en las estructuras y colores de todas las páginas, para que el usuario no se desoriente en su navegación.

¿Es reconocible el diseño general del sitio web?

Cuánto más se parezca el sitio web al resto de sitios web, más fácil será de usar.

¿Se identifica claramente la marca con el diseño del sitio web? ¿Aparecen elementos de la marca o de la imagen corporativa en todas las páginas? ¿El sitio web se actualiza periódicamente? ¿Indica cuándo se actualiza?

Las fechas que se muestren en la página deben corresponderse con actualizaciones, noticias, eventos...no con la fecha del sistema del usuario.

Rotulado Los rótulos, ¿son significativos?

Ejemplo: evitar rótulos del tipo "haga clic aquí".

¿Usa rótulos estándar?

Siempre que exista un "estándar" comúnmente aceptado para el caso concreto, como "Mapa del Sitio" o "Acerca de".

¿Usa un único sistema de organización, bien definido y claro?

No se deben mezclar sistemas de organización diferentes. Los diferentes sistemas de organización son básicamente: alfabético, geográfico, cronológico, temático, orientado a tareas, orientado al público y orientado a metáforas.

¿Utiliza un sistema de rotulado controlado y preciso?

Por ejemplo, si un enlace tiene el rótulo "Quiénes somos", no puede dirigir a una página cuyo encabezamiento sea "Acerca de", o un enlace con el rótulo "Ayuda" no puede dirigir a una página encabezada con "FAQs".

El título de las páginas, ¿Es correcto? ¿Ha sido planificado? Relacionado con la 'findability' del sitio web.

¿Es correcto el rotulado de los banner publicitarios? Identidad e Información ¿Se muestra claramente la identidad de la empresa-sitio a través de todas las páginas? El Logotipo, ¿es significativo, identificable y suficientemente visible?

El eslogan o tagline, ¿expresa realmente qué es la empresa y qué servicios ofrece?

¿Se ofrece algún enlace con información sobre la empresa, sitio web, 'webmaster',...?

¿Refleja el sitio web la misma misión/visión de la marca? ¿Se proporciona mecanismos para ponerse en contacto con la empresa? Datos como e-mail, teléfono, dirección postal, fax...

¿Se proporciona información sobre la protección de datos de carácter personal de los clientes o los derechos de autor de los contenidos del sitio web? Lenguaje y Redacción ¿El sitio web habla el mismo lenguaje que sus usuarios?

Se debe evitar usar un lenguaje corporativista. Así mismo, hay que prestarle especial atención al idioma, y ofrecer versiones del sitio en diferentes idiomas cuando sea necesario.

¿Emplea un lenguaje claro y conciso? ¿Se evitan referencias cruzadas entre textos que están relacionados? ¿Es amigable, familiar y cercano?

Se debe evitar utilizar un lenguaje constantemente imperativo, mensajes crípticos, o tratar con desprecio al usuario.

¿Es adecuado y claro el lenguaje utilizado en los banner publicitarios? ¿1 párrafo = 1 idea?

Cada párrafo es un objeto informativo que debe transmitir ideas, mensajes...Se deben evitar párrafos vacíos o varios mensajes en un mismo párrafo.

Estructura y Navegación

Como se presenta la pagina, wireframes, links, acciones

La estructura de organización y navegación, ¿Es la más adecuada? jerárquicas, hipertextual, facetada,...

¿Los enlaces son fácilmente reconocibles como tales? ¿su caracterización indica su estado (visitados, activos,...)?

La caracterización de los enlaces debe indicar su estado (para orientar al usuario), y ser reconocidos como una unidad (evitando enlaces que ocupan más de una línea).

En menús de navegación, ¿se ha controlado el número de elementos y de términos por elemento para no producir sobrecarga memorística? No se deben superar los 7±2 elementos, ni los 2 o 3 términos por elemento.

¿Está claro lo que el usuario se encontrará detrás de un enlace?

Nivel de significación del rótulo del enlace, el uso de globos de texto, información contextual (indicar formato y tamaño del documento o recurso con el que vincula el enlace), la barra de estado del navegador,...

¿Se ha controlado que no haya enlaces que no llevan a ningún sitio?

Enlaces que no llevan a ningún sitio: Los enlaces rotos, y los que enlazan con la misma página que se está visualizando (por ejemplo enlaces a la "home" desde la misma página de inicio)

¿Existen elementos de navegación que orienten al usuario acerca de dónde está y cómo deshacer su navegación?

Breadcrumbs, enlaces a la página de inicio, etc. El logo también es recomendable que enlace con la página de inicio.

¿Dispone la página de un site map? Las imágenes enlace, ¿se reconocen como clicables? ¿incluyen un atributo 'title' describiendo la página de destino? También hay que cuidar que no haya imágenes que parezcan enlaces y en realidad no lo sean.

¿Se ha evitado la redundancia de enlaces? ¿Se ha controlado que no haya páginas "huérfanas"?

Páginas huérfanas: que aún siendo enlazadas desde otras páginas, éstas no enlacen con ninguna.

Lay-Out de la Página ¿Se aprovechan las zonas de alta jerarquía informativa de la página para contenidos de mayor relevancia? (como por ejemplo la zona central) ¿Se ha evitado la sobrecarga informativa?

Haciendo un uso correcto de colores, efectos tipográficos y agrupaciones para discriminar información. Los grupos diferentes de objetos informativos de una página, no deberán superar el número 7±2 .

¿Es una interfaz limpia, sin ruido visual? ¿Existen zonas en blanco entre los objetos textuales de la página para poder descansar la vista? ¿Aparece la marca en un lugar importante dentro de la página ¿Se visualiza el sitio web correctamente en diferentes sistemas operativos?

Se debe tener en cuenta plataforma PC y Mac, así como diferentes navegadores y versiones de Sistemas Operativos

¿Se hace un uso correcto del espacio visual de la página?

No se debe desaprovechar demasiado espacio con elementos de decoración, o grandes zonas en "blanco", y no se debe adjudicar demasiado espacio a elementos de menor importancia.

¿Se ha controlado la longitud de página?

Se debe evitar en la medida de lo posible el scrolling. Si la página es muy extensa, se debe fraccionar.

Búsqueda ¿Se encuentra fácilmente accesible?

Desde la home, a ser posible accesible desde todas las páginas del sitio y en la zona superior de la página.

¿Es fácilmente reconocible como tal?

¿Permite la búsqueda avanzada?

¿Muestra los resultados de la búsqueda de forma comprensible para el usuario? ¿La caja de texto es lo suficientemente ancha? ¿Asiste al usuario en caso de no poder ofrecer resultados para una consultada dada? Imágenes y Elementos Multimedia ¿Las imágenes están bien recortadas? ¿son comprensibles? ¿se ha cuidado su resolución? ¿Se han optimizado las imágenes para reducir el peso? ¿Las metáforas visuales son reconocibles y comprensibles por cualquier usuario? Prestando especial atención a usuarios de otros países y culturas

¿El uso de imágenes o animaciones proporciona algún tipo de valor añadido? ¿Se ha evitado el uso excesivo de animaciones Flash? ¿Se ha evitado el uso de animaciones cíclicas? Ayuda Si posee una sección de Ayuda, ¿Es verdaderamente necesaria?

Siempre que se pueda prescindir de ella simplificando los elementos de navegación e interacción, debe omitirse.

En enlace a la sección de Ayuda, ¿Está colocado en una zona visible y "estándar"? La zona de la página más normal para incluir el enlace a la sección de Ayuda, es la superior derecha.

¿Se ofrece ayuda contextual en tareas complejas?

Por ejemplo (transferencias bancarias, formularios de registro...)

Si posee FAQs, ¿es correcta tanto la elección como la redacción de las preguntas? ¿y las respuestas? Accesibilidad ¿El tamaño de fuente se ha definido de forma relativa, o por lo menos, la fuente es lo suficientemente grande como para no dificultar la legibilidad del texto? ¿El tipo de fuente, efectos tipográficos, ancho de línea y alineación empleados facilitan la lectura?

¿Existe un alto contraste entre el color de fuente y el fondo? ¿Incluyen las imágenes atributos 'alt' que describan su contenido? ¿Es compatible el sitio web con los diferentes navegadores? ¿Se visualiza correctamente con diferentes resoluciones de pantalla? ¿La tecnología utilizada en el site es compatible con el software y hardware de los usuarios objetivos? ¿Puede el usuario disfrutar de todos los contenidos del sitio web sin necesidad de tener que descargar e instalar plugins adicionales? Si es importante utilizar recursos técnicos que requieran la descarga de plug-ins, ¿se le informa al usuario de esta situación y se le explica la importancia de hacerlo? ¿Se puede imprimir la página sin problemas? Se debe asegurar que se puede imprimir la página (sin partes cortadas), y que el resultado es legible.

Control y Retroalimentación ¿Tiene el usuario todo el control sobre el interfaz?

Se debe evitar el uso de ventanas pop-up, ventanas que se abren a pantalla completa, banners intrusivos...

¿Se utilizan pop-ups y/o banners intrusivos en el sitio web? ¿Se informa constantemente al usuario acerca de lo que está pasando?

Si el usuario tiene que esperar hasta que se termine una operación, la página debe mostrar un mensaje indicándole lo que está ocurriendo y que debe esperar. Añadir en el mensaje el tiempo estimado que tendrá que esperar el usuario, o una barra de progreso, ayudará al usuario en este sentido.

¿Se informa al usuario de lo que ha pasado?

Cuando un usuario opera en la página (valora un artículo o responde a una encuesta), se le debe informar de la respuesta a su acción (que su voto ha sido procesado correctamente, etc)

Cuando se produce un error, ¿se informa de forma clara y no alarmista al usuario de lo ocurrido y de cómo solucionar el problema? ¿Posee el usuario libertad para actuar?

Se debe evitar restringir la libertad del usuario: Uso de animaciones que no pueden ser "saltadas", páginas en las que desaparecen los botones de navegación del browser, impedir al usuario poder usar el botón derecho de su ratón...

¿Se ha controlado el tiempo de respuesta?

Aunque esto tiene que ver con el peso de cada página (accesibilidad) también tiene relación con el tiempo que tarda el servidor en finalizar una tarea y responder al usuario. El tiempo máximo que esperará un usuario son 10 segundos.

VALORACIÓN

GRAVEDA D

5 - muy bien

---

4 - bien

---

4 - bien

---

5 - muy bien

---

5 - muy bien

---

4 - bien

---

5 - muy bien

---

5 - muy bien

---

4 - bien

---

3 - regular

Normal

4 - bien

---

4 - bien

---

4 - bien

---

3 - regular

Normal

5 - muy bien

---

4 - bien

---

4 - bien

---

5 - muy bien

---

5 - muy bien

---

4 - bien

---

5 - muy bien

---

4 - bien

---

3 - regular

Grave

5 - muy bien

---

5 - muy bien

---

5 - muy bien

---

4 - bien

---

5 - muy bien

---

4 - bien

---

5 - muy bien

---

4 - bien

Grave

3 - regular

Normal

3 - regular

Normal

5 - muy bien

---

4 - bien

---

3 - regular

Normal

5 - muy bien

---

3 - regular

Normal

3 - regular

Normal

5 - muy bien

---

5 - muy bien

---

5 - muy bien

---

3 - regular

Normal

4 - bien

---

5 - muy bien

---

4 - bien

---

3 - regular

---

5 - muy bien

---

5 - muy bien

---

5 - muy bien

---

5 - muy bien

---

5 - muy bien

---

3 - regular

Normal

5 - muy bien

---

5 - muy bien

---

4 - bien

---

5 - muy bien

---

5 - muy bien

---

4 - bien

---

4 - bien

---

4 - bien

---

4 - bien

---

4 - bien

---

4 - bien

---

3 - regular

Normal

4 - bien

---

5 - muy bien

---

5 - muy bien

---

4 - bien

---

4 - bien

---

4 - bien

---

4 - bien

---

4 - bien

---

4 - bien

---

4 - bien

---

4 - bien

---

5 - muy bien

---

3 - regular

Normal

4 - bien

---

4 - bien

---

4 - bien

---

COMENTARIOS

Empresa de moda internaciona, cuyo objetivo es el cliente y su unidad de negocio, se basa y se integra diseño, fabricación, distribución y venta, a través de una amplia red de tiendas propia.la web refleja perfectamente los objetivos, ser una guia de compra,reflejo de la propias tiendas, donde el usuario se sienta agusto eligiendo sus productos y conociendo las ultimas novedades Si. web propone imagen de marca, y propone un catalogo on line a traves del cual navegar para elegir sus productos Si. Si. Ofrece producto perfectamente categoriado, precio talla, colores y envio o devoluciones, funciones basicas para comprar a través de uan guia on line www.zara.es. URL asociada a la marca, perfectamente reconocible. Clara, y eficiente La pagina descarga un sport como si de una canal publicitario se tratara, Pagina monodiseño, la pag de incio ( home ) es la misma que las interiores, aparecen todos las acciones ( link ) que se pueden realizar dentro de la pagina, destacando el que se esta consultado con toda la informacion que contienes, para que el usuario vaya interactando con ella. Esto permite una navegavión comoda sin tener que tener muchos back, que te impliquen hacer muchas busquedas y link para llegar a lo que queremos Si.Aparece el logo en todas la busquedas y esta presenta en todas la paginas vistas Si,el objetivos es que la web,se una tienda on line, y no es un contenido como si copiaramos o pegaramos el folleto de la empresa, para eso la propia web te enlaza con u pag de inditex, grupo al que pertenece. lo consigue. No hay informacion irrelevante. Estad

La pagina en cuanto a diseño, y estilo es asutera, se vuelve a apoyar en la fuerza de su marca, ZARA, monocromatica, y sin alardes de diseño, de nuevo deja claro el objetivo de negocio.

Coherencia,

Si.el usuario vista la pagina una vez la identifica y se familiariza con ella si, a través del logo presente en la pagina y a través de la sencillez en sus linea de la web Si Actualizaciones periodicas. Comunica.Para eventos suelen mantenerlos con comunicación previa a la fecha, y posterior de lo que fue durante el mes en que fue realizado. Informaciones semanales.El stock igualmente se identifica

No existen

Hace uso de ellos. Tales como Volver. No pose site map, precisamente, con la claridad con la que muestras su acciones Si

Cada accion es perfectamente relacionada a su contenido. Su planificacion responde mas bien a su identidad de marca y a la linea comunicación e imagen que tiene zara No tiene displays. Su politica de comunicación no sigue la linea publicitaria

Si Si, no abandona las paginas en ningun momento,. La ubicación es fija. Hace que el usuario lo identifique por inercia, debido a que siempre esta posicionado en el mismo espacio Su slogan es la propia identidad de Marca. Basada en el concepto PEOPLE ( gente, la gente a la que viste zara, sea quien seas, como seas y en la parte del mundo en la que estes ) , Igualmente deja tangible el objetivo de negocio, los clientes Si, lo relacionado a través de un enlace dentros de " la empresa " que te lleva directamente a Inditex marca paraguas a la que pertenece SI ofrece opciones a traves de mail y telefono muestra el contacto del dpto de comunicación, Canal abierto a traves de Facebook clara y abiertamente, describe perfectamente la politicas de privacidad, compra, asi como otras a la que se suma la marca como puedan ser las medioambientales ayudando al desarrollo sostenible y la politica aninal

Asocia con un lenguaje familiar , sin usar conceptos para asociaciar sus productos propios de la colección que no sean facilmente reconocibles. Si No existen referencias cruzadas No se dan tonos despecitivos No se da publicidad En lineas generales existe un 1 = 1

La presentacion de la pagina es limpio, clara y concisa, Pero no es un site vivo,aunque no se desvincule de esta linea que es acertada, deberia dentro de ese diseño limpio pero no existen contenido nuevos

Es jerarquica. Va asociado como si a departamentos de tienda se tratara, por secciones y por categoria de productos. Agrupan en un según bloque novedades y eventos . Y en un tercero informacion relativa a la empresa tienes todos las acciones a la vista. El usuario no tiene que recordar done y como ha llegad a ellas, se despliegan falcilmente , la categorizacion de contenidos es clara

Si los elementos estan agrupados, el catalgo es algo extenso, pero creo que necesario

Si son descriptivos, pero no destaca contexto referencial

Si. Y no los hay Si, en cualquiera de los casos, no hay muchos procesos en cada una de las acciones para llegara al resultado en este sentido es muy directa la busqueda / resultad. Lo logra dando informacion contextual, es de cir a medida que vas avanzando en el proceso o fases, lo va describiendo y dando la sensacion al usuario que esta haciendo su camino adecuadamente No, en este caso lo va veo necesariol a propia pag es un site map Se reconocen, practicamento todo lo clickeable se indentifica con texto, pero cuando aparecen imágenes se detecta perfectamente que no es decorativa , colocando el raton encima de ella se vuelva un poco mas clara dando indicacion de que es activa Tiene una buena buena redaccion de enlaces, cabeceras de contenido , y menu didactico y completa de cómo interactuar con los productos que se ofrecen no hay

No resalta o destaca elementos mas relevantes que otro,tan solo utiliza niveles y diferentes tamaño de letra que van desde el mas grande siendo el title, hasta los cuerpos de texto mas pequeños para las categorias Si. Estructura perfectamente los espacios y los contenidos Si. Equilibrio Parte superior izq, ubicación Fija, la cabecerea suele ser el punto mas relevante de una pag, no distorsionandose con otros contenidos. Si,el site es compatible con diferente navegadores, y sitemas operativos , los scripts se visualizan correctamente

Si, Utiliza el blanco y negro para su diseño, de tal manera que una vez que estamos consultando el catalogo web, eso facilita a ver bien los productos, con toda su gamas de colores e imágenes Creo que la longitud es adecuada, ya que seria imposible no contar con un scrolling ( pero es proporcional ) , eso podria afectar a tener mas paginas de contenido dentro del catalogo, e implicar mas busquedas

Si Desde la home puedes acceder a todas las acciones. Permance fijas para todas las consultas Si . La categorizacion, la redaccion de los enlaces, cabeceras de los contenidos, son claros ayuda al usuario, sin necesidad de tener que recordar los pasos, los va intuyendo Si permite busqueda avanzada , puede asociarte por tipo de prenda, color, hombre -mujer. , pero no de manera compleja Todos los botones estan facilmente asociadas a la seccion de la busqueda, aparecen duplicadas por secciones dentro de cada unidad de negocio de Zara El tamaño de texto es adecuada

las imágenes estan integradas y perfectamente equilibradas, calidad, y resolucion, incluso incluye opcion de aumento de detalles cuando la visualizas, esto es valorable desde la opcion de compra, Desde opcion de imagen tan solo ofrece estetica pero no funcionalidad. Si Esta adecuada para cada idioma, cuida las traducciones literales, es decir utiliza su podria lenguaje madre para la site No demasiado, tan solo para identificar que son para linkear , o para aumentar el detalle del producto Solamente en la parte de campaña publicitarias o al inicio de la pagina que se descarga haciendote sentir en una pasarela de moda, como un spot se tratara si

te ofrece na guia de compra a modo de ayuda para que puedas completar con éxito todas tus compras La ayuda se traducen guia de compra y guia de informacion del usuario, ubicandose en la parte inferior ,asi como en la superior junto a la accion de comprar y para dar apoyo en la ejecucion de esta si como comprar, como registrarse, como reclamar,,,, existe guia de informacion al usuario,tanto para navegar como para dejar claro las acciones que se ejecuten no pose como tal esta opcion, pero de alguna maner creo que con las guias que ofrece y opciones de consulta, es sufiente

Es justa Enriquece la lectura .ofrece una excelente credibilidad de los contenidos que muestra

El contraste se debe a que no utiliza colores, se vale unicamente para darle limpieza y orden a la pagina el hcho de no usar demasiados colores Si, A través de descripcion del producto y detalles del mismo Las páginas y contenido que ofrece no tardan en descargarse Si, Facilita su uso no utilizando ventanas desplegables, proporciona la opción de agrandar o empequeñece No tiene esa opción pendiente de probar si se puede, no lo he lanzado a impresión

Si no si le ofrece indicaciones y estado de sus consultas ( tanto en registro como en compras )

no tiene esta opcion de encuentas o test de calidad,, si a podria asemejarse a la atencion de cliente No que no se la forma que el propio navegador te indica cuendo hay un error en la pagina todo es para que no se de esta opcion, La acciones son directas

es rapido

PROPUESTA DE MEJORAS

Quizas tanta coherencia abandona un poco el sentido del contraste. Quizas se prodria jugar con cordinar elementos diferenciados para cada uno de las unidades de negocio dentro de ZARA ( TRF, HOME, KIDS ) por ejemplo de manera cromatica para reconocerlos ,

Para noticias no aparecen claramente datadas, evitando de esta manera que se sobreescriba eb las actualizaciones la antigua informacion o url, asi como que permita reconocer cuando se publico

problema que se repite en todas las ejecuciones de acciones .la acciones de retorno a la home o cualquier otra accion de consulta aquí no se da, utilizas la propia del navegador en la barra de herramientas

Aunque no se desvinvule de esta linea que es acertada, deberia dentro de ese diseño limpio existir destacados de los contenido nuevos , hacer uso de alguna imagen como un bottom y no simplemente un elemento decorativo, que de mas viveza a la pagina y a la navegacion, que despierte interese en el usuario, No existen destacados de promociones o dtos,

deberia indicar la temporada de la colección , en cualquier caso lo intenta solventar con la accion de ultima semana

introduciria un back justo en la pagina de catalago, cuando muestra los resultado la 1 pagina, ya que la manera de salir de ella es volviendo a linkear otra opcion

Indicaria el texto con mas cuerpo o tamaño

Se centra principalmente en encontrar, solo resulta eficiente con un concepto de categoria o sexo. En la pagina le daria algo mas de visibilidad por ejemplo en la parte superior y algo mas grande

introducir opcion de test de calidad, tanto de proceso con la web como con la en su experiencia de compra

HEURÍSTICOS

Generales ¿Cuáles son los objetivos del sitio web? ¿Los objetivos son concretos y bien definidos?

¿Los contenidos y servicios que ofrece se corresponden con esos objetivos? ¿Ofrece al usuario lo que quiere? ¿Tiene una URL correcta, clara y fácil de recordar? ¿Y las URL de sus páginas internas? ¿Son claras y permanentes? ¿Muestra de forma precisa y completa qué contenidos o servicios ofrece realmente el sitio web? El diseño de la página de inicio, debe ser diferente al resto de páginas y cumplir la función de 'escaparate' del sitio.

¿Se identifica bien el logotipo y marca en el sitio web?

¿La estructura general del sitio web está orientada al usuario?

Los sitios web deben estructurarse pensando en el usuario, sus objetivos y necesidades. No se debe calcar la estructura interna de la empresa u organización, al usuario no le interesa cómo fu

Look & feel ¿Se corresponde con los objetivos, características, contenidos y servicios del sitio web?

Aunque el significado que comunica un determinado color es muy subjetivo y dependiente de la cultura y el entorno, ciertas combinaciones de colores ofrecen una image

¿Es coherente el diseño general del sitio web?

Se debe mantener una coherencia y uniformidad en las estructuras y colores de todas las páginas, para que el usuario no se desoriente en su navegación.

¿Es reconocible el diseño general del sitio web?

Cuánto más se parezca el sitio web al resto de sitios web, más fácil será de usar.

¿Se identifica claramente la marca con el diseño del sitio web? ¿Aparecen elementos de la marca o de la imagen corporativa en todas las páginas? ¿El sitio web se actualiza periódicamente? ¿Indica cuándo se actualiza?

Las fechas que se muestren en la página deben corresponderse con actualizaciones, noticias, eventos...no con la fecha del sistema del usuario.

Rotulado Los rótulos, ¿son significativos?

Ejemplo: evitar rótulos del tipo "haga clic aquí".

¿Usa rótulos estándar?

Siempre que exista un "estándar" comúnmente aceptado para el caso concreto, como "Mapa del Sitio" o "Acerca de".

¿Usa un único sistema de organización, bien definido y claro?

No se deben mezclar sistemas de organización diferentes. Los diferentes sistemas de organización son básicamente: alfabético, geográfico, cronológico, temático, orientado a tareas, orientado al

¿Utiliza un sistema de rotulado controlado y preciso?

Por ejemplo, si un enlace tiene el rótulo "Quiénes somos", no puede dirigir a una página cuyo encabezamiento sea "Acerca de", o un enlace con el rótulo "Ayuda" no puede dirigir a una página encabezada

El título de las páginas, ¿Es correcto? ¿Ha sido planificado? Relacionado con la 'findability' del sitio web.

¿Es correcto el rotulado de los banner publicitarios? Identidad e Información ¿Se muestra claramente la identidad de la empresa-sitio a través de todas las páginas? El Logotipo, ¿es significativo, identificable y suficientemente visible? El eslogan o tagline, ¿expresa realmente qué es la empresa y qué servicios ofrece? ¿Se ofrece algún enlace con información sobre la empresa, sitio web, 'webmaster',...? ¿Refleja el sitio web la misma misión/visión de la marca? ¿Se proporciona mecanismos para ponerse en contacto con la empresa? Datos como e-mail, teléfono, dirección postal, fax...

¿Se proporciona información sobre la protección de datos de carácter personal de los clientes o los derechos de autor de los contenidos del sitio web? Lenguaje y Redacción ¿El sitio web habla el mismo lenguaje que sus usuarios?

Se debe evitar usar un lenguaje corporativista. Así mismo, hay que prestarle especial atención al idioma, y ofrecer versiones del sitio en diferentes idiomas cuando sea necesario.

¿Emplea un lenguaje claro y conciso? ¿Se evitan referencias cruzadas entre textos que están relacionados? ¿Es amigable, familiar y cercano?

Se debe evitar utilizar un lenguaje constantemente imperativo, mensajes crípticos, o tratar con desprecio al usuario.

¿Es adecuado y claro el lenguaje utilizado en los banner publicitarios? ¿1 párrafo = 1 idea?

Cada párrafo es un objeto informativo que debe transmitir ideas, mensajes...Se deben evitar párrafos vacíos o varios mensajes en un mismo párrafo.

Estructura y Navegación Como se presenta la pagina, wireframes, links, acciones La estructura de organización y navegación, ¿Es la más adecuada? jerárquicas, hipertextual, facetada,...

¿Los enlaces son fácilmente reconocibles como tales? ¿su caracterización indica su estado (visitados, activos,...)?

La caracterización de los enlaces debe indicar su estado (para orientar al usuario), y ser reconocidos como una unidad (evitando enlaces qu

En menús de navegación, ¿se ha controlado el número de elementos y de términos por elemento para no producir sobrecarga memorística? No se deben superar los 7±2 elementos, ni los 2 o 3 términos por elemento.

¿Está claro lo que el usuario se encontrará detrás de un enlace?

Nivel de significación del rótulo del enlace, el uso de globos de texto, información contextual (indicar formato y tamaño del documento o recurso con el que vincula el enlace), la barra de e

¿Se ha controlado que no haya enlaces que no llevan a ningún sitio?

Enlaces que no llevan a ningún sitio: Los enlaces rotos, y los que enlazan con la misma página que se está visualizando (por ejemplo enlaces a la "home" desde la misma página de inicio)

¿Existen elementos de navegación que orienten al usuario acerca de dónde está y cómo deshacer su navegación?

Breadcrumbs, enlaces a la página de inicio, etc. El logo también es recomendable que enlace con la página de inicio.

¿Dispone la página de un site map? Las imágenes enlace, ¿se reconocen como clicables? ¿incluyen un atributo 'title' describiendo la página de destino? También hay que cuidar que no haya imágenes que parezcan enlaces y en realidad no lo sean.

¿Se ha evitado la redundancia de enlaces? ¿Se ha controlado que no haya páginas "huérfanas"?

Páginas huérfanas: que aún siendo enlazadas desde otras páginas, éstas no enlacen con ninguna.

Lay-Out de la Página ¿Se aprovechan las zonas de alta jerarquía informativa de la página para contenidos de mayor relevancia? (como por ejemplo la zona central) ¿Se ha evitado la sobrecarga informativa?

Haciendo un uso correcto de colores, efectos tipográficos y agrupaciones para discriminar información. Los grupos diferentes de objetos informativos de una página, no deberán superar el número 7±2 .

¿Es una interfaz limpia, sin ruido visual? ¿Existen zonas en blanco entre los objetos textuales de la página para poder descansar la vista? ¿Aparece la marca en un lugar importante dentro de la página ¿Se visualiza el sitio web correctamente en diferentes sistemas operativos?

Se debe tener en cuenta plataforma PC y Mac, así como diferentes navegadores y versiones de Sistemas Operativos

¿Se hace un uso correcto del espacio visual de la página?

No se debe desaprovechar demasiado espacio con elementos de decoración, o grandes zonas en "blanco", y no se debe adjudicar demasiado espacio a elementos de menor importancia.

¿Se ha controlado la longitud de página?

Se debe evitar en la medida de lo posible el scrolling. Si la página es muy extensa, se debe fraccionar.

Búsqueda ¿Se encuentra fácilmente accesible?

Desde la home, a ser posible accesible desde todas las páginas del sitio y en la zona superior de la página.

¿Es fácilmente reconocible como tal? ¿Permite la búsqueda avanzada? ¿Muestra los resultados de la búsqueda de forma comprensible para el usuario? ¿La caja de texto es lo suficientemente ancha? ¿Asiste al usuario en caso de no poder ofrecer resultados para una consultada dada? Imágenes y Elementos Multimedia ¿Las imágenes están bien recortadas? ¿son comprensibles? ¿se ha cuidado su resolución? ¿Se han optimizado las imágenes para reducir el peso? ¿Las metáforas visuales son reconocibles y comprensibles por cualquier usuario? Prestando especial atención a usuarios de otros países y culturas

¿El uso de imágenes o animaciones proporciona algún tipo de valor añadido? ¿Se ha evitado el uso excesivo de animaciones Flash? ¿Se ha evitado el uso de animaciones cíclicas? Ayuda Si posee una sección de Ayuda, ¿Es verdaderamente necesaria?

Siempre que se pueda prescindir de ella simplificando los elementos de navegación e interacción, debe omitirse.

En enlace a la sección de Ayuda, ¿Está colocado en una zona visible y "estándar"? La zona de la página más normal para incluir el enlace a la sección de Ayuda, es la superior derecha.

¿Se ofrece ayuda contextual en tareas complejas?

Por ejemplo (transferencias bancarias, formularios de registro...)

Si posee FAQs, ¿es correcta tanto la elección como la redacción de las preguntas? ¿y las respuestas? Accesibilidad ¿El tamaño de fuente se ha definido de forma relativa, o por lo menos, la fuente es lo suficientemente grande como para no dificultar la legibilidad del texto? ¿El tipo de fuente, efectos tipográficos, ancho de línea y alineación empleados facilitan la lectura? ¿Existe un alto contraste entre el color de fuente y el fondo? ¿Incluyen las imágenes atributos 'alt' que describan su contenido? ¿Es compatible el sitio web con los diferentes navegadores? ¿Se visualiza correctamente con diferentes resoluciones de pantalla? ¿La tecnología utilizada en el site es compatible con el software y hardware de los usuarios objetivos? ¿Puede el usuario disfrutar de todos los contenidos del sitio web sin necesidad de tener que descargar e instalar plugins adicionales? Si es importante utilizar recursos técnicos que requieran la descarga de plug-ins, ¿se le informa al usuario de esta situación y se le explica la importancia de hacerlo? ¿Se puede imprimir la página sin problemas?

Se debe asegurar que se puede imprimir la página (sin partes cortadas), y que el resultado es legible.

Control y Retroalimentación ¿Tiene el usuario todo el control sobre el interfaz?

Se debe evitar el uso de ventanas pop-up, ventanas que se abren a pantalla completa, banners intrusivos...

¿Se utilizan pop-ups y/o banners intrusivos en el sitio web? ¿Se informa constantemente al usuario acerca de lo que está pasando?

Si el usuario tiene que esperar hasta que se termine una operación, la página debe mostrar un mensaje indicándole lo que está ocurriendo y que debe esperar. Añadir en el mensaje el tiemp

¿Se informa al usuario de lo que ha pasado?

Cuando un usuario opera en la página (valora un artículo o responde a una encuesta), se le debe informar de la respuesta a su acción (que su voto ha sido procesado correctamente, etc)

Cuando se produce un error, ¿se informa de forma clara y no alarmista al usuario de lo ocurrido y de cómo solucionar el problema?

¿Posee el usuario libertad para actuar?

Se debe evitar restringir la libertad del usuario: Uso de animaciones que no pueden ser "saltadas", páginas en las que desaparecen los botones de navegación del browser, impedir al usuario poder usar el botón derech

¿Se ha controlado el tiempo de respuesta?

Aunque esto tiene que ver con el peso de cada página (accesibilidad) también tiene relación con el tiempo que tarda el servidor en finalizar una tarea y responder al usuario. El tiempo máximo que esperará un usuar

VALORACIÓN

GRAVEDAD COMENTARIOS

Presentar producto Mango y Venta Online Todas las opciones del menu principal de la página están orientadas hacia la presentación de sus productos, permitiendo al usuario jugar, compartir y comprar.

5 - muy bien

---

5 - muy bien

---

5 - muy bien

---

5 - muy bien

---

1 - muy mal

Normal

5 - muy bien

---

El menu principal no es muy extenso agrupando en 6 conceptos las opciones del site.

5 - muy bien

---

El logo aunque pequeño, aparece en todas las páginas del site. Se ha detectado e que el logo utilizado no es el mismo que se utiliza habitualmente.

5 - muy bien

---

El menú principal ocupa la parte superior de la página, y es esta parte del site la que lleva el showcasing del producto. En la parte inferior, encontramos toda la parte relacionada con la compra on-line e información de la empresa.

4 - bien

---

El site hace uso de los colores corporativos de la marca y aunque el contenido está orientado a un publico joven, la imagen de la pagina es un poco más seria.

4 - bien

---

El diseño tiene coherencia en todo el site, exceptuando la sección de Hombre para la cual han elegido un fondo diferente.

4 - bien

---

A pesar de que la sección de hombre está hecha sobre un color de fondo distinto, el esquema de diseño es el mismo.

4 - bien

---

Si, el layout presenta logotipos y colores corporativos.

5 - muy bien

---

5 - muy bien

---

El logotipo y los colores corporativos Al ser un catálogo/escaparate de sus colecciones, es un site que se actualiza constantemente con los cambios de colecciones, etc..

5 - muy bien

---

La rotulación es correcta, y se detecta perfectamente los textos vinculados

4 - bien

---

Esto aplica sobre todo en el menú inferior de la página. En el menu superior, son categorías y nombres particulares de colecciones de la marca.

4 - bien

---

El sistema de encabezados es muy simple, sin embargo dentro de cada categoría, hay demasiados sub-items.

Todos los contenidos del site están orientados a presentar el producto y formas de uso El contenido cumple con las expectativas de contenido. La URL principal, es fácilmente recordable, pero el resto no lo son. Son demasiado largas.

4 - bien

Normal

---

El menu "Hacia Donde Enviamos" lleva a una página encabezada como "Transporte"

No se muestran banners en el site.

Se muestra logo y colores corporativos en el site Es visible aunque un poco pequeño. Además, tal como se comentó antes, el logo no es el mismo utilizado en tiendas y resto de comunicaciones de la marca. El slogan únicamente se aprecia al inciar la navegación, luego no aparece en el site En la parte inferior de la página, hay un apartado dedicado a información corporativa y otras iniciativas de Mango.

4 - bien 3 - regular

4 - bien 4 - bien 4 - bien

Estos datos están bien indicados.

4 - bien

En los FAQ se puede encontrar información sobre este tema.

Si. Además ofrece versión en varios idiomas: español, inglés, francés, aleman y otros.

5 - muy bien

---

4 - bien

---

4 - bien

---

Si No se han detectado referencias cruzadas

3 - regular

---

El lenguaje es amigable y cordial.

4 - bien

---

No hay banners.

4 - bien

---

4 - bien

---

4 - bien

---

La presentacion es limpia, con un look de catálogo. El site tiene una organización jerárquica descendente y los contenidos se agrupan en cuatro grandes secciones.

---

La mayoría de los textos vinculados se ven claramente, a excepción de un menú contextual que aparece al pasar el ratón sobre alguna de las imágenes del reel que ocupa la sección principal de la página. Si no es un usuario experto, es posible que no detec

4 - bien

Normal

Además de la barra de búsqueda que tiene la página, al entrar en cada sección es posible delimitar las opciones seleccionando casillas de un menú que se presenta a la izquierda de la página.

4 - bien

---

4 - bien

Los enlaces son bastante claros.

5 - muy bien

---

No se ha detectado ningún enlace roto en la navegación.

4 - bien

---

La mayoría de las secciones tiene breadcrumbs, excepto la sección de Mix and Match.

3 - regular

---

5 - muy bien

---

Aunque la navegación no es complicada, es probable que un site map aporte valor. Para un usuario medio a experto esto es intuitivo, y al clicar sobre la imagen obtienes un menu contextual que te permite avanzar y hacer zoom sobre la imagen. No se ha detectado redundancias en la navegación

5 - muy bien

---

No existen páginas "huérfanas"

5 - muy bien

---

---

3 - regular

Normal

4 - bien

---

5 - muy bien

---

3 - regular

Normal

Cada menú, agrupa muchas subcategorías.

Existen zonas de descanso y en general no es una página recargada. A pesar de estar presente en todas las páginas del site, es posible que sea muy pequeño.

4 - bien

---

Se ha probado en varios sistemas operativos y funciona sin problema. Incluso en smartphone.

5 - muy bien

---

El espacio visual está bien aprovechado.

4 - bien

---

Al ser un contenido muy extenso, es normal que se utilice el scroll. El site tiene scroll vertical y horizontal, además de paginación.

4 - bien 4 - bien 4 - bien 3 - regular

5 - muy bien

Normal

No tiene buscador, en su lugar utiliza un sistema de elección múltiple para delimitar o afinar el display de producto, según categorías. No procede No procede No procede No procede No procede

Imágenes en alta resolución. Algunas de ellas permiten verlas en mayor detalle mediante el zoom.

4 - bien

no procede

Todas las imágenes, videos y animaciones integradas en el site están para apoyar y reforzar el objetivo de la página, que es mostrar producto y vender, además de permitir interactuar con los usuarios.

5 - muy bien

3 - regular 4 - bien

No hay animaciones cíclicas en el site.

1 - muy mal

Normal

Aunque la página es bastante amigable, es posible que la sección de ayuda y/o consulta sobre la parte de compra debería estar on-line. Existe sin embargo una sección de Ayuda Off-Line, la cual ofrece un formulario para que se planteen preguntas sobre el

2 - mal

Normal

La sección de Ayuda Off-line está en el menú inferior del site.

1 - muy mal

---

4 - bien

---

Existe sección de "Preguntas Frecuentes"

4 - bien

El tamaño de la fuente es correcto.

4 - bien

Son adecuados para la lectura.

5 - muy bien

Suele ser texto negro sobre fondo blanco. Al pasar el ratón sobre las imágenes, es posible ver una descripción de la imagen o modelo.

5 - muy bien 5 - muy bien

Es compatible. Existe opción de visualizar en smartphones.

5 - muy bien

Si.

5 - muy bien

No es necesario descargar plug-ins. No. Si es posible imprimir y el formato se adapta al de una página A4.

5 - muy bien

---

5 - muy bien

---

No se utilizan

4 - bien

---

Existe una animación entre pantalla y pantalla que indica el % de avance, haciendo las veces del reloj de arena de Windows.

4 - bien

---

La página es muy clara en sus mensajes.

5 - muy bien

---

Se presenta un texto en rojo indicando el error, y explicando al usuario como corregirlo.

4 - bien

---

5 - muy bien

---

PROPUESTA DE MEJORAS

Al ser un site de venta on-line, debería desarrollar más la opción y concepto de venta cruzada, sugiriendo items que combinan con la selección hecha.

Si bien esto no constituye un problema de usabilidad, creemos que es de suma importancia que la imagen corporativa se cuide al máximo, ya que el site es una extensión de la marca.

Esto no es un problema, pero si una sugerencia: es posible que el layout en general sea demasiado serio para el contenido y target al que va dirigido.

Corregir la pagina hacia donde deriva este link y unificar el rotulado.

Entendemos que es un elemento de diseño del site, pero es posible que no se aproveche al máximo para un usuario principiante.

Es posible que una segunda agrupación de terminos, reduzca visualmente un listado de selección tan extenso como el que actualmente presentan.

Agrandar un punto y unificar logo con el utilizado en tienda para mantener imagen corporativa.

Sería bueno incorporar alguna opción de ayuda contextual en la página, sobre todo en la parte de la compra.

HEURÍSTICOS

Generales ¿Cuáles son los objetivos del sitio web? ¿Los objetivos son concretos y bien definidos? ¿Los contenidos y servicios que ofrece se corresponden con esos objetivos? ¿Ofrece al usuario lo que quiere? ¿Tiene una URL correcta, clara y fácil de recordar? ¿Y las URL de sus páginas internas? ¿Son claras y permanentes? ¿Muestra de forma precisa y completa qué contenidos o servicios ofrece realmente el sitio web? El diseño de la página de inicio, debe ser diferente al resto de páginas y cumplir la función de 'escaparate' del sitio.

¿Se identifica bien el logotipo y marca en el sitio web? ¿La estructura general del sitio web está orientada al usuario?

Los sitios web deben estructurarse pensando en el usuario, sus objetivos y necesidades. No se debe calcar la estructura interna de la empresa u organización, al usuario no le interesa cómo funciona o se organiza la empresa.

Look & feel ¿Se corresponde con los objetivos, características, contenidos y servicios del sitio web?

Aunque el significado que comunica un determinado color es muy subjetivo y dependiente de la cultura y el entorno, ciertas combinaciones de colores ofrecen una imagen más o menos formal, seria o profesional (ej. tonos de azules con el blanco trasmiten una imagen corporativista).

¿Es coherente el diseño general del sitio web?

Se debe mantener una coherencia y uniformidad en las estructuras y colores de todas las páginas, para que el usuario no se desoriente en su navegación.

¿Es reconocible el diseño general del sitio web?

Cuánto más se parezca el sitio web al resto de sitios web, más fácil será de usar.

¿Se identifica claramente la marca con el diseño del sitio web?

¿Aparecen elementos de la marca o de la imagen corporativa en todas las páginas? ¿El sitio web se actualiza periódicamente? ¿Indica cuándo se actualiza?

Las fechas que se muestren en la página deben corresponderse con actualizaciones, noticias, eventos...no con la fecha del sistema del usuario.

Rotulado Los rótulos, ¿son significativos?

Ejemplo: evitar rótulos del tipo "haga clic aquí".

¿Usa rótulos estándar?

Siempre que exista un "estándar" comúnmente aceptado para el caso concreto, como "Mapa del Sitio" o "Acerca de".

¿Usa un único sistema de organización, bien definido y claro?

No se deben mezclar sistemas de organización diferentes. Los diferentes sistemas de organización son básicamente: alfabético, geográfico, cronológico, temático, orientado a tareas, orientado al público y orientado a metáforas.

¿Utiliza un sistema de rotulado controlado y preciso?

Por ejemplo, si un enlace tiene el rótulo "Quiénes somos", no puede dirigir a una página cuyo encabezamiento sea "Acerca de", o un enlace con el rótulo "Ayuda" no puede dirigir a una página encabezada con "FAQs".

El título de las páginas, ¿Es correcto? ¿Ha sido planificado? Relacionado con la 'findability' del sitio web.

¿Es correcto el rotulado de los banner publicitarios? Identidad e Información ¿Se muestra claramente la identidad de la empresa-sitio a través de todas las páginas? El Logotipo, ¿es significativo, identificable y suficientemente visible? El eslogan o tagline, ¿expresa realmente qué es la empresa y qué servicios ofrece? ¿Se ofrece algún enlace con información sobre la empresa, sitio web, 'webmaster',...? ¿Refleja el sitio web la misma misión/visión de la marca? ¿Se proporciona mecanismos para ponerse en contacto con la empresa? Datos como e-mail, teléfono, dirección postal, fax...

¿Se proporciona información sobre la protección de datos de carácter personal de los clientes o los derechos de autor de los contenidos del sitio web? Lenguaje y Redacción ¿El sitio web habla el mismo lenguaje que sus usuarios?

Se debe evitar usar un lenguaje corporativista. Así mismo, hay que prestarle especial atención al idioma, y ofrecer versiones del sitio en diferentes idiomas cuando sea necesario.

¿Emplea un lenguaje claro y conciso? ¿Se evitan referencias cruzadas entre textos que están relacionados? ¿Es amigable, familiar y cercano?

Se debe evitar utilizar un lenguaje constantemente imperativo, mensajes crípticos, o tratar con desprecio al usuario.

¿Es adecuado y claro el lenguaje utilizado en los banner publicitarios? ¿1 párrafo = 1 idea?

Cada párrafo es un objeto informativo que debe transmitir ideas, mensajes...Se deben evitar párrafos vacíos o varios mensajes en un mismo párrafo.

Estructura y Navegación Como se presenta la pagina, wireframes, links, acciones La estructura de organización y navegación, ¿Es la más adecuada? jerárquicas, hipertextual, facetada,...

¿Los enlaces son fácilmente reconocibles como tales? ¿su caracterización indica su estado (visitados, activos,...)?

La caracterización de los enlaces debe indicar su estado (para orientar al usuario), y ser reconocidos como una unidad (evitando enlaces que ocupan más de una línea).

En menús de navegación, ¿se ha controlado el número de elementos y de términos por elemento para no producir sobrecarga memorística? No se deben superar los 7±2 elementos, ni los 2 o 3 términos por elemento.

¿Está claro lo que el usuario se encontrará detrás de un enlace?

Nivel de significación del rótulo del enlace, el uso de globos de texto, información contextual (indicar formato y tamaño del documento o recurso con el que vincula el enlace), la barra de estado del navegador,...

¿Se ha controlado que no haya enlaces que no llevan a ningún sitio?

Enlaces que no llevan a ningún sitio: Los enlaces rotos, y los que enlazan con la misma página que se está visualizando (por ejemplo enlaces a la "home" desde la misma página de inicio)

¿Existen elementos de navegación que orienten al usuario acerca de dónde está y cómo deshacer su navegación?

Breadcrumbs, enlaces a la página de inicio, etc. El logo también es recomendable que enlace con la página de inicio.

¿Dispone la página de un site map? Las imágenes enlace, ¿se reconocen como clicables? ¿incluyen un atributo 'title' describiendo la página de destino? También hay que cuidar que no haya imágenes que parezcan enlaces y en realidad no lo sean.

¿Se ha evitado la redundancia de enlaces? ¿Se ha controlado que no haya páginas "huérfanas"?

Páginas huérfanas: que aún siendo enlazadas desde otras páginas, éstas no enlacen con ninguna.

Lay-Out de la Página ¿Se aprovechan las zonas de alta jerarquía informativa de la página para contenidos de mayor relevancia? (como por ejemplo la zona central) ¿Se ha evitado la sobrecarga informativa?

Haciendo un uso correcto de colores, efectos tipográficos y agrupaciones para discriminar información. Los grupos diferentes de objetos informativos de una página, no deberán superar el número 7±2 .

¿Es una interfaz limpia, sin ruido visual? ¿Existen zonas en blanco entre los objetos textuales de la página para poder descansar la vista? ¿Aparece la marca en un lugar importante dentro de la página ¿Se visualiza el sitio web correctamente en diferentes sistemas operativos?

Se debe tener en cuenta plataforma PC y Mac, así como diferentes navegadores y versiones de Sistemas Operativos

¿Se hace un uso correcto del espacio visual de la página?

No se debe desaprovechar demasiado espacio con elementos de decoración, o grandes zonas en "blanco", y no se debe adjudicar demasiado espacio a elementos de menor importancia.

¿Se ha controlado la longitud de página?

Se debe evitar en la medida de lo posible el scrolling. Si la página es muy extensa, se debe fraccionar.

Búsqueda ¿Se encuentra fácilmente accesible?

Desde la home, a ser posible accesible desde todas las páginas del sitio y en la zona superior de la página.

¿Es fácilmente reconocible como tal? ¿Permite la búsqueda avanzada? ¿Muestra los resultados de la búsqueda de forma comprensible para el usuario? ¿La caja de texto es lo suficientemente ancha? ¿Asiste al usuario en caso de no poder ofrecer resultados para una consultada dada? Imágenes y Elementos Multimedia ¿Las imágenes están bien recortadas? ¿son comprensibles? ¿se ha cuidado su resolución? ¿Se han optimizado las imágenes para reducir el peso? ¿Las metáforas visuales son reconocibles y comprensibles por cualquier usuario? Prestando especial atención a usuarios de otros países y culturas

¿El uso de imágenes o animaciones proporciona algún tipo de valor añadido? ¿Se ha evitado el uso excesivo de animaciones Flash? ¿Se ha evitado el uso de animaciones cíclicas? Ayuda Si posee una sección de Ayuda, ¿Es verdaderamente necesaria?

Siempre que se pueda prescindir de ella simplificando los elementos de navegación e interacción, debe omitirse.

En enlace a la sección de Ayuda, ¿Está colocado en una zona visible y "estándar"? La zona de la página más normal para incluir el enlace a la sección de Ayuda, es la superior derecha.

¿Se ofrece ayuda contextual en tareas complejas?

Por ejemplo (transferencias bancarias, formularios de registro...)

Si posee FAQs, ¿es correcta tanto la elección como la redacción de las preguntas? ¿y las respuestas? Accesibilidad ¿El tamaño de fuente se ha definido de forma relativa, o por lo menos, la fuente es lo suficientemente grande como para no dificultar la legibilidad del texto? ¿El tipo de fuente, efectos tipográficos, ancho de línea y alineación empleados facilitan la lectura? ¿Existe un alto contraste entre el color de fuente y el fondo? ¿Incluyen las imágenes atributos 'alt' que describan su contenido? ¿Es compatible el sitio web con los diferentes navegadores? ¿Se visualiza correctamente con diferentes resoluciones de pantalla? ¿La tecnología utilizada en el site es compatible con el software y hardware de los usuarios objetivos? ¿Puede el usuario disfrutar de todos los contenidos del sitio web sin necesidad de tener que descargar e instalar plugins adicionales? Si es importante utilizar recursos técnicos que requieran la descarga de plug-ins, ¿se le informa al usuario de esta situación y se le explica la importancia de hacerlo? ¿Se puede imprimir la página sin problemas?

Se debe asegurar que se puede imprimir la página (sin partes cortadas), y que el resultado es legible.

Control y Retroalimentación ¿Tiene el usuario todo el control sobre el interfaz?

Se debe evitar el uso de ventanas pop-up, ventanas que se abren a pantalla completa, banners intrusivos...

¿Se utilizan pop-ups y/o banners intrusivos en el sitio web? ¿Se informa constantemente al usuario acerca de lo que está pasando?

Si el usuario tiene que esperar hasta que se termine una operación, la página debe mostrar un mensaje indicándole lo que está ocurriendo y que debe esperar. Añadir en el mensaje el tiempo estimado que tendrá que esperar el usuario, o una barra de progreso, ayudará al usuario en este sentido.

¿Se informa al usuario de lo que ha pasado?

Cuando un usuario opera en la página (valora un artículo o responde a una encuesta), se le debe informar de la respuesta a su acción (que su voto ha sido procesado correctamente, etc)

Cuando se produce un error, ¿se informa de forma clara y no alarmista al usuario de lo ocurrido y de cómo solucionar el problema?

¿Posee el usuario libertad para actuar?

Se debe evitar restringir la libertad del usuario: Uso de animaciones que no pueden ser "saltadas", páginas en las que desaparecen los botones de navegación del browser, impedir al usuario poder usar el botón derecho de su ratón...

¿Se ha controlado el tiempo de respuesta?

Aunque esto tiene que ver con el peso de cada página (accesibilidad) también tiene relación con el tiempo que tarda el servidor en finalizar una tarea y responder al usuario. El tiempo máximo que esperará un usuario son 10 segundos.

VALORACIÓN

GRAVEDAD

4 - bien

---

4 - bien

---

4 - bien

---

5 - muy bien

---

1 - muy mal

Normal

5 - muy bien

---

5 - muy bien

---

5 - muy bien

---

5 - muy bien

5 - muy bien

5 - muy bien

4 - bien

3 - regular

Normal

5 - muy bien

5 - muy bien

5 - muy bien

4 - bien

5 - muy bien

Normal

4 - bien 4 - bien

4 - bien 4 - bien 2 - mal

Grave

4 - bien 4 - bien 5 - muy bien 5 - muy bien

4 - bien 5 - muy bien 5 - muy bien 4 - bien 4 - bien 4 - bien

4 - bien 4 - bien

3 - regular

Normal

3 - regular

Normal

3 - regular

Normal

5 - muy bien

5 - muy bien

1 - muy mal

Grave

2 - mal

Crítica

5 - muy bien 5 - muy bien

4 - bien

4 - bien 5 - muy bien 5 - muy bien 5 - muy bien 5 - muy bien

3 - regular

Grave

3 - regular

Grave

1 - muy mal

Grave

-----------

5 - muy bien 4 - bien 5 - muy bien

5 - muy bien 5 - muy bien 3 - regular

Normal

4 - bien

1 - muy mal

Crítica

3 - regular

Normal

3 - regular

Normal

4 - bien

3 - regular

Normal

2 - mal

Normal

1 - muy mal

Grave

5 - muy bien 5 - muy bien 5 - muy bien 5 - muy bien

1 - muy mal

5 - muy bien 5 - muy bien

3 - regular

3 - regular

4 - bien

Normal

5 - muy bien

4 - bien

COMENTARIOS

Objetivos: Muestra de catálogo y venta online Si, tanto a través de las imágenes utilizadas como la información proporcionada La mayor parte del contenido hace referencia al catálogo de productos de la marca, cuyo objetivo principal es su difusión y venta Muestra un catálogo de productos bien organizado, con opción a compra online Las url internas no son claras ni descriptivas

Siempre muestra un menu con el contenido de la página El logo está visible en todas las páginas, ubicado siempre en el mismo lugar La información más relevante para el usuario está situada en primer término (productos), mientras que la corporativa se encuentra en un nivel inferior de importancia, al pie de página

Los colores son apropiados, correspondiendo a la imagen de la marca y a la naturaleza del negocio (moda joven) Se mantiene uniformidad en el diseño de toda la web en general. La cabecera con el logo hacen que el site sea fácilmente reconocible e identificable con la marca Se identifica claramente a través del logo permanente situado en la cabecera, y al mantener una tipografía más o menos acorde, aunque no uniforme en todas sus jerarquías El logo es el máximo identificador de la marca, que aparece en todas las páginas a excepción de las pop-ups de información accesoria (privacidad, condiciones generales de la compra, envío…) Las fechas de publicación de las notas de prensa indican actividad en la página y constante actualización, si bien debido a las características del sector, la actualización del catálogo de productos se realiza coincidiendo con cambios de temporada o lanzamientos de campañas y promociones

Se evitan rótulos no descriptivos Se utilizan rótulos estándar: Conócenos, trabaja con nosotros, Condiciones de compra, Política de privacidad, Atención al Cliente,… Utiliza una organización muy sencilla por categorías de productos y poca jerarquía, utilizando únicamente 2 niveles

Las páginas están rotuladas correctamente

A pesar de que casi todas las páginas están bien tituladas, algunas de ellas de nivel principal no cuentan con un titulo descriptivo La página no muestra banners publicitarios, únicamente utiliza imágenes para categorizar secciones

El logo de la marca aparece en todas las páginas a excepción de las pop-ups de información accesoria (privacidad, condiciones generales de la compra, envío…) Se encuentra muy visible, pero a nivel de marca no es muy identificable rápidamente debido a su sencillez Únicamente se aprecia como slogan 'Blanco Shop online' como titulo de las páginas iniciales, sin describir en ningún momento a qué se dedica la empresa Se muestra el apartado 'Conócenos', que abarca información de la empresa Aunque no se encuentren identificadas como tal, la página muestra la filosofía de la empresa Dispone de un apartado de Atención al cliente, poniendo a disposición del cliente un teléfono y email de contacto Muestra información acerca de la LOPD en el apartado de Política de Privacidad

El contenido de la página está disponible en español e inglés. Utiliza un lenguaje cuidado, tratando de tú al usuario. Lenguaje muy claro No se ha encontrado ninguna referencia cruzada en las páginas revisadas A pesar de utilizar un lenguaje claro, no es muy cercano a su público objetivo, ya que intenta mantener la seriedad Carece de banners publicitarios. Las imágenes prácticamente carecen de texto Los párrafos son escuetos y claros

La página está bien estructurada, aunque todo el contenido organizado en la landing page no es visible al completo en una resolución estándar Utiliza una estructura jerárquica adecuada a la navegación de un catálogo de productos Mayoritariamente, los enlaces visitados o seleccionados no se distinguen como tal.

El menú de segundo nivel en el catálogo de productos es muy extenso

El texto de los enlace son suficientemente descriptivos, pero aún así no contienen información contextual Todos los enlaces chequeados están montados correctamente.

Al navegar por el catálogo de productos, se muestra al usuario un breadcrumb para orientarle en la profundidad de navegación. El logo también está enlazado hacia la landing page del sitio. A pesar de tener una estructura organizativa bastante clara y siempre presente, se limita al catálogo de productos y no dispone de un site map completo. Prácticamente ningún enlace se reconoce como clicable a primera vista. Al realizar roll-over, se reconoce su naturaleza clicable, pero tampoco dispone de atributo title o alt. En el proceso de compra, la situación empeora al encontrar zonas clicables con diferentes comportamientos imposibles de distinguir a simple vista. Los enlaces no son repetitivos No se han detectado páginas huérfanas

En las páginas principales se ha optado por utilizar la zona central para situar imágenes que capten la atención del usuario. Al navegar por un producto, la parte principal está ocupada por una fotografía del producto para visualizarlo en detalle Las páginas no se encuentran sobrecargadas de información La interfaz es muy limpia La informacion textual está bien distribuida, no es extensa Siempre está visible a través del logo en la cabecera El sitio se ve correctamente tanto en plataforma PC como en Mac, y en diferentes navegadores (Firefox, Safari, Explorer) En ocasiones las imágenes utilizadas son demasiado grandes, ocupando la parte principal de la página y relevando a un espacio inferior la información más relevante

Se utiliza paginación para evitar páginas muy extensas, pero aún así es inevitable el scrolling

No carece de buscador No procede No procede No procede No procede No procede

Las imágenes están cuidadas y tienen buena resolución Aún las imágenes grandes tienen tamaño reducido Las imágenes elegidas para categorizar los productos son adecuadas

Las imágenes son utilizadas para, además de añadir valor estético, describir la categoría de productos en la que se está navegando La utilización de Flash está muy restringida a alguna animación puntual Se utiliza una animación cíclica de dos pasos en Flash para la publicidad de una promoción puntual

La navegación de la página permite prescindir de ayuda. Aún así, dispone de una página de ayuda a la compra sencilla, así como un listado de FAQ's. Los enlaces de ayuda son poco visibles y se encuentran en el pie de página Se ofrece información contextual en el proceso de compra (guía de tallas, gastos de envío), pero es insuficiente La redacción es correcta y suficiente

El tamaño de fuente es suficiente, bien definido Se utiliza tanto fuente plana como cursiva, sin criterio alguno En ocasiones el contraste es muy bajo Las imágenes no contienen descripción alternativa El sitio se ve correctamente tanto en plataforma PC como en Mac, y en diferentes navegadores (Firefox, Safari, Explorer) Funciona correctamente sobre las versiones más estándar No se necesita ningún plugin adicional No se indica nada al usuario, puesto que no es necesario La impresión no queda organizada, se pierde mucho espacio y se realiza en varias páginas. Al no mostrarse según que tonos de colores, la información no queda bien organizada

No se utilizan elementos bloqueadores. En todo momento el usuario tiene el control sobre los elementos de la página No se utilizan elementos bloqueadores. En ningún momento se muestran mensajes de espera.

No se informa en ningún momento del resultado de la acción del usuario con la página Se muestran mensajes al usuario, pero no son muy precisos (ej: al cancelar un proceso de compra)

En todo momento el usuario puede navegar con libertad

No se ha detectado control en el tiempo de respuesta

PROPUESTA DE MEJORAS

Se debe administrar el contenido a través de carpetas, y mostrar url más descriptivas

Intentar reducir contenido redundante de la landing page, o acortar las imágenes utilizadas

Utilizar estilos diferentes para marcar los enlaces visitados y los enlaces seleccionados por el usuario Los elementos se pueden agrupar en categorías, e incluso se podría incluir un subnivel más Utilizar etiquetas 'alt' o 'title' para describir el contenido de los enlaces

Utilizar etiquetas 'alt' o 'title'. Utilizar otras gamas de colores en aquellos enlaces con más de dos comportamientos (ej: selección de talla --> disponible, no disponible, seleccionada)

Prescindir de imágenes que requieran mucho espacio cuando hay información relevante que requiere más protagonismo en la página Dimensionar más la rejilla de productos a mostrar, y prescindir de elementos no importantes para concentrar más la información relevante

Estaría bien disponer de un buscador de productos, aunque no lo catalogamos de incidencia muy grave al estar el contenido bastante bien organizado

No consideramos que se deba establecer una mejora, ya que la criticidad es baja

Aunque no se ha indicado criticidad, el listado de FAQ se podría presentar al usuario como un listado navegable (en lugar de estático) Sería conveniente colocar los enlaces de ayuda en la zona superior Falta información de formas de pago en el proceso final de la compra Se podría mejorar incluyendo enlaces directos a las secciones explicativas

Unificar criterios de estilo de tipografía según la naturaleza del texto (si es enlace, si es título,…) Es necesario utilizar tonos más contrastados en el texto sobre el fondo blanco Utilizar etiquetas 'alt' o 'title' para describir el contenido de los enlaces

Debería pre-imprimirse previamente en un formato pdf o similar, o bien debería cuidarse la estructura al utilizar la impresión por navegador

No se considera crítico, ya que el flujo entre pantallas es rápido y no se perciben tiempos de espera importantes No se considera crítico, ya que hay poca interactividad del usuario con la página Los mensajes deben ser menos generales y más definidos

Listas de valores Valoración 1 - muy mal 2 - mal 3 - regular 4 - bien 5 - muy bien Gravedad --Normal Grave Crítica