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

Javier Eraso Fernández

23/11/05

Título del sitio web escogido: La web oficial del Real Madrid
URL del sitio: http://www.realmadrid.com/portada_esp.htm

1. Establece el propósito general del sitio
En general, es una web informativa que busca fomentar el “madridismo” y las ventas del merchandising de sus dos secciones: baloncesto y sobre todo fútbol. Para ello, permite un seguimiento constante del equipo mediante un boletín de noticias, fotos del día o información detallada del último partido.

2. Define su target principal
Son gente interesada en el fútbol, principalmente aficionados y socios del Real Madrid, que quieren estar “al día” de las eventualidades de su equipo. Comprende gente de todas las edades y de clases sociales medias-altas, como corresponde a los usuarios comunes de Internet.
Muchos de ellos siguen al equipo con asiduidad, aunque algunos lo hagan desde países muy distintos. China o Japón son los principales fuera de Europa.

3. Enuncia la estructura principal de contenidos (primer nivel de navegación)
El primer nivel de navegación está compuesto por múltiples elementos. Principalmente existe un índice con los siguientes nodos: Fútbol, Baloncesto, La Cantera, Resultados/Clasificación, Calendario, La Plantilla, Especiales/Reportajes, El Club, Palmarés, Tienda Oficial, En tu Móvil, Socios, Peñas, Carnet Madridista, Fundación Real Madrid, Servicios para Empresas, Sección Médica y un acceso a Zona Exclusiva. En la parte superior existe un buscador dentro de la web para encontrar algo concreto de manera rápida, así como una conexión directa a un boletín de noticias permanentes, una crónica del último partido, un seguimiento en directo del equipo y datos sobre el próximo partido. El centro de atención de la portada es la sección sobre la foto del día. Por último, en la parte inferior están las secciones de especiales y últimas noticias.

4. Valora la eficacia de su representación en la página inicial
Todo está muy bien jerarquizado, pero la web no te guía visualmente a hacer una navegación coherente. Seguro que si buscas algo concreto, lo encuentras, pero habitualmente entras en estas webs con una intención ociosa y creo que pierdes demasiado tiempo mirando las opciones. Quizás eso también sea debido a que el cuerpo de la letra es muy diminuto y hay un exceso de nodos.
El primer nivel de navegación creo que abarca demasiado. El índice debería estar compuesto por una sola división: Fútbol y dentro todo lo referente al fútbol y otra de baloncesto con todos sus contenidos separados de forma independiente.

5. Verifica la existencia de acceso desde la página inicial a las estructuras de zonas del segundo nivel de navegación
En un principio no tienes acceso a las zonas del segundo nivel, pero si entras en una de ellas, sí que puedes moverte de una a otra, siempre que pertenezcan a la misma sección claro.

6. Valora en los nodos del segundo nivel el modo de representación de la estructura central y el de la estructura de zona
Al entrar en un nodo de segundo nivel sólo puedes volver hacia atrás a través de unos enlaces tipográficos que aparecen de manera muy pequeña en la zona superior. Te separa los distintos niveles de navegación, aunque únicamente de manera lineal y no extensible a todos los nodos de los niveles anteriores. Ejemplo: Portada > Resultados / Calendario > Champions League. Por otro lado, puedes volver al home clicando en el encabezado de la página que pone: www.realmadrid.com.
Si te encuentras en un segundo nivel el índice que permanece desde la página principal aparece desplegado marcando el apartado en el que te encuentras. Sirviendo así de guía constante durante la navegación a todos los niveles.

7. Identifica y valora la funcionalidad del sistema de ayuda utilizado
El sistema de ayuda está bastante desarrollado. El sistema de ayuda más destacado es el buscador interno, que permite especificar i buscas noticias, fotos o contenidos multimedia. Incluye también un mapa del site y un apartado de preguntas frecuentes para los socios.

