Desde la azotea

Ejercicio de análisis de diseño de navegación - Pauta de Trabajo - Prof. Dr. José Luis Orihuela

Autor/es:
Díaz de Greñu, Ignacio; idiazdegren@alumni.unav.es
Terra Rompani, Lucio; lterra@alumni.unav.es

Fecha: 23 de noviembre de 2005

Título del sitio web escogido: Renault

URL del sitio: http://www.renault.es/
1. Establece el propósito general del sitio
Como descriptor de la página web aparece la frase: “Creamos automóviles”.

2. Define su target principal
De acuerdo al tipo de navegación, a la clase de textos utilizados podemos intuir que el público al que se dirige Renault es un público que es joven. Unos usuarios que necesitan una información concreta y fácilmente reconocible. Puede ser para un público que no está acostumbrado a la navegación en Internet (información breve y clara).

3. Enuncia la estructura principal de contenidos (primer nivel de navegación)
En el menú principal podemos diferenciar varias partes: Mapa del site, Info general, Qué quieres conducir, Cómo aseguramos tu movilidad, Soluciones a medida para tu empresa, Saber más sobre Renault y su actividad, Vehículos de ocasión, Red de Concesionarios y Newsletter.

4. Valora la eficacia de su representación en la página inicial
En mi opinión la página principal de esta web está bastante bien diseñada. Los contenidos son claros y aparecen reflejados en el menú. Creemos que los contenidos son adecuados al menú.

5. Verifica la existencia de acceso desde la página inicial a las estructuras de zonas del segundo nivel de navegación
Desde el primer nivel de navegación aparece un menú desplegable con los contenidos en posteriores niveles. El problema es que no se puede clickar en segundos niveles sino primero en el menú y después ya aparece el segundo nivel de navegación.

6. Valora en los nodos del segundo nivel el modo de representación de la estructura central y el de la estructura de zona
Durante la navegación aparece en la parte superior de la página un menú en el que aparece coloreada la parte de la página en la que estamos. Los contenidos de este menú son idénticos a los que se presentan en la página inicial de la Web, hecho que favorece la comprensión y la comodidad para el usuario. Además en este menú interno ya sí que existe la posibilidad de clickar en los desplegables para ir a zonas concretas de la página. Viendo esto consideramos que sería más interesante aplicar esta función al menú principal. Ya que han tenido la idea, que la apliquen a toda la página. Por su parte, para volver a la home tenemos colocado un logotipo de la marca en la parte superior derecha y que aparece en el mismo lugar en cualquier página (consistencia que facilita el aprendizaje).

7. Identifica y valora la funcionalidad del sistema de ayuda utilizado
Como sistemas de ayuda encontramos un mapa del site, un buscador de concesionarios de Renault en España y una sección de preguntas frecuentes. En nuestra opinión este sistema no es suficiente ya que aunque el menú es claro un buscador interno sería muy útil. Facilita mucho la labor del usuario que es de lo que se trata.

8. Valora en una muestra de nodos:
- la identificación del sitio web y de la zona (title y encabezamiento del nodo)
Durante la navegación aparece en la parte superior de la página, zona no navegable, una descripción del lugar de la web donde nos encontramos (Renault servicios, Descubre Renault…). Sin embargo, no se puede llegar directamente a ningún nodo interno de otra forma que no sea desde el menú.
- la indicación de autoría, actualización, reserva de derechos y datos de contacto(pie del nodo)
Dentro del apartado “Info general” encontramos la información legal en el que se especifican las condiciones generales de uso del sitio, la reserva de derechos de propiedad intelectual y de marcas, la gestión de passwords y de códigos de acceso y la protección de datos). Además aparecen una serie de datos de contacto a disposición del usuario que encontramos al inicio de la página pero sólo en esta página de info y no en todas las demá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.)
Para navegar por esta página encontramos el mapa del site que resulta de gran ayuda. Mucho más completo que el menú principal permite el acceso a puntos específicos y detalla de forma exhaustiva las distintas secciones. Este mapa supone una gran ayuda a la hora de la navegación.

10. Comprueba la visibilidad del sitio para los buscadores
Poniendo directamente “concesionarios” en Google vemos que nuestra página aparece en 5º lugar. En Yahoo, poniendo la misma palabra aparece renault.es en 2º lugar. Este hecho de encontrar tan rápidamente supone un mérito por parte de los elaboradores de la web. Sin embargo, en buscadores como Altavista, Renault no aparece en las primeras páginas.

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.)
En cuanto a la accesibilidad del sitio web puede decirse que el tamaño de las páginas es correcto, la resolución es buena. Lo que sí que conviene decir es que la página presenta algunos problemas en cuanto al navegador ya que con exploradores como Opera o Mozilla, la página tarda mucho en abrirse. Por otra parte conviene decir que no existe restricciones en cuanto al requerimiento de plug-ins y las imágenes y videos se pueden ver sin problema.

