EVALUACIÓN DE WEBS DESDE LA ÓPTICA DE LA ARQUITECTURA DE LA INFORMACIÓN
Charo Sánche López Arquitectura de la información UOC
ÍNDICE
COMPONENTES DE LA ARQUITECTURA: WWW.PRACTICA.COM.ES
2
•
ESQUEMAS DE ORGANIZACIÓN
2
•
ESTRUCTURAS DE ORGANIZACIÓN
2
•
FOLKSONOMIAS
3
•
SISTEMAS DE NAVEGACIÓN
3
EVALUACIÓN EURÍSTICA
3
•
IDENTIDAD GRÁFICA
3
•
ESTRUCTURAS DE ORGANIZACIÓN
3
•
CONTENIDO
4
•
NAVEGACIÓN
5
•
ETIQUETAGE
6
•
GRAFICOS WEB
6
•
BÚSQUEDA
7
•
FEEDBACK
7
•
UTILIDAD
7
ESTUDIO DE LA COMPETENCIA
8
•
NAVEGACIÓN
•
DISEÑO
10
•
IDENTIDAD DE LA EMPRESA
11
•
PRODUCTO
11
8/9
EVALUACIÓN DE WEBS DESDE LA ÓPTICA DE LA ARQUITECTURA DE LA INFORMACIÓN COMPONENTES DE LA ARQUITECTURA : WWW.PRACTICA.COM.ES
ESQUEMAS DE ORGANIZACIÓN
Esta web utiliza básicamente un sistema de organización ambiguo, ya que organiza sus diferentes productos de una manera subjetiva, organizándolos por temas. En ocasiones es difícil de averiguar que contendrá alguna sección,
como
por
ejemplo
la
sección
descanso, en la que podemos encontrar tanto productos para el descanso como productos de almacenaje. En las páginas secundarias encontramos un sistema de organización exacto ya que tenemos la posibilidad de ordenar los productos de diferentes
maneras,
alfabéticamente,
por
precio, etc. ESTRUCTURAS DE ORGANIZACIÓN
Utiliza un sistema de base de datos para el catálogo de productos. Cada producto dispone de una página donde están detalladas todas sus características, medidas, precio, color y nos permite comprar el producto desde la página.
FOLKSONOMIAS
•
No hay etiquetas sociales, el contenido está clasificado según la base de datos y las etiquetas se corresponden con los artículos standars.
SISTEMAS DE NAVEGACIÓN
Se observan varios sistemas de navegación. •
Una barra de navegación global, situada en la parte superior, con diferentes pestañas.
•
Navegación contextual. Una vez que accedemos a la página de producto podemos buscar ordenando por diferentes conceptos.
•
También cuenta con un buscador de productos.
EVALUACIÓN EURÍSTICA
A continuación se detallarán los errores encontrados ordenados de mayor a menor gravedad y sus posibles soluciones.
Identidad gráfica ERRORES
•
La página inicial nos ofrece información confusa acerca del sitio, ya que queda en segundo plano, enmascarada por un gran banner publicitario que acapara toda la atención y en el que no encontramos información coherente sobre la actividad de la empresa.
•
En el logo, que aparece en una parte destacada, nos indica el tipo de negocio o empresa y por tanto al público que va dirigida, pero siendo este el único sitio donde aparece.
•
Los colores utilizados para su identidad gráfica, rojo y negro se utilizan para la composición de la página, pero no de manera acertada.
POSIBLES MEJORAS
•
Reducir el tamaño del banner
publicitario de manera que no supere el tamaño
destinado a la cabecera. •
Añadir más información sobre el tipo de negocio, icluso podría indicarse en el banner publicitario.
•
Introducción de más colores como un color gris claro que hiciera de base de la página. De esta manera podrían encontrarse combinaciones más adecuadas con el rojo y el negro, dando mmás enfasis a su identidad gráfica.
Contenido
ERRORES
•
La página principal sólo nos ofrece una pequeña explicación de dónde nos encontramos, en el logo. Incluso con el banner publicitario actual, podríamos pensar que nos encontramos en una página de artículos de ferretería.
•
El contenido de la página principal viene especificado en segundo lugar a través de una muestra de los diferentes productos sin clasificación alguna.
•
A continuación nos muestran tres secciones con accesos a otras páginas que apenas pueden distinguirse de los productos.
POSIBLES MEJORAS
•
Ofrecer más información sobre el tipo de negocio al acceder a la página principal, bien mediante pequeños textos que nos hagan intuirlo o bien mediante imágenes más coherentes y específicas.
•
El contenido de la página principal lo sustituiría por apartados como novedades, recomendaciones, ofertas especiales y una presentación de los productos más representativos invitando al usuario al navegar por el sitio y dando una sensación de página en continua renovación.
•
El apartado dedicado a la tarjeta cliente lo desplazaría al encabezamiento de la página pero de manera más discreta, con un simple botón.
Navegación ERRORES
•
El sistema de navegación principal comprende una barra horizontal que vuelve a estar presente en casi todas las páginas, pero que no contempla el poder volver a la página inicial, sólo podemos volver a través del logo o del explorador.
•
Esta barra principal tiene dos tipos de acceso, a través de menús desplegables que pueden situarnos en páginas generales por temas o dirigirnos a páginas de artículos correspondientes a la misma categoría, pero que cuesta diferenciar.
•
No se aprecian cambios de color al cambiar de página.
POSIBLES MEJORAS
•
Habría que mantener la misma estructura para todas las páginas ya que algunas de ellas como la página club no mantiene la misma estructura y parece que hayamos salido del sitio.
•
Añadir una barra lateral de navegación para tener mejor acceso a las diferentes categorías
•
Modificar la barra de navegación para que nos indique, mediante un cambio de color, la página en la que estamos.
•
Crear un mapa del sitio que nos permita acceder de manera estructurada a cualquier apartado que busquemos.
Etiquetaje
ERRORES
•
El sistema de etiquetado nos conduce desde nuestras búsquedas a los productos correspondientes, pero en alguna ocasión el vocabulario utilizado no guarda la relación esperada por temas.
POSIBLES MEJORAS
•
Adecuar de manera simple el vocabulario utilizado. Si utilizamos palabras para etiquetar como cocina o salón, deberíamos utilizar dormitorio.
Gráficos web
ERRORES
•
No se distingue entre las imágenes fijas, las que pueden llevarnos a otras páginas y las imágenes que te dirigen al producto.
•
Las delimitaciones entre todo tipo de imágenes no existen.
•
Banner publicitario demasiado grande.
POSIBLES MEJORAS
•
Diseñar diferentes tamaños de imágenes y asociarlos a catálogo, publicidad, etc.
•
Delimitar las imágenes introduciendo un color de fondo, ya que cuando el fondo es blanco se confunden con las cabeceras.
•
Sustituir el banner por otro más pequeño para que no se el centro de atención.
Búsqueda ERRORES
•
Disponemos de un buscador mal ubicado, ya que queda situado en la parte más oscura y el color gris de fondo hace que pase desapercibido.
•
Nos sugiere la busqueda, pero a partir de la introcucción de tres caracteres, por lo que en un principio da la sensación de no funcionar.
POSIBLES MEJORAS
•
Situar el buscador en la parte derecha de la barra de navegación y modificar su color de fondo a blanco para que resalte.
•
La búsqueda tendría que sugerirla desde la primera letra introducida.
Feedback ERRORES
•
Sólo se nos ofrece una manera de contacto online y es a pie de página.
POSIBLES MEJORAS
•
Habría que ofrecer la manera de ponerse en contacto con la empresa, también al principio de la página.
Utilidad El objetivo de la página es la venta on line de muebles, los mismos productos de que disponen en sus tiendas físicas, por lo que creo que se han basado más en la distribución de los articulos en ellas que no en su estructuración a nivel de web. Es una página meramente visual, como una tienda a la que vas a ver muebles, pero en una web el usuario espera encontrar una estructura que le permita acceder facilmente a lo que busca .
ESTUDIO DE LA COMPETENCIA
En este apartado se propondrán soluciones prácticas mediante el estudio de otros sitios web similares.
Navegación •
Casi todas las páginas consultadas disponen de un menú lateral que les permite navegar por el sitio en los diferentes categorias que se ofrecen. La página practica sólo nos permite navegar a través de la barra principal y desplegando submenus a estas diferentes categorias. Seria bueno disponer de un menu lateral que estuviera presente en todas
las
páginas
relacionadas
con
su
categoría.
•
Habría que incorporar una opciónen la barra de navegación para volver al inicio y destacar con algun cambio de color o apariencia la página donde nos encontramos.
/www.skandium.com/
•
/www.martbert.com/
Una buena opción a incorporar a la navegación sería la utilizada por la siguiente página de “la Oca”, donde de manera clara y estructurada nos ofrece el acceso a todos los productos.
/www.laoca.com/
Diseño •
Los colores por los que identificamos la marca, el rojo y el negro se han utilizado para la composición de la web pero no con demasiado acierto. Su contraste con el color blanco de fondo de toda hacen que se confundan conceptos.
•
Las cabeceras de productos son demasiado grandes y debido a la utilización del mismo fondo hacen que se confundan con los mismos productos.Una solución muy adecuada si se quiere mantener la cabecera con imágenes de productos seria la utilizada por la web “The white company”
/www.thewhitecompany.com/
Identidad de la empresa •
Encontramos a faltar una página dedicada a la empresa como la de “la Oca”, en la que nos hace un pequeño resumen de las característica generales.
/www.laoca.com/
Producto “Skandium” ha incluido una tira de imágenes relacionadas, en la ficha de producto que en el momento de la compra sugieren e invitan al usuario a seguir comprando.
/www.skandium.com/