Javier Cosío González – Grado Multimedia – Arquitectura de la Información

PAC 2

JAVIER COSÍO

ARQUITECTURA DE LA INFORMACIÓN EVALUACIÓN DE WEBS DESDE LA ARQUITECTURA DE LA INFORMACIÓN

2

Arquitectura de la Información [Javier Cosío González]

Bloque 1: Componentes de la arquitectura del sitio web.

Sistemas de organización

Esquemas de organización

Los esquemas de organización que presenta la web de JuegosArea combina los

esquemas exactos y los esquemas ambiguos.

Esquemas exactos

Cronológicos

Juegos más nuevos

Esquemas ambiguos

Híbridos

o Audiencia

Los más jugados

o Tema

Deportes

Acción

Aventura

Estructuras de organización

Esta web de juegos online posee una estructura jerárquica, en el bloque posterior

evaluaré en detalle la estructura del sitio web.

Como complemento a esta estructura, existen hipertextos vinculados a categorías

relacionadas para otorgar un poco de creatividad a las sólidas estructuras jerárquicas.

3

Arquitectura de la Información [Javier Cosío González]

Folksonomías

Esta web no permite que los usuarios creen su propia clasificación de contenidos

mediante los llamados tag o palabras clave de búsqueda, por lo tanto, no existen

folksonomías.

Sistemas de etiquetado

En la web aparecen dos tipologías de etiquetas:

Etiquetas icónicas: con una imagen que nos da información del juego.

Etiquetas textuales: acompañan a las etiquetas icónicas otorgando información.

Más adelante desarrollaremos en detalle un sistema de etiquetado eficaz.

Sistemas de navegación (En azul utilizados por JuegosArea)

Sistemas Básicos

Sistemas Integrados

Constantes

Locales

Contextuales

Sistemas Complementarios

Mapas del sitio

Índices

Guías

Sistemas NO Básicos

Sistemas de personalización

Sistemas de customización

Sistemas de navegación visual

Sistemas de navegación social

Dando por finalizado este bloque, sabemos que los sistemas de organización,

etiquetado y navegación son fundamentales para poseer un sitio web con una

alta findability.

Peter Morville define este término como la capacidad que posee un sitio de ser

encontrado por lo usuarios y por los sistemas de información

4

Arquitectura de la Información [Javier Cosío González]

Bloque 2: Fase de Investigación

Evaluación Heurística

En este bloque comenzaremos el rediseño del espacio web realizando un análisis

experto para detectar los principales errores y las posibles mejoras de la web.

Para ello, clasificaremos los posibles errores en diferentes categorías y en forma de

checklist para facilitar la lectura del documento final.

IDENTIDAD

Información e Identidad de la empresa

La web de JuegosArea no proporciona ninguna información empresarial.

Solución: Rediseñar el pie de página y añadir un enlace a una página interna con el

texto: ¿Quiénes somos? en la página se deberá incluir información de la empresa.

Gravedad:

Contacto

La página de contacto a la que accedemos desde el pie de página solo incluye un

textarea para redactar un mensaje.

Solución: Rediseñar la página de contacto y añadir información física como una

dirección postal, un teléfono de contacto, un mail…

Gravedad:

Derechos de autor

Los juegos que aparecen en la página son insertados desde otras webs pero estos no

incluyen ningún enlace adicional ni ninguna reseña.

Solución: Añadir información sobre la licencia y la fuente que incorpora cada juego con

un link de acceso a la página principal del juego.

Gravedad:

Logotipo

El logotipo es identificable y visible, aunque poco significativo.

Solución: Rediseñar el logotipo tanto en forma como en color e invertir en el desarrollo

de un imagotipo que de identidad a la marca y sirva como Favicon.

Gravedad:

Eslogan

El eslogan, “juegos online gratis” se ajusta a lo que demanda la web.

5

Arquitectura de la Información [Javier Cosío González]

LENGUAJE Y ROTULADO

Lenguaje de las categorias

Las categorías no poseen un lenguaje universal y este es poco conciso.

Solución: Clasificar el contenido en categorías universales al igual que todas las webs

de juegos online incorporando un texto estándar sin abusar de la palabra juegos.

Gravedad:

Rotulado

El sistema de rotulado es poco preciso y no está estandarizado.

Solución: Reducir el tamaño de fuente y utilizar un tipo de fuente más compacta que

sea común para todo el rotulado.

Gravedad:

Título de las páginas y breadcrumbs