8. Valora en una muestra de nodos:
- la identificación del sitio web y de la zona (title y encabezamiento del nodo)
En la zona superior aparece un nodo identificador de la web en donde pone la dirección a un tamaño grande. Este identificador sirve como enlace para volver a la portada en cualquier momento de la navegación. Por lo demás, sólo aparece una imagen horizontal y publicidad de Terra. Tampoco existe ningún descriptor de la web, aunque no creo que haga mucha falta en este caso.
- la indicación de autoría, actualización, reserva de derechos y datos de contacto (pie del nodo)
No existe una indicación de la autoría de la página, pero sí que aparece la posesión del copyright. Te señala los avisos legales y la política de privacidad del site. La página indica que sufre una actualización constante.

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.)
En el mapa web están recogidas todas las posibilidades de navegación del sitio del Real Madrid. Lo malo del diseño es que la página gobierna la interacción con el usuario, que se siente muy controlado. Sólo a través del menú se puede acceder a cada uno de los nodos. Éstos están bastante claros y podemos encontrar los que buscamos en todo momento. Como ya he comentado el buscador es muy completo y te permite acceder a contenidos muy concretos dentro de la web. Además te engloba elementos que están esparcidos por zonas distintas, lo cual el usuario lo agradece mucho. Sin él, muchas cosas en su conjunto resultarían difíciles de encontrar.

10. Comprueba la visibilidad del sitio para los buscadores
En Google he comprobado la visibilidad escribiendo “fútbol” como palabra clave. Mi sorpresa ha sido mayúscula al ver que aparecen antes que la del Madrid webs como la del Villarreal, Málaga, Real Sociedad, Sevilla, Cádiz y Valencia. La del máximo rival, el F.C. Barcelona sí que resulta muy visible, ya que aparece la segunda, lo cual agrava el problema de visibilidad de esta página. La página del Madrid no aparece hasta la octava página y no tiene ninguna clase de texto explicativo que indique la importancia del site.
En Yahoo he querido especificar algo más la búsqueda y he puesto “fútbol Madrid” como las palabras clave. El resultado me ha dado que la web oficial del real Madrid estaba en el puesto 13 y ni siquiera salía en la primera página. Eso sí, al poner Real Madrid en ambos buscadores aparece en primer lugar, dando 21 millones de páginas en Google y 49 en Yahoo.

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.)
Observando los resultados de test de accesibilidad comprobamos que abundan los problemas de accesibilidad 1 y 2 manuales. Hay elementos que no son accesibles a todos los usuarios y se necesita un mayor contraste de color entre fondo y letras. Es necesaria una descripción de las imágenes. No existe en muchos casos texto alternativo y hay que enlazar la imagen a la descripción de la misma.

12. Valora la usabilidad del sitio (decálogo de Nielsen)
1. El feedback en el sistema es bastante limitado. Ocurre como mucho en tres casos: En las descargas de videos en las que te informa del porcentaje de la descarga efectuado. Con la posibilidad de cambiar de idioma y en una sección de sugerencias para la web.
2. La web escasea de convenciones familiares. No emplean metáforas ni ningún otro elemento que nos pueda resultar conocido.
3. No hay una posibilidad de cancelar, rehacer o deshacer a no ser que empleemos los comandos de la página que están representados con un cuerpo de letra pequeño. El usuario está muy controlado en todo momento. Como mucho puede volver al home clicando en el logotipo situado en la parte superior de la página.
4. A pesar de la gran cantidad de información que en un principio desborda al usuario, se puede organizar una navegación bastante ágil con el conocimiento del índice y el buscador. Así consigue una gran solidez y consistencia, no obstante, podría realizarse de una forma que no colapse tanto al usuario en sus primeras visitas.
5. En la web no hay prevención de errores, ni mensajes de fallos. Y en el caso de que existieran no tiene forma de preverlo. A nos er que ocurra cuando vea videos que requieren flash. A pesar de ello parece que se trata de un site muy preparado, con un buen servidor consciente del número de visitas que tiene y cualquier descarga o movimiento es rápido y sin complicaciones.
6. El diseño es similar en todas las secciones. En todas comparten la cabecera con el logotipo y el menú de zonas, así que existen ayudas para fomentar el recuerdo. Lo malo es la saturación de elementos tipográficos y la falta de elementos visuales que ayuden a recordar de manera más sencilla.
7. El fin para el que está hecha esta web obliga a hacerla de manera flexible, en la que tanto usuarios noveles como expertos pueden llegar a navegar sin problemas.
8. No existe una economía de la información. Hay en exceso de diálogos y un diseño sencillo que puede resultar monótono.
9. No existe ninguna clase de ayuda para gestionar errores. Como mucho te informará de la imposibilidad de usar flash, el cual resulta en único requisito especial para usar completamente la página.
10. La única ayuda que puede recoger el usuario es el mapa del sitio.

servido por eras 1 comentario compártelo

Ejercicio de identificación y valoración de recursos de navegación

Javier Eraso Fernández 22-11-05

www.realmadrid.com

http://www.realmadrid.com/portada_esp.htm

