Mayo 8, 2007

Websites de película: usabilidad de cine

Tema: Usabilidad, Diseño Web
» Se lee en 421 segs

Sumario

Ejercicio de análisis heurístico aplicado a websites de películas. De los resultados se proponen mejoras en 10 aspectos.

Este post es un poco largo, por ello he preparado una versión PDF

Usabilidad en websites de películas

Un componente que siempre acompaña toda película es su sitio web, unos más llamativos que otros, pero siempre están presentes. En estos días me ha llamado la atención el tema de la usabilidad en los websites de películas. La verdad es que existe poca documentación al respecto y considero que es un nicho interesante sobre todo porque muchas películas está hechas pensado en el “usuario”, en este caso espectador, por lo general las productoras saben bien el target y el perfil de la gente que consumirá la película.

Ahora bien, en el caso que nos compete, Internet, considero que no siempre los websites de las películas están pensados desde el punto de vista del usuario, a nivel de estructura y visualización de contenido. Para desarrollar un poco más esta idea he realizado un ejercicio heurístico para ver si nos podemos aproximar a una idea de usabilidad en este tipo de websites, porque tienen sus propias particularidades. Más o menos su estructura está basada en lo mismo, con más o menos “features” pero son básicamente iguales en estructura. El truco está en hacer diseños atrevidos y alucinantes, evidentemente valiéndose de Flash.

subir

El Ejercicio

Para realizar este ejercicio he tomado 5 websites de las películas que se encuentran en el Box-Office local. El planteamiento es identificar posibles puntos para mejorar la experiencia del usuario. El diseño del ejercicio está compuesto por una batería de 25 preguntas, que se puntúan 1 si el factor es Sí y 2 si el factor es No.

Existen factores convenidos en el diseño de este tipo de websites y la principal es que SIEMRPE es en Flash, es muy raro que se diseñe en HTML/CSS por más recurso que esta última técnica pueda aportar, la grandilocuencia del Flash se impone.

Pequeña aclaratoria: Como la mayoría de las películas vienen de holywood, estos websites están en inglés. En algunos casos existen versiones regionales (España, Francia, Latino América, etc) y otros suelen ser un poco diferentes de la versión original, por esta razón me he decantado por la V.O. Esto no es un estudio ni lo pretende ser, es un ejercicio orientativo.

subir

Los “estándares”

  1. Diseño en Flash
  2. Su tamaño mínimo es 1024
  3. Fondo negro
  4. El video, la imágenes y el audio son los protagonistas
  5. El botón de apagar el sonido suele estar abajo a la derecha
  6. Siempre encontrarás el/los trailers, el Cast & Crew, una sinopsis y la fecha de estreno. Es lo mínimo que suelen tener
  7. Accesibilidad 0 (cero)
  8. Requieren el plug-in del Adobe Flash Player, como mínimo el 7 (vamos por el 9)
  9. Todas tienen intro, a veces innecesario.
  10. Suelen desplegarse en pantalla completa.

Cuando un usuario va al sitio web de una película su prioridad es ver el o los trailers y tener una idea de lo qué trata el film. Luego quizá quiera descargar algo sobre la película, un fondo de pantalla, algunos iconos o el cartel de la película.

subir

Los Resultados

Aquí una tabla con los resultados, más adelante conclusiones que posiblemente nos ayuden si algún día tenemos la suerte de desarrollar el website para alguna película.

Websites involucrados en el ejercicio:

Factores/Película
P1
P2
P3
P4
P5
Tiempo de carga >10seg 2 1 2 2 1
¿Funciona sin scroll 1024? 2 2 2 2 2
¿La barra de scroll (si se necesita) es difícil de identificar? 1 2 1 2 2
¿Pop up ? 1 2 2 2 2
¿Existe intro o directamente se carga el site? 1 1 1 1 2
¿La navegación por el site es lenta? 1 1 1 2 2
¿La navegación está rotulada? 2 1 1 2 2
¿El usuario está informado de dónde está navegando? 1 1 1 2 1
¿Hay posibilidades y/o formas de ir atrás? 1 1 1 1 1
¿El trailer está en homepage? 1 1 1 1 1
¿El preload aporta información o solo es un counter? 1 1 1 1 2
¿El video se pixela y hace difícil verlo? 2 2 1 2 2
¿El trailer es autorun? 1 2 2 1 2
¿Los controles de video están visibles/accesibles? 2 1 2 2 1
¿El botón para apagar el audio está visible y fácil de encontrar? 1 1 2 2 2
¿Existen opciones de resolución del video? 2 1 2 2 1
¿Información sobre la película está rotulada como About the film o The movie? 2 2 1 2 1
Tiene más de 3 niveles de navegación 2 2 1 2 2
¿La sinopsis de la película forma parte del menú principal? 2 1 2 1 2
¿En un primer vistazo se puede intuir el tema de la película? 2 1 2 1 1
¿Las fechas de estreno están disponibles y rotuladas como Release Dates? 2 1 1 1 1
¿Los textos son dificiles de leer? 1 1 1 2 1
¿El tamaño del texto es inferior a los 12 ptos? 1 1 1 1 1
¿Existen versiones regionales del sitio web? 2 1 1 2 2
¿Está bien logrado el contraste de colores? 2 2 1 2 1
Total 38 33 34 36 38
Porcentaje Total De Cumplimiento 76 66 68 72 76