El título de las páginas se corresponde con su contenido, sin embargo el breadcrumb

(migas de pan) se salta niveles jerárquicos.

Solución: Conviene añadir un margen entre el título de cada página y el breadcrumb,

además este último debe respetar el nivel de categorías y subcategorías resaltando

también el enlace donde nos encontramos.

Gravedad:

Esquemas de Organización

Esta web combina muchos de los sistemas de organización posibles, desde esquemas

cronológicos, por orden de audiencia, por tema…

Solución: La información está bien esquematizada en su mayoría, sin embargo, el

listado de categorías universales debería presentarse en orden alfabético ya que el

número de enlaces es grande y permite al usuario encontrar lo que busca eficazmente.

Gravedad:

Ejemplo:

6

Arquitectura de la Información [Javier Cosío González]

ESTRUCTURA Y NAVEGACIÓN

Estructura de Contenidos Destacados

Los contenidos destacados aparecen enfatizados pero impiden que otras áreas de

información destacadas aparezcan.

Solución: Rediseñar la página index, añadir pestañas de navegación que permitan

desplazarse por las diferentes categorías de destacados, es decir, añadir una pestaña

para los juegos top, otra para los juegos nuevos y una nueva que incluya la valoración

de los usuarios para esos juegos que siendo semi-nuevos tienen gran aceptación.

Gravedad:

Estructura Jerárquica

La estructura de la web no mantiene correctamente los diferentes niveles jerárquicos y

además posee una falta de equilibrio entre la profundidad y la anchura del documento.

Solución: Rediseñar la anchura de la página index y añadir un listado de categorías

principales en un sidebar (barra lateral) que sea visible en todo momento.

Gravedad:

Enlaces

Los enlaces son fácilmente reconocibles y cambian de color al pasar el cursor. Aunque

su color no se altera una vez visitados.

Solución: Aplicar un pequeño cambio cromático a los enlaces ya visitados.

Gravedad:

Respuesta de los Enlaces

Al clicar en los enlaces la respuesta que obtenemos es ambigua.

Solución: Este problema se soluciona con una buena distribución en categorías que ya

hemos comentado anteriormente.

Gravedad:

Folksonomías

No aparecen

Solución: Añadir un etiquetado eficaz que permita a los usuarios clasificar los

contenidos de manera eficaz

Gravedad:

7

Arquitectura de la Información [Javier Cosío González]

ETIQUETADO Y BÚSQUEDA

Etiquetas textuales

Las etiquetas textuales no realizan su función.

Solución: Incorporar etiquetas a cada categoría y a las consiguientes subcategorías

para poder organizar los contenidos.

Gravedad:

Etiquetas icónicas

Existen etiquetas icónicas para cada juego online.

Solución: Las etiquetas son aceptables pero su tamaño es demasiado grande, por lo

tanto, convendría escalarlas a un tamaño más reducido que permita una mayor

organización del contenido.

Gravedad:

Búsqueda

El cuadro de búsqueda se encuentra bien definido en la parte superior de todas las

páginas y es fácilmente reconocible.

Solución: Mantener el cuadro de búsqueda y adaptarlo a la nueva restructuración del

sitio web si esto fuese necesario.

Gravedad:

DISEÑO GRÁFICO

Gráficos Web

Los gráficos tienen un diseño pobre tratándose de una página de juegos online.

Solución: Teniendo en cuenta los cambios estructurales debemos otorgar una nueva

imagen a la web mucho más colorida que no pase desapercibida por el target principal.

Gravedad:

Banner Publicitarios

Los banners publicitarios están bien situados, sin embargo, al formar parte de google

se adecúan a los contenidos que visita el usuario normalmente y no a los contenidos

que trata la propia web.

Solución: Buscar banners publicitarios personalizados que se adecúen al contenido.

Gravedad:

8

Arquitectura de la Información [Javier Cosío González]

Benchmarking

En este apartado perteneciente al segundo bloque realizaremos un estudio de la

competencia. Para ello, haremos un scouting de otras webs de juegos online con una

fuerte presencia tanto a nivel nacional como internacional con el objetivo de encontrar

nuevas ideas que sean útiles para nuestro site.

Las ideas aparecen clasificadas en diferentes criterios:

DISEÑO ESTRUCTURAL

Si algo podemos emular de la web de juegos online nacional con más renombre es su

diseño estructural.

Minijuegos aporta un listado de categorías principales ordenadas alfabéticamente que