1. Soporte
Creo que el soporte es ideal para difundir el madridismo no sólo entre los españoles, sino también entre las personas del todo el globo que no conocen mucho acerca del equipo. La posibilidad de usar esta web en varios idiomas facilita todo el proceso y la tienda virtual puede generar numerosas ventas.
Tiene algún aspecto que mejoraría, por ejemplo, hay un exceso de información que satura al visitante. Quizás dando una información más visual y entretenida además de la creación de un mapa web más complejo, aunque igual de accesible podría evitarlo.

2. Formatos
La mayoría de la información la presenta mediante una descripción textual, aunque también usa mucho el formato visual. Emplea muy poco flash (como en la visita virtual por el estadio), pero los videos son abundantes cuando se refiere a cada jugador de fútbol, pero no dejan de tener ese toque informativo al que estamos acostumbrados a ver en un telediario. El apartado de especiales/reportajes se permite una mayor libertad creativa de variedad de formatos. Es lo mejor de la página.
Personalmente, incluiría más animaciones en pro de la espectacularidad de la página. Eso repercutiría en el número de visitantes y por tanto, en el negocio.

3. Hipertexto
Hay una nulidad de enlaces de hipertexto que limitan mucho un uso enriquecedor de la web. Parece que esté hecha en beneficio de la empresa y no teniendo en cuenta las necesidades del usuario.

4. Navegación
Creo que la navegación por el sitio es muy manejable y sencilla de entender, pero está demasiado controlada. No existen demasiados enlaces externos (quitando la publicidad). Todo parte, de un índice del que accedes a toda la información, pero la única posibilidad que comprende una vez visto un apartado es la de volver al índice para proseguir con la navegación.

5. Metáforas
Hay una ausencia de metáforas evidente. Un uso de ellas dando acceso a categorías distintas mejoraría el aspecto de la página, aunque por otro lado, viendo el exceso de información puede hacer naufragar al usuario. Mi opinión es incluir algunas metáforas y reducir la dinámica de usar texto como único recurso.

6. Mapas
Existe un índice desde la portada de la página, que una vez seleccionado algo resulta extensible a más apartados y desde la que luego puedes especificar ligeramente tu búsqueda. No es complicado usarlo y jerarquiza muy bien la información de más a menos importante, pero igual resulta insuficiente para encontrar algo específico entre tanta información.
En una zona casi inapreciable está el mapa web que consiste en la muestra de todo el índice desplegado.

7. Ayudas
Aunque es cierto que no existe ninguna clase de sistema de ayudas, la web no es muy difícil y no tendríamos porque necesitar ninguna clase de auxilio. Se limita a ofrecer unos contactos para cualquier sugerencia.

8. Interactividad
Puedes moverte de un lado a otro de la web sin ningún problema. Los videos y demás elementos visuales son fáciles de cargar, pero existe una relación demasiado fría y tensa entre la web y el usuario. El control de navegación es nulo por parte del consumidor y una de las pocas cosas con las que tiene capacidad de interactuar es la posibilidad de elegir tu once ideal del R. Madrid. Eso sí, antes debes registrarte. En definitiva, necesita mejorar mucho en este aspecto que me parece fundamental, ya que el fútbol es pasión y corazón, así que la web no puede dar esta impresión

Javier Eraso

servido por eras sin comentarios compártelo

Historia del Hipertexto - Vannevar Bush y el Memex

Vannebar Bush nació en Massachussets en 1890. En esa época, fue un gran estudiante a pesar de pasar algunos apuros económicos. En 1915 ingresó en el MIT (Massachusetts Institute Technology), en donde obtuvo su doctorado, tras lo cual regresó a Tufts College para ejercer como profesor auxiliar. Ya durante la Primera Guerra Mundial, formó parte del Consejo de Investigación Nacional (NRC) junto con otros científicos con el propósito de mejorar el armamento.

Tras la guerra desarrolló el sistema de computadoras. En 1927, desarrolló su primera máquina analógica para resolver sencillas ecuaciones. Bush continuó con sus ideas y así en 1930 desarrolló el Analizador Diferencial, un dispositivo mecánico para la resolución de ecuaciones diferenciales. En 1935, lo mejoró usando elementos electromecánicos. Por aquel entonces, Bush ya se había ganado una reputación que reafirmó con la proclamación de su futura teoría.

