Publicidad:
Terra
La Coctelera

Ejercicio de análisis de diseño de navegación

Autores: Alejandro González Díaz (agonzalez@alumni.unav.es) y Lore Gogorza Iñarrea (lgogorza@alumni.unav.es)

Fecha: 24/11/2005

Título del sitio web escogido: IKEA

URL del sitio: http://www.ikea.es
1. Establece el propósito general del sitio Se trata de una web comercial del grupo sueco Ikea, que muestra a los usuarios una completa gama de muebles y otros enseres para la decoración del hogar, así como permite descargar un programa para la decoración de cocinas y ofrece una herramienta interactiva de planificación on line para la oficina y los armarios. Además encontramos a Anna, una ayuda interactiva que responde a nuestras dudas.
Por otro lado, para aquellos interesados en trabajar en esta multinacional sueca, la web dispone de un apartado con una bolsa de trabajo.

2. Define su target principal
Su público objetivo es toda aquella persona, independientemente de su edad, que busque diseño, calidad y precios asequibles para decorar su hogar o lugar de trabajo.

3. Enuncia la estructura principal de contenidos (primer nivel de navegación) En la home page de Ikea encontramos tres barras menú: la primera aparece en el margen superior, de forma horizontal y son las siguientes: “Nuestros productos”, “Tu tienda Ikea”, “Servicio al cliente”, “Trabajar en Ikea”, “pregunta a Anna” y “Buscar”. La segunda barra menú se encuentra hacia la mitad de la página en el margen izquierdo en posición vertical y nos ofrece los siguientes enlaces: “Nuestros productos”, “Almacenaje de ropa”, “Almacenaje secundario”, “Baño”, “Camas y colchones”, “Cocina”, “Cuidados del mobiliario”, “Decoración”, “Ikea y los niños”, “Iluminación”, “Librerías y almacenaje”, “Navidad en Ikea”, “Oficinas”, “Para animales de compañía”, “Servicio de mesa”, “Sillas y mesas”, “Sofás y sillones”, “Suelos”, “Textiles”, “Utensilios de cocina” y “Búsqueda”. La tercera y última barra menú aparece en el margen inferior derecho de la web en posición vertical mostrando: “Próximas aperturas”, “Tarjeta Ikea”, “Ikea colabora con Asia”, “Newsletter Ikea”, “Cómo dormimos” y por último “Ikea te recomienda”.
Aparte de estas tres barras menú, la home page dispone de otros enlaces de carácter puntual hacia productos del catálogo, localización de la tienda Ikea más cercana y las últimas novedades.

4. Valora la eficacia de su representación en la página inicial La home page de Ikea posee una estructura horizontal. La disposición de la página es simple: Va de lo más a lo menos importante, organizando los contenidos de la siguiente forma: arriba información y servicios, justo debajo información relevante de la temporada, en este caso Navidad y un mapa que permite la selección de la tienda Ikea deseada. Hacia la mitad de la página se encuentra la información específica de los productos Ikea, así como un reclamo visual utilizando fotografías de productos destacados. Al final de la página se muestra la información que consideramos menos relevante como últimas noticias de la empresa y los distintos catálogos impresos.

5. Verifica la existencia de acceso desde la página inicial a las estructuras de zonas del segundo nivel de navegaciónEfectivamente desde la página inicial se puede acceder a elementos de segundo nivel de navegación. A medida que vamos avanzando, la estructura se va ampliando en otras secciones de forma considerable.

6. Valora en los nodos del segundo nivel el modo de representación de la estructura central y el de la estructura de zona Creemos que se mantiene la estructura en los nodos de segundo nivel con respecto a la página principal. A través de un menú desplegable se representa el menú que aparecía a la izquierda de la home. Otra páginas web quizá no incluyan esta opción por motivos de espacio, pero Ikea soluciona este posible problema con la barra desplegable. Además se mantiene la interfaz en las partes superior e inferior. Por otro lado aparece un menú con subsecciones con distintos productos de la misma categoría que se volverá a repetir en la estructura de zona pero con ligeras modificaciones.
En cuanto a la estructura de zona, el menú que aparece a la izquierda se modifica, convirtiendo las diferentes secciones en menús desplegables, que en función de la selección realizada se despliegan o se contraen. Podemos decir que la estructura inicial de la home se mantiene en líneas generales en la estructura de zona.