permite encontrar con facilidad la categoría a buscar.

Además, las pestañas de destacados que enfatizo en un tono magenta ocupan el

cuerpo principal del documento.

www.minijuegos.com

9

Arquitectura de la Información [Javier Cosío González]

Por otro lado, la cabecera que aporta miniclip se adapta eficazmente a la estructura de

minijuegos y aporta información relevante como:

Logotipo

Cuadro de Búsqueda

Redes Sociales

Idioma…

www.miniclip.com

SOCIAL NETWORKS

Muchas páginas de juegos online se han percatado del fenómeno Facebook en su

rating de visitas. Por ello, desarrollar tu propia aplicación en Facebook y mantener una

conexión con la red social desde la cabecera de tu web puede resultar muy útil.

Un ejemplo a seguir es Zynga.

www.zynga.com

10

Arquitectura de la Información [Javier Cosío González]

FICHA DEL PRODUCTO

Una vez que accedamos al producto, en este caso el juego, es importante mantener la

estructura inicial para que tengan un punto de retorno visual que retenga al usuario si

decide cambiar de juego, esta teoría la podemos contemplar en la web de pogo.

www.pogo.com

BUSCADOR

El buscador de addictinggames es llamativo y posee unas proporciones adecuadas,

además está siempre visible en la navegación del usuario por nuestro site.

www.addictinggames.com

11

Arquitectura de la Información [Javier Cosío González]

PRIVACIDAD / CONTACTO

Una de las cosas a imitar sobre las webs de nivel internacional es toda la información

que aportan sobre políticas de privacidad, licencias y derechos de autor, términos de

uso y formas de contactar con la entidad. Todo ello disponible desde el pie de la página

web.

Un buen ejemplo, el pie de página de addictinggames.

www.addictinggames.com

Respecto a la página de contacto, un buen ejemplo a tener en cuenta, es el pop up

emergente que minijuegos muestra en el centro de su web.

El pop up goza de una gran creatividad y de esta manera consigue acercar a los

usuarios un poco más a la entidad.

www.minijuegos.com

12

Arquitectura de la Información [Javier Cosío González]

NAVEGACIÓN

En la siguiente web denominada bigfish games podemos comprobar que el sistema de

navegación utiliza un sistema de navegación visual con recursos icónicos y textuales,

en estos casos la navegación es más precisa e intuitiva.

www.bigfishgames.com

Además, cabe resaltar el comportamiento de los enlaces al situar el cursor sobre ellos,

en algunos casos los enlaces incorpora una pequeña descripción informativa.

www.bigfishgames.com

13

Arquitectura de la Información [Javier Cosío González]

MARKETING

Otro aspecto a tener en cuenta son los banner publicitarios, Miniclip los posiciona en

su página index en un lugar que no pase desapercibido y tampoco moleste al usuario.

www.miniclip.com

Además, a medida que navegamos por la web y accedemos a los juego en línea, los

banner mantienen su posición en un lugar privilegiado de la web.

www.miniclip.com

14

Arquitectura de la Información [Javier Cosío González]

Bibliografía / Referencias Web:

BLOQUE 1:

Fundamentos: http://olgacarreras.blogspot.com.es/2011/07/arquitectura-de-informacion-fundamentos.html#tit1

Fundamentos: http://www.nosolousabilidad.com/articulos/descripcion_y_clasificacion.htm

Taxonomía: http://www.usableyaccesible.com/recurso_glosario.html#taxonomia

Tags y Folksonomíes: http://www.thinkepi.net/tags-folksonomies-y-bibliotecas

Findability: http://en.wikipedia.org/wiki/Findability

BLOQUE 2:

Evaluación Heurística: http://www.nosolousabilidad.com/articulos/heuristica.htm

Evaluación Heurística: Olga Carreras: Twitter

Benchmarking: http://www.websitecriteria.com/website_research/Website_benchmarking.html

Top Webs Online Games: http://www.taringa.net/posts/juegos-online/11612652/Top-15-Las-Mejores-Webs-de-Juegos-On-line.html

Webs de Juegos Online: http://www.bigfishgames.com

http://www.minijuegos.com/

http://www.miniclip.com/games/es/

http://games.yahoo.com/

http://www.addictinggames.com/

http://www.pogo.com/

http://www.zynga.com/

Otras URL mencionadas en el Enunciado

Javier Cosío González – Grado Multimedia – Arquitectura de la Información