Como ya decía, Vannevar Bush tenía un prestigio consagrado, pero ha pasado a la historia como la persona que llevó a cabo la primera descripción del sistema de hipertexto. Era julio de 1945 y acababa de servir al Presidente F. D. Roosevelt como Consejero para la investigación militar durante la IIª Guerra Mundial. En ese momento, publicó su artículo “As we may think”. En él, Bush describía un dispositivo mecánico que no sólo almacena información, sino que acababa con la organización secuencial y pasaba a un sistema asociativo mucho más acorde con el funcionamiento de la mente humana, lo cual provocaba que la información fuera mucho más fácil y rápida de consultar. Así resolvía el problema de la gestión de la información, ya que las publicaciones eran ya excesivas como para almacenarlas y consultarlas debidamente.

Este dispositivo mecánico lo llamó Memex, abreviatura de Memory Extended, y aunque nunca se llegó a construir sentó las bases del hipertexto. El artilugio constaba de dos pantallas inclinadas en las cuales se proyectan los textos. La información era archivada en microfilms que se encontraban en el interior del escritorio. Cuando usabas el sistema caminabas por unidades de información (nodos) creando caminos que el Memex memorizaba para su posterior uso. Este aparato también incluía una opción para que el usuario pudiese tomar anotaciones en los márgenes de manera que el usuario se convirtiese también en autor. Estas características fueron recogidas en la futura concepción de internet, lo cual, demuestra la influencia significativa de Vannevar Bush.

Entre los reconocimientos que alcanzó destaca la Medalla Nacional de Ciencia que le fue entregada en 1964. Murió en 1974, mucho antes de llegar a ver la popularización de Internet o el nacimiento de la World Wide Web.

Javier Eraso

servido por eras 1 comentario compártelo

Practica 3

Diseño Audiovisual

Andrea Chocarro Calvo: achocarr2(ARROBA)alumni.unav.es
Javier Eraso Fernández: jerasofe(ARROBA)alumni.unav.es
María José Lluque López: mlluque(ARROBA)alumni.unav.es
Cristina Solomon Edwards: csolomon(ARROBA)alumni.unav.es

COMPONENTES DE LA INTERACTIVIDAD
Control
Sitio web de ejemplo: Página oficial del grupo musical Ich & Ich.
http:// www.ich-und-ich.de/index.php?i=11&playerOS=WIN&playerVersion=7&playerV2=&playerMajorRevision=0&playerV3=&playerMinorRevision=19
Comentario: Esta es la página web de un grupo musical alemán llamado Ich & Ich donde fácilmente podemos acceder a los contenidos del grupo. Letras de canciones, noticias, futuros conciertos y algunos de sus video clips. Si accedemos a la dirección señalada y pinchamos sobre “media”, facilita el acceso a canciones y sus videoclips, que podemos controlar fácilmente como un sistema de video.

Feedback
Sitio web de ejemplo: Portalmix.
http:// www.portalmix.com/triunfo/fanarea/

Comentario: Esta área de portalmix nos permite acceder a la zona de fans de operación triunfo. Pinchando sobre el triunfito que queramos, por ejemplo, Sergio, accedemos a su zona de foro donde, tras registrarnos, podemos opinar. Tras rellenar los datos correspondientes, se nos informa de que el registro se ha efectuado y nos envían a nuestro correo facilitado nuestra contraseña para poder acceder como uno más.

Productividad
Sitio web de ejemplo: Ryanair
http:// www.ryanair.com
Comentario: Es una famosa web que permite al usuario realizar compras de vuelos baratos por todo Europa. Puedes reservar tus propios billetes con tu propio trayecto, elegir entre las ofertas, etc.

Creatividad
Sitio web de ejemplo: Página de postales por Internet.
http:// www.postales-flash.com

Comentario: Web que permite personalizar tus propias postales sobre todo tipo de temas.

Adaptabilidad
Sitio web de ejemplo: Hotmail; El mundo deportivo
http://www.hotmail.com; http://www.sport.es

Comentario: En las cuentas de correo electrónico de Hotmail se pueden escoger distintas formas de ver la página, por ejemplo decidir si vemos al principio de la lista los últimos mails, o los primeros. También si se ordenan en carpetas o todos en un mismo grupo.
En “Sport” se puede elegir el idioma en el que leeremos el periódico deportivo digital: español o catalán.

Comunicación
Sitio web de ejemplo: “Solo literatura” Literatura hispanoamericana
http:// sololiteratura.com/phpbb/

Comentario: En “Solo Literatura” podemos acceder a un foro e intercambiar opiniones o información con otros usuarios de la web.