7. Identifica y valora la funcionalidad del sistema de ayuda utilizado Ikea ofrece como ayuda a “Anna”, una asistente virtual que responde a todas las preguntas que se le formulan, sea cual sea la tipología de éstas. Creemos que es una gran ayuda porque al preguntarle sobre un producto en concreto nos remite a una página de búsqueda, a la vez que muestra la información que hemos solicitado.

8. Valora en una muestra de nodos:- la identificación del sitio web y de la zona (title y encabezamiento del nodo): Creemos que es adecuado porque en el title nos muestra no sólo el nombre del nodo, sino también desde dónde hemos accedido a esa página.
- la indicación de autoría, actualización, reserva de derechos y datos de contacto (pie del nodo): Desde todos los nodos se puede acceder al mapa del sitio web, a la política de privacidad (dónde encontramos direcciones de sedes de Ikea en España y direcciones de correo electrónico de contacto) y a la página corporativa del grupo, esta última en inglés.

9. Verifica las posibilidades de navegación del sitio alternativas al menú principal (índices, mapas, buscadores, enlaces internos de hipertexto, menú de usuarios, visitas guiadas, etc.) Como herramientas alternativas encontramos, por ejemplo, las medidas y peso del embalaje, que aparecen cuando entramos en la página específica de un producto determinado. Existe un buscador que permite la búsqueda rápida; además en el menú inferior encontramos un enlace del mapa del sitio. Por otro lado, en todas las páginas aparece un índice que facilita la navegación al usuario.

10. Comprueba la visibilidad del sitio para los buscadores Cuando introducimos el término Ikea en los buscadores (Google, Vivisimo…) aparecen enlaces de esta multinacional en los primeros lugares, si introducimos “muebles” en el caso de Vivisimo, aparece un enlace patrocinado de Ikea España en segundo lugar. En el caso de Google, con la palabra “mueble” no aparece en la página inicial ninguna conexión con la página de Ikea.

11. Valora la accesibilidad del sitio (tamaño de las páginas y de los archivos asociados, requerimiento de plug-ins y/o versiones específicas de navegador, uso de descripciones para imágenes y archivos de audio y vídeo, etc.) La página principal de Ikea no comete ningún error automático de prioridad 1, pero en referencia a la prioridad 2 comete 76 errores del mismo tipo. Si entramos en una página secundaria, obtenemos el dato de 82 errores de prioridad 1 y 777 de prioridad 2, de lo que deducimos que la accesibilidad del sitio es bastante escasa. Muchas imágenes no tienen un texto alternativo para que el ordenador lo pueda leer e identificar. La visibilidad entre texto y fondo de imagen es inadecuada. No todos los títulos están marcados y hay elementos de código html que no deberían ser usados.

12. Valora la usabilidad del sitio (decálogo de Nielsen)
La legibilidad en la página de Ikea es muy clara ya que el fondo es muy claro (blanco), y contrasta con la tipografía.
Existen una serie de iconos adecuados para el estilo de la página. Una caja para saber las medidas de un producto, o una lupa para maximizar la foto del producto.
El usuario tiene total libertad de movimientos en la página. Puede ir hacia atrás o hacia delante en cualquier momento. No tiene que pasar por ninguna página intermedia para llegar hasta donde quiera.
La web es bastante simple y su aprendizaje no induce a errores, tras una primera vista se puede observar que no hay pérdida y navegando por ella no existen graves problemas.
La web no anticipa los errores que se puedan producir en el sitio.
La web prioriza el reconocimiento frente al recuerdo, los iconos utilizados son muy convencionales.
El usuario con un conocimiento mínimo de Internet puede navegar sin excesivos problemas por el sitio, en cambio alguien más experto puede encontrar información más rápidamente y más detallada sobre un tema de interés.
El diseño es sencillo y el diálogo es breve y claro.
La única gestión de ayuda que hemos encontrado es en el buscador, si te equivocas te especifica que reformules tu pregunta.
El usuario puede pedir ayuda a “Anna” para que le facilite la búsqueda de información. También ofrece información sobre la página web en la política de privacidad.