12. Valora la usabilidad del sitio (decálogo de Nielsen)

- Visibilidad del estado del sistema. En este caso el feedback sobre lo que está ocurriendo es bastante limitado. Apenas hay descargas posibles.

- Armonía entre el sistema y el mundo real. Lo que sí que podemos decir es que se usan conceptos con los que el usuario está familiarizado. Las expresiones son claras y sencillas. Quizás este sea el punto más fuerte de la página: la claridad con la que está desarrollado el menú.

- Control y libertad del usuario. Lo posibilidad del usuario de navegar libremente por la web no lo es tanto en esta ocasión. No se puede deshacer o rehacer y debemos recurrir al logotipo presenta en todas las páginas de navegación para volver a la home (apareciendo en muchas ocasiones la intro, de nuevo) o bien utilizar los comandos propios del navegador. El usuario debe tomar bien las decisiones porque no puede volver atrás de forma sencilla.
- Consistencia y estándares. Otro de los aspectos más cuidados en la página. Cada pantalla tiene el nombre del lugar en el que nos encontramos, lo que permite crear un aspecto de seriedad y de familiaridad. Reconocer a cada momento el lugar de navegación es importante y además, el título es el mismo que aparece en el menú.

- Prevención de errores. Esta página al no incluir descargas apenas puede provocar errores. La única finalidad de la web es el conocimiento de los servicios de Renault por lo que el principal uso de la página es el valor informativo. Además, como ya hemos dicho antes, en el menú se desarrolla el contenido de cada sección para evitar equívocos por parte del usuario (por ejemplo, "Cómo aseguramos tu movilidad?-->mantenimiento, reparaciones, asistencia, accesorios). Cualquier fallo, error del usuario se puede enmendar volviendo al menú de la site.

- Reconocimiento sobre recuerdo. En la página encontramos algunos símbolos que se repiten a lo largo de toda la estructura (flechas, peticiones de información...) que permiten la fácil asociación del usuario entre el dibujo y su significado.

- Flexibilidad y eficacia de uso. La sencillez de la página permite el uso de la misma tanto a usuarios avanzados como a aquellos inexpertos.

- Economía de información. Las descripciones y la información dada son las adecuadas. Con un diseño minimalista y unos diálogos breves permiten la fácil comprensión de la página y su clara navegación.

- Ayudar a gestionar errores. La web incluye un apartado con las preguntas más comunes que plantean los usuarios y sus correspondientes respuestas. De esta forma se da solución de forma clara a los planteamientos, dudas que se presenten.

- Documentación y ayuda. En la web de Renault no existe un programa de ayuda al servicio de los usuarios. Creo que este aspecto no es necesario ya que los contenidos están claramente desarrollados en el menú desplegable que permite ver con gran claridad todas las opciones de navegación que la página plantea.

Ejercicio de identificación y valoración de recursos de navegación en la Web - Pauta de Trabajo - Prof. Dr. José Luis Orihuela
Autor (apellido, nombre, correo-e): Díaz de Greña Cancer, Ignacio, idiazdegren@alumni.unav.es

Fecha: 16 de noviembre de 2005
Sitio web escogido: Renault
http://www.renault.es/

1. Soporte
Esta página web yo creo que es bastante adecuada para el servicio que la fábrica Renault quiere ofrecer. En ella se incluyen multitud de posibilidades propias del medio. En mi opinión la página responde a las expectativas del cliente ya que fácilmente podrá encontrar aquello que quiere. El menú es sencillo pero completo, donde los enlaces permiten una disposición clara del site. Además presenta de forma anexa otros espacios de esta marca francesa. Esta fábrica de turismos dirige también un equipo de Fórmula1 del que a través de esta página podemos averiguar diferentes cosas. Es por esto que, en mi opinión, esta web es un buen ejemplo de soporte útil y clara.

2. Formatos
La página incluye varios formatos. En primer lugar tenemos una intro con una animación y la posibilidad de hacer la navegación con o sin sonido. Además, a modo de banner, dentro de la página tenemos más animaciones que nos conducen a distintas secciones de la web (principalmente promociones específicas de coches. Para una site tan institucional creo que sería buena idea la inclusión de algún video que apoyase el soporte. La facilidad de incluir formatos la tienen, tienen la herramienta puesto que han introducido otros formatos y creo que mejoraría la impresión de la web. Pueden aprovechar para meter imágenes del recién estrenado título mundial de Fórmula1, por ejemplo.

3. Hipertexto
En la web, los enlaces son de gran claridad. Hay descripciones en los enlaces que permiten una navegación clara y sencilla. Tiene una estructura de árbol ya que una vez que selecciono un camino sólo puedo volver a la home a través de un clic en el menú.

4. Navegación
Debido a la calidad de los enlaces la navegación es bastante sencilla. El mayor problema lo encuentro cuando veo que hay una sección de noticias de la marca con forma de bucle que de ninguna forma puedes detener o pasar a tu gusto. Las noticias pasan y si no la lees debes esperar a que el bucle vuelva a la noticia deseada.

5. Metáforas
En este caso podemos decir que la presencia de metáforas es nula. Los enlaces se basan en mero texto. Creo que esta página no tiene la necesidad de añadir metáforas puesto que se trata de una web de carácter institucional destinada, generalmente, a personas de mayor edad que buscan encontrar fácilmente sus intereses a través del texto.

6. Mapas
La página tiene un web site. En él aparece desarrollado el esquema que durante la navegación aparece como menú desplegable. Ayuda a ver de forma muy clara la estructura de la web

7. Ayudas
El propio web site conforma un sistema de ayuda, de localización de la información buscada. Además, encontramos una sección de “Preguntas” en las que podemos elegir entre distintas temas y sus posibles preguntas o bien contactar directamente con el equipo de Renault para aclarar las dudas de forma personal.

8. Interactividad
El sitio ofrece a los usuarios, más allá del sistema de navegación, la posibilidad de, en la introducción, saltar la introducción. También puedes elegir entre la página con o sin sonido. Además el hecho de que se pueda contactar con el equipo para cualquier duda aporta mayor interactividad a la página.

Nunca se hubiese imaginado este camarero que tuviese que dar tanto de si para poder llegar a todo. Las tareas parece que le desbordan pero trate de que nada cambie, que todo parezca que sigue igual, que tiene tiempo de descansar. Cuando en realidad, se levanta temprano para servir café a los más madrugadores y se acuesta tarde después de haber servido la última copa. En realidad sabe que pronto tanto estres acabará y que podrá estar de vuelta a la realidad, una realidad un poco más relajada.

No se acaba de acostumbrar a estos periodos en las que las tareas son muchas y el tiempo parece que no es suficiente pero se consuela con que pasará un mes y todo volverá a ser como antes. Su mayor deseo.

Mientras tanto tratará de que el día pase, a veces muy rápidamente, y otras en las que cada minuto le gustaría que durase una hora para poder hacer todo.

El camarero, al que ahora ya conozco cada vez un poco más, me pide que os agradezca vuestra confianza y que sigais visitando el bar.

Un saludo

Andrew Lippman (Wyoming 1947- ) es un hombre que pasará a la historia por ser el primero que creó un sistema de hipertexto, hecho que permitió añadir gran interactividad entre el hombre y la máquina, superando los límites ofrecidos hasta el momento por el texto. Fue un proyecto que desarrolló en el Instituto Tecnológico de Massachussets (MIT), posteriormente conocido como Media Lab, de donde fue Director Asociado desde 1983 hasta 2001.

El fenómeno de la Comunicacón Viral en torno al cual giran todos las investigaciones llevadas a cabo por el profesor Lippman se basa en la construcción de una arquitectura de redes que permita establecer relaciones de forma ágil, con un esfuerzo mínimo y un crecimiento exponencial.

Los resultados que se produjeron alrededor del tema permitieron aplicar la hipermedia a un hecho que me parece de gran relevancia y que me ha llamado la atención, el Aspen Movie Map. Con fines militares, en un principio, esta herramienta permite explorar ciudades y desde un punto elegir cual será el siguiente movimiento (izquierda, frente y derecha) con el fin de, paso a paso, conocer una ciudad. Para ello, se realiza en primer lugar una grabación de la ciudad, o el terreno elegido, con varias cámaras cuyas imágenes se procesan más tarde y permiten finalmente la elección del espectador y, por lo tanto, la capacidad de que el usuario recorra la ciudad libremente, hecho que supone un gran paso hacia una completa interactividad, tendencia hacia la que avanza claramente el entorno de Internet.

Aparte de la ciudad norteamericana de Aspen, situada en el estado de Colorado, los nuevos conocimientos adquiridos con respecto al tema permitieron hacer un mismo mapa interactivo de ciudades como Karlsruhe, en Alemania. Posteriormente, con el paso del tiempo y el desarrollo de la tecnología, esta herramienta ha evolucionado hasta crearse programas como Google Earth, que permite recorrer todo el mundo. Un caso cercano es el que presenta el Sistema de Información Territorial de Navarra (SITNA), que nos permite conocer con gran detalle y actualización cada palmo de la Comunidad Foral de Navarra, hecho que supone la máxima evolución surgida a partir de la tecnología y los estudios llevados a cabo por Lippman durante años en el Media Lab y su centro asociado de Europa.

Hola, aquí os presento una nueva sección del blog! No sabía si se podían incluir las fotos en algún otro lado pero he preferido crear una nueva categoría en la que iré añadiendo algunas fotografías chulas.

Empezaré a probar que tal sale la idea y pensaré en nuevas secciones que pueda ir añadiendo. Espero que os guste.

El camarero me ha contado que estos días ha estado bastante atareado. Tenía que hacer mucha labor de papeleo y no ha podido atender el bar de la forma que esperaba. Esperamos que los clientes no se hayan sentido ofendidos por la rudeza de responder con un simple "Sí, ya voy!!" y que mantengan su fidelidad. Esperamos que incluso, gente nueva se incorpore sabiendo de la buena fe de nuestro camarero.

Eso sí, en este tiempo que ha estado ausente se ha dado cuenta de algunas cosas que pasan. Tales reflexiones requieren de mucho ánimo así que pronto sabréis lo que le ha ocurrido...

Práctica de componentes de interactividad

Ejercicio de búsqueda y análisis de componentes de la interactividad en la Web

Autor:
Díaz de Greñu, Ignacio (idiazdegren@alumni.unav.es)

Fecha: 26 de octubre de 2005

COMPONENTES DE LA INTERACTIVIDAD

Primero: Control
Sitio web de ejemplo: Estudios Moreno
Comentario: En este sitio se permite al usuario controlar los efectos de sonido de la página (un sonido de viento suave). Además añade la posibilidad de “pasar intro” al ingresar, pero con el inconveniente de que cuando esta empieza ya no se puede quitar.

Segundo: Feedback
Sitio web de ejemplo: Diseño web. Todo sobre diseño web
Comentario: En esta página podemos observar que los enlaces se iluminan cuando el cursor se coloca encima de ellos. Es un ejemplo de un feedback muy básico y que ha provocado alguna polémica dentro del grupo. A unos nos parece que el hecho de que la iluminación de los enlaces sea tanta puede llegar a marear, mientras que otros creen que facilita la navegación.

Tercero: Productividad
Sitio web de ejemplo: ING Direct
Comentario: Hemos podido comprobar durante la búsqueda que la banca on-line es un sector con gran representación en cuanto a la productividad. Puedes hacer todo desde casa. Hemos escogido este ejemplo ya que nos parece muy completo y las operaciones que se pueden hacer a través de la red son muy numerosas (contratar servicios, solicitar información por correo, invertir en bolsa desde casa…).

Cuarto: Creatividad
Sitio web de ejemplo: Free e-cards online
Comentario: Este sitio permite que cada usuario diseñe su propia tarjeta para felicitar a los seres queridos a partir de ciertas plantillas y opciones dadas (color del texto, tema musical, poemas…). Es una dirección muy completa y que supone un buen ejemplo de creatividad ya que puedes personalizar completamente la tarjeta de felicitación para tu próximo familiar.

Quinto: Adaptabilidad
Sitio web de ejemplo: MSN spaces
Comentario: A través de esta URL se puede crear un espacio personal en el que puedes incluir fotos, música, listas de recomendaciones e incluso un blog!

Sexto: Comunicación
Sitio web de ejemplo: Camcorder Info
Comentario: En esta página web existen foros donde los usuarios pueden comentar, opinar, preguntar sobre las distintas cámaras de video y sus accesorios. Además tiene algunos otros servicios como críticas y artículos de especialistas y tiene la ventaja de que las respuestas son rápidas, hay muchos usuarios conectados en la red.

Esta experiencia forma parte de las prácticas de la asignatura Diseño Audiovisual. Vaya, que es de lo que trata. Hacer un blog e irlo cuidado para que crezca y crezca. Puede que cuando ya se haga mayor este blog hasta se tome su primera copa al otro lado de la barra.
Hasta entonces espero vuestras visitas.