subir

Conclusiones

1.- Trailer ausente en el HomePage

Parto de la hipótesis que el usuario va al website de la película en busca del trailer, aunque ningunas de las webs implicadas presenta el trailer en el homepage.

2.- Desperdiciando el tiempo de carga de la película flash

5 de 6, utilizan el clásico sistema de porcentaje de carga. Este es un tiempo valioso, que no debería desperdiciarse. Es posible que al usuario no le interese saber este dato. Pero se puede acompañar de mensajes cortos, de micro animaciones que mantengan la expectativa y creen la necesidad de llegar destino porque saben que les espera algo bueno. El % no dice mucho. Un ejemplo interesante es el de Number 23, si bien no dice nada, hace juego de imágenes.

3.- El video es el Rey

Partiendo de este principio, no torturemos la compresión. Digamos que es oportuno ser bastante exigente con este tema.

4.- Convención en la ubicación de los botones de control de sonido

No hay nada que cause más estrés al usuario que perder el control del site. Si este comienza a sonar y el video se inicia con ruido, explosiones, etc… el usuarios es capaz hasta de desconectar los altavoces de raíz o dale al botón de power del ordenador, en un intento desesperado por acallar los ruidos (he visto casos).

En este sentido, recomendaría, no escatimar en el tamaño del On/Off ni en el icono utilizado para silenciar el website. El usuario lo agradecera y más si se ha escaqueado un momento en su trabajo para mirar esta web y resulta que comienza a sonar estridentemente, el jefe fija la mirada en el empleado y adiós felicidad. Mala experiencia.

5.- Ofrecer opciones en cuanto a calidad/tamaño del video

No todos tenemos un super Imac core duo con conexión de 20 megas, ya con el flash se sacrifica a un grupo de usuarios con mala conexión a Internet y encima que se ha esperado lo suyo para ver el trailer resulta que pasa algo. Al final el usuario se va a youtube que es más fácil y los videos descargan más rápido. Mal.

6.- El texto, el talón de Aquiles de los diseñadores

Cuando se habla de Flash no sé porque extraña razón siempre se piensa en las fuentes más pequeñas que el monitor pueda resistir 8, 9, 10 puntos, si se quiere que nadie lea ¡que no se ponga texto! Pero es un esfuerzo enorme leer fuentes tan pequeñas y más sabiendo de entrada el fondo, por lo regla, va a ser negro. Las fuentes de 12 puntos también tienen su magia y son un reto de diseño. Al final que pasa, el usuario preferirá leer la sinopsis en el blog de Extracine o escuchar la critica el Palomitas , porque el Cast lo verán mejor en IMDB

7.- Intros con sentido

Una web de una película es un intro en si misma, es una animación por esencia, porque tengo que esperar a que spiderman termine de echar telarañas cuando lo que quiero ver es el trailer. No estoy en desacuerdo con la animación ni mucho menos, pero considero que se ha de ser prudente. Por ejemplo en la web de Premunitions tenemos una intro juguetona con hojas otoñales cayendo, las cuales me consiguieron desesperar, haced la prueba.

El principio del “no al intro” aplica para todo, el usuario tiene un tarea que cumplir en el website y no es precisamente ver el intro.

8.- Velocidad de carga de la película

Cuando se crea un proyecto en Flash siempre se toma en consideración este aspecto y surge la pregunta ¿se han de colocar preloader en cada sección? O ¿se hace una carga general del sitio? Pues esto es fundamental.

9.- La navegación es crucial

Como sabemos nuestro querido botón del navegador, en Flash no sirve de nada. Con lo cual el menú siempre debe estar presente y permitir ir atrás, adelante, a dónde queramos desplazarnos. Quizá incluir breadcrumbs no sería mala idea.

10.- Creatividad más aún

Si sabemos que este tipo de sitios web tiene la misma estructura Trailers, Cast, Downloas, Release Dates. Entonces cómo innovar. Allí está el truco, yo comenzaría con un poco de usabilidad.

subir

Tags:,

Compártelo

Comentarios

Un sólo valiente ha comentado
  1. Los Simpsons mejorando poco a poco su usabilidad : Usándolo.com dijó el 29 de Mayo, 2007 a las 8:32 pm lo siguiente:

    […] Con motivo del episodio número 400 y el inminente estreno de la esperada The Simpsons the movie, me di un paseo por el website de “la familia favorita de américa” y descubrí con grata sorpresa que la web esta muy bien pensada en el usuario. El homepage responde claramente a las preguntas básicas que un usuario puede llegarse a formular, por ejemplo: ¿Qué día y a qué hora hacen el programa? (US only, lamentablemente) o echarle un vistazo a la guía de episodios o quizá descargarme alguno que otro avatar. Objetivos bastante similar a los que puede tener el usuario de una web de película. […]

¿Quieres Comentar?

Nombre

Email

Sitio Web

Comentarios

Usándolo.com es el blog personal de Jorge Márquez, dedicado a conversar sobre usabilidad, diseño web y tecnología.
RSS¡ Sindica el contenido de usandolo.com usando RSS !

Temas


Últimamente


Archivos


Cerrar
Enviar por Correo