Análisis preliminar de sitios web

Autor: González Díaz, Alejandro agonzalez@alumni.unav.es

Fecha: 17/11/2005

Sitio web escogido: Palacio de Meres
http://www.palaciodemeres.com

1. Soporte
La página web del Palacio de Meres (Asturias) responde de manera concisa a las expectativas que se esperan de ella. No se trata de un site comercial como podría ser Chanel o Custo sino más bien de una explicación sobre varios puntos de este monumento histórico (localización, servicio de restauración, historia, recortes de prensa). Desde mi punto de vista se ajusta al medio on-line.

2. Formatos
Se observa claramente que la página contiene animaciones (véase localización). Está hecha en su totalidad en formato Flash, lo que le permite alternar sonidos e imágenes en movimiento. Cuando pasamos el cursor por las fotos del menú inicio cambian de color. Desde mi punto de vista se podrían incluir vídeos del interior o los alrededores del palacio. El navegante tendría una mejor idea de cómo es el palacio. Pero las fotografías mostradas son bastante informativas así que no hay ningún tipo de objeción.

3. Hipertexto
La página no hace ningún uso de enlaces externos, todos los enlaces conectan con páginas internas. Desde mi punto de vista es un error no hacer uso de links externos, aportarían un mayor apoyo a la información desplegada en la web.

Por otro lado los enlaces internos están muy bien comunicados. En ningún momento salimos de la página. Existen links de retroceso que evitan tener que volver a entrar en el menú inicio.

4. Navegación
Como ya hemos dicho en el punto anterior los enlaces internos están muy bien comunicados. La estructura de la página conecta en perfecta armonía. La navegación es fresca y sencilla. A lo peor la única pega es que, en algunos casos, en vez de utilizar las propias palabras como enlaces, utiliza unos pequeños cuadrados que cambian de color al pasar el ratón por encima.

5. Metáforas
En este caso podemos decir que la presencia de metáforas es nula. Los enlaces son simples. Desde mi punto de vista, al tratarse de una página meramente informativa y poco creativa, no se hace necesario el uso de metáforas.

6. Mapas
Sólo encontramos un pequeño índice en el menú principal de la Web. Al pasar el ratón por las fotografías cambian de color, y si pulsamos sobre algunas se despliega un pequeño menú que nos guía perfectamente a través de las distintas secciones de la página. No existe ningún tipo de enlace a un mapa de navegación. Desde mi punto de vista el menú es bastante claro y no da cabida a pérdida.

7. Ayudas
No existe ningún tipo de enlace a una página de ayuda. Desde mi punto de vista tampoco es necesario, la navegación es bastante simple. Existe un enlace a una dirección de e-mail, creo que con eso es suficiente en caso de duda.

8. Interactividad
El sitio ofrece a los usuarios, más allá del sistema de navegación, la posibilidad de elegir entre la página con o sin sonido. Además el hecho de que se pueda contactar con el Palacio de Meres para cualquier duda aporta mayor interactividad a la página. Con estos dos únicos factores de interactividad queda patente que es bastante nula.

Componentes de la interactividad

Primero: Control

Sitio web de ejemplo: David Bisbal

http://www.davidbisbal.es

Comentario: La página va acompañada de música con la posibilidad de quitar el sonido.

Segundo: Feedback

Sitio web de ejemplo: Primera escuela

http://www.primeraescuela.com

Comentario: Es una página para que los niños aprendan las letras. Cuando el ratón se coloca encima de frases o palabras, que a su vez son enlaces, se ponen en negrita y se agrandan.

Tercero: Productividad

Sitio web de ejemplo: Nike

http://www.nikeid.com/europe

Comentario: A través de esta página de Nike el usuario tiene la posibilidad de diseñar sus propias zapatillas y, además, hacer el pedido.