Por último, si quieres recordar la infancia de los 80 te invitamos a visitar nuestra Web temática: www.lacoctelera.com/los80
Gracias.

servido por eras sin comentarios compártelo

Practica 3

Diseño Audiovisual

Andrea Chocarro Calvo: achocarr2(ARROBA)alumni.unav.es
Javier Eraso Fernández: jerasofe(ARROBA)alumni.unav.es
María José Lluque López: mlluque(ARROBA)alumni.unav.es
Cristina Solomon Edwards: csolomon(ARROBA)alumni.unav.es

COMPONENTES DE LA INTERACTIVIDAD
Control
Sitio web de ejemplo: Página oficial del grupo musical Ich & Ich.
http:// www.ich-und-ich.de/index.php?i=11&playerOS=WIN&playerVersion=7&playerV2=&playerMajorRevision=0&playerV3=&playerMinorRevision=19
Comentario: Esta es la página web de un grupo musical alemán llamado Ich & Ich donde fácilmente podemos acceder a los contenidos del grupo. Letras de canciones, noticias, futuros conciertos y algunos de sus video clips. Si accedemos a la dirección señalada y pinchamos sobre “media”, facilita el acceso a canciones y sus videoclips, que podemos controlar fácilmente como un sistema de video.

Feedback
Sitio web de ejemplo: Portalmix.
http:// www.portalmix.com/triunfo/fanarea/

Comentario: Esta área de portalmix nos permite acceder a la zona de fans de operación triunfo. Pinchando sobre el triunfito que queramos, por ejemplo, Sergio, accedemos a su zona de foro donde, tras registrarnos, podemos opinar. Tras rellenar los datos correspondientes, se nos informa de que el registro se ha efectuado y nos envían a nuestro correo facilitado nuestra contraseña para poder acceder como uno más.

Productividad
Sitio web de ejemplo: Ryanair
http:// www.ryanair.com
Comentario: Es una famosa web que permite al usuario realizar compras de vuelos baratos por todo Europa. Puedes reservar tus propios billetes con tu propio trayecto, elegir entre las ofertas, etc.

Creatividad
Sitio web de ejemplo: Página de postales por Internet.
http:// www.postales-flash.com

Comentario: Web que permite personalizar tus propias postales sobre todo tipo de temas.

Adaptabilidad
Sitio web de ejemplo: Hotmail; El mundo deportivo
http://www.hotmail.com; http://www.sport.es

Comentario: En las cuentas de correo electrónico de Hotmail se pueden escoger distintas formas de ver la página, por ejemplo decidir si vemos al principio de la lista los últimos mails, o los primeros. También si se ordenan en carpetas o todos en un mismo grupo.
En “Sport” se puede elegir el idioma en el que leeremos el periódico deportivo digital: español o catalán.

Comunicación
Sitio web de ejemplo: “Solo literatura” Literatura hispanoamericana
http:// sololiteratura.com/phpbb/

Comentario: En “Solo Literatura” podemos acceder a un foro e intercambiar opiniones o información con otros usuarios de la web.

Por último, si quieres recordar la infancia de los 80 te invitamos a visitar nuestra Web temática: www.lacoctelera.com/los80
Gracias.

servido por eras sin comentarios compártelo

Cartel Fib

Este es el cartel Fib de este año.

Parece que el Festival de Benicassim ha vuelto a ser un rotundo éxito, a pesar de que las entradas este año han vuelto a aumentar su precio considerablemente. Espero que os animéis algún año a disfrutar de este festival que se encuentra entre lo mejorcito de Europa.

servido por eras sin comentarios compártelo

Que gran experiencia la de esta excelente asignatura de Diseño Audiovisual

Esta asignatura deslumbra por su riqueza desbordante. Sí, es Diseño Audiovisual, una asignatura llena de aventuras alocadas y comentarios intelectuales sin igual. ¡Oh! qué gran inspiración para el potencial de un alumnado tan cachondo. Bueno os aviso que de normal no soy tan pedante.

servido por eras 1 comentario compártelo

Bienvenidos a este blog sobre alguna cosa

Aún desconozco el contenido de este blog, así que sólo saludaros a todos los desinteresados que han entrado y de pronto, se han encontrado con que está vacío. Me llamo "Eras" y no os preocupéis, ya actualizaré este blog de vez en cuando con palabras vacías y sin sentido. Nos vemos.

servido por eras 1 comentario compártelo