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.
 GRAVEDA
VALORACIÓN COMENTARIOS
D

5 - muy bien --- Fortalecimiento de marca, muestra de catálogo y venta online

5 - muy bien ---
Si la marca como el catalogo quedan muy bien definidos y obtienen
la sensacion que esta buscando
5 - muy bien ---
El contenido general de la pagina esta integrado semanticamente
con la filosofia de la empresa
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

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

La marca utiliza colores sobrios para seguir un poco la tendencia

5 - muy bien --- 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
La cabecera y el logotipo ayudan a que el sitio sea facilmente
reconocible
5 - muy bien ---
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
5 - muy bien --- en diferentes puntos, bien sea en el logo del titulo o en la misma
ropa que se vende en el sitio.
El contenido general se actualiza cada temporada que pasa, sin
5 - muy bien --- 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
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

5 - muy bien ---

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

4 - bien Normal
Tomando en cuenta que la tienda solo se encuentra en USA y UK
su idioma es el indicado
5 - muy bien --- Bastante claro
5 - muy bien --- No existen referencias cruzadas

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

 Al navegar por el catálogo de productos, no se muestra un
4 - bien Normal 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

En las páginas principales se ha optado por utilizar la zona central

5 - muy bien ---
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 Directamente no existe una caja de busqueda, ya que la

2 - mal Normal informacion de los items esta personalizada por apartados
5 - muy bien Normal
1 - muy mal Normal
4 - bien Normal

5 - muy bien ---

Las imágenes estan perfectamente recortadas y son usadas a la
perfeccion con una resolucion impecable
5 - muy bien --- las imágenes estan lo mas optimizadas posibles
5 - muy bien --- Cumplen con lo que se necesita
5 - muy bien --- Si
5 - muy bien --- Ninguno
5 - muy bien --- Si
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.
 GRAVEDA
VALORACIÓN
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

5 - muy bien --- Presentar producto Mango y Venta Online

Todas las opciones del menu principal de la página están
5 - muy bien --- orientadas hacia la presentación de sus productos,
permitiendo al usuario jugar, compartir y comprar.

5 - muy bien ---

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

5 - muy bien ---

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

El logo aunque pequeño, aparece en todas las páginas del

5 - muy bien --- site. Se ha detectado e que el logo utilizado no es el mismo
que se utiliza habitualmente.

El menú principal ocupa la parte superior de la página, y es

5 - muy bien ---
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.

El site hace uso de los colores corporativos de la marca y

4 - bien --- aunque el contenido está orientado a un publico joven, la
imagen de la pagina es un poco más seria.
El diseño tiene coherencia en todo el site, exceptuando la
4 - bien --- 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 --- El logotipo y los colores corporativos

Al ser un catálogo/escaparate de sus colecciones, es un site
5 - muy bien --- 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
Esto aplica sobre todo en el menú inferior de la página. En el
4 - bien --- 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.
4 - bien Normal
El menu "Hacia Donde Enviamos" lleva a una página
encabezada como "Transporte"

--- No se muestran banners en el site.

4 - bien Se muestra logo y colores corporativos en el site

Es visible aunque un poco pequeño. Además, tal como se
3 - regular 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
4 - bien
En la parte inferior de la página, hay un apartado dedicado a
información corporativa y otras iniciativas de Mango.
4 - bien

4 - bien Estos datos están bien indicados.

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

5 - muy bien ---

Si. Además ofrece versión en varios idiomas: español, inglés,
francés, aleman y otros.
4 - bien --- Si
4 - bien --- No se han detectado referencias cruzadas

3 - regular --- El lenguaje es amigable y cordial.

4 - bien --- No hay banners.

4 - bien ---

4 - bien --- La presentacion es limpia, con un look de catálogo.

4 - bien ---
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
4 - bien --- 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
Además de la barra de búsqueda que tiene la página, al entrar
4 - bien Normal
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 --- 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.

---
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
3 - regular --- sobre la imagen obtienes un menu contextual que te permite
avanzar y hacer zoom sobre la imagen.
5 - muy bien --- No se ha detectado redundancias en la navegación
5 - muy bien --- No existen páginas "huérfanas"

5 - muy bien ---

3 - regular Normal Cada menú, agrupa muchas subcategorías.

4 - bien ---

5 - muy bien ---

Existen zonas de descanso y en general no es una página
recargada.
3 - regular Normal
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.

Al ser un contenido muy extenso, es normal que se utilice el

4 - bien --- scroll. El site tiene scroll vertical y horizontal, además de
paginación.

No tiene buscador, en su lugar utiliza un sistema de elección

4 - bien múltiple para delimitar o afinar el display de producto, según
categorías.
4 - bien No procede
4 - bien Normal No procede
3 - regular No procede
No procede
No procede

5 - muy bien
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
5 - muy bien
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.
3 - regular
4 - bien No hay animaciones cíclicas en el site.

Aunque la página es bastante amigable, es posible que la

sección de ayuda y/o consulta sobre la parte de compra
1 - muy mal Normal 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.
5 - muy bien
Al pasar el ratón sobre las imágenes, es posible ver una
descripción de la imagen o modelo.
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 Normal

4 - bien

5 - muy bien
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 Normal

3 - regular

4 - bien
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