Cuarto: Creatividad

Sitio web de ejemplo: Es chachi

http://www.schachi.com

Comentario: Es una página infantil donde los usuarios pueden elegir un dibujo y colorearlo a su gusto.

Quinto: Adaptabilidad

Sitio web de ejemplo: Google News

http:// news.google.es/

Comentario: El usuario puede personalizar el especio de noticias. También se pueden elegir noticias de categorías de información distintas para que cuando sucedan mediante mail me avisan.

Sexto: Comunicación

Sitio web de ejemplo: Fripozo

http://www.fripozo.com

Comentario: Proporciona la posibilidad de ponerse en contacto con la empresa y enviar sugerencias.

Vannevar Bush, un genio adicto a las matemáticas

Han pasado 60 años desde la publicación de “As we may think” y todavía sigue siendo un artículo de referencia para todos aquellos que deseen indagar en la historia del hipertexto. El creador fue Vannevar Bush (1890-1974), un ingeniero estadounidense que desde muy pequeño mostró una cierta predilección por los números.

Vannevar Bush estudió Ingeniería en la Universidad de Tufts. Tras su graduación trabajó para General Electric. En 1915 ingresó en el MIT (Massachussets Institute Tecnology), centro donde obtuvo el doctorado. Durante la Primera Guerra Mundial formó parte de un grupo de científicos interesados en ayudar al gobierno norteamericano, el Consejo de Investigación Nacional (NRC), cuyo propósito era mejorar el armamento. En 1917 diseñó un prototipo para detectar submarinos que sería usado en posteriores misiones del gobierno norteamericano. En el transcurso de la Segunda Guerra Mundial trabajó como consejero para el presidente de los EE.UU Roosevelt para la investigación militar.

Quizá el éxito más reconocido de Bush fue un artículo escrito en julio de 1945 y publicado en la revista “The Atlantic Monthly”: “As we may think”, donde describe un máquina teórica llamada Memex, abreviatura de Memory Extended.

Este aparato consiste en una mesa con superficies translúcidas, teclado, palancas y botones que pueden buscar rápidamente archivos en forma de microfilms. Según palabras del propio Bush: “Consideremos un aparato futuro de uso individual que es una especie de archivo privado mecanizado y biblioteca. Necesita un nombre, por decir uno al azar, valdrá “Memex”. Un memex es un aparato en el que una persona almacena todos sus libros, archivos y comunicaciones y está mecanizado de modo que puede consultarse con excelente velocidad y flexibilidad. Es un suplemento aumentado íntimo de su memoria”.

El Memex se quedó en una idea teórica que no llegó a ver la luz pero su creación influyó en la visión del hipertexto e Internet.

Para ser conductor de primera...

Ya estamos de nuevo por aquí, a ver si consigo entrar con asiduidad y que no me caduque la página. Últimamente hay muchos problemas para acceder a la coctelera desde la Universidad. Espero que se vayan solucionando pronto y no haya más problemas.

Pues sólo quería dar las gracias a mi amiguita Lore por darme ánimos para sacarme el carnet, yo también te mando mucha fuerza para que podamos sacarnoslo ya y quitarnos un peso de encima.

Así que ya saben (ustedes, sigo en mi empeño por no perder el ustedes que nos caracteriza a los canarios), si nos ven por ahí, a desearnos suerte, ok?

Leonor Watling

¡Qué actriz más maravillosa! Y es que la chica no sólo es guapa sino que, al menos desde mi punto de vista, se ha convertido en una de las piezas más importantes del celuloide español.

Post de prueba para Diseño Audiovisual

Este blog ha sido creado en la asignatura Diseño Audiovisual impartida en la Universidad de navarra

Ya estamos de vuelta de todo!

Bienhallados todos! No... no es un error. `Bienhallado´ suena más bonito que `bienvenido´, ¿no? Menuda tontería. Pero he conseguido robarles unos segundos de su tiempo ( a ustedes... es que soy canario y hay costumbres que me niego a perder). Pues eso,
BIENHALLADOS TODOS