Websites de pelcula: usabilidad de cine

Por: Jorge Mrquez. 08 05 2007. Usandolo.com

Sumario

Ejercicio de anlisis heurstico aplicado a websites de pelculas. De los resultados se proponen mejoras en 10 aspectos. ndice Usabilidad en websites de pelculas El Ejercicio Los estndares Los Resultados Conclusiones

Usandolo.com 1

Usabilidad en websites de pelculas Un componente que siempre acompaa toda pelcula es su sitio web, unos ms llamativos que otros, pero siempre estn presentes. En estos das me ha llamado la atencin el tema de la usabilidad en los websites de pelculas. La verdad es que existe poca documentacin al respecto y considero que es un nicho interesante sobre todo porque muchas pelculas 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 pelcula. Ahora bien, en el caso que nos compete, Internet, considero que no siempre los websites de las pelculas estn pensados desde el punto de vista del usuario, a nivel de estructura y visualizacin de contenido. Para desarrollar un poco ms esta idea he realizado un ejercicio heurstico para ver si nos podemos aproximar a una idea de usabilidad en este tipo de websites, porque tienen sus propias particularidades. Ms o menos su estructura est basada en lo mismo, con ms o menos features pero son bsicamente iguales en estructura. El truco est en hacer diseos atrevidos y alucinantes, evidentemente valindose de Flash. El Ejercicio Para realizar este ejercicio he tomado 5 websites de las pelculas que se encuentran en el Box-Office local. El planteamiento es identificar posibles puntos para mejorar la experiencia del usuario. El diseo del ejercicio est compuesto por una batera de 25 preguntas, que se puntan 1 si el factor es S y 2 si el factor es No. Existen factores convenidos en el diseo de este tipo de websites y la principal es que SIEMRPE es en Flash, es muy raro que se disee en HTML/CSS por ms recurso que esta ltima tcnica pueda aportar, la grandilocuencia del Flash se impone. Pequea aclaratoria: Como la mayora de las pelculas vienen de holywood, estos websites estn en ingls. En algunos casos existen versiones regionales (Espaa, Francia, Latino Amrica, etc) y otros suelen ser un poco diferentes de la versin original, por esta razn me he decantado por la V.O. Esto no es un estudio ni lo pretende ser, es un ejercicio orientativo.

Usandolo.com 2

Los estndares 1. Diseo en Flash 2. Su tamao mnimo es 1024 3. Fondo negro 4. El video, la imgenes y el audio son los protagonistas 5. El botn de apagar el sonido suele estar abajo a la derecha 6. Siempre encontrars el/los trailers, el Cast & Crew, una sinopsis y la fecha de estreno. Es lo mnimo que suelen tener 7. Accesibilidad 0 (cero) 8. Requieren el plug-in del Adobe Flash Player, como mnimo 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 pelcula 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 pelcula, un fondo de pantalla, algunos iconos o el cartel de la pelcula.

El ejercicio Aqu una tabla con los resultados, ms adelante conclusiones que posiblemente nos ayuden si algn da tenemos la suerte de desarrollar el website para alguna pelcula. Websites involucrados en el ejercicio: P1: Spiderman 3 P2: Premonition P3: Sunshine P4: 300 P5: Number 23

Usandolo.com 3

Factores /Pelcula

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 dificil de identificar? 1 2 1 2 2 Pop up? 1 2 2 2 2 Hay una pgina de intro o directamente se carga el site? 1 1 1 1 2 La navegacin por el site es lenta? 1 1 1 2 2 La navegacin est rotulada? 2 1 1 2 2 El usuario est informado de dnde est navegando? 1 1 1 2 1 Hay posibilidades y/o formas de ir atrs? 1 1 1 1 1 el trailer est en homepage? 1 1 1 1 1 El preload aporta informacin o solo es un counter? 1 1 1 1 2 El video se pixela y hace difcil verlo? 2 2 1 2 2 El trailer es autorun? 1 2 2 1 2 Los controles de video estn visibles/accesibles? 2 1 2 2 1 El botn para apagar el audio est visible y fcil de encontrar? 1 1 2 2 2 Existen opciones de resolucin del video? 2 1 2 2 1 Informacin sobre la pelcula est rotulada como About the film o The movie? 2 2 1 2 1 Tiene ms de 3 niveles de navegacin 2 2 1 2 2 La sinopsis de la pelcula forma parte del men principal? 2 1 2 1 2 En un primer vistazo se puede intuir el tema de la pelcula? 2 1 2 1 1 Las fechas de estreno estn disponibles y rotuladas como Release Dates? 2 1 1 1 1 Los textos son difciles de leer? 1 1 1 2 1 El tamao 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

Usandolo.com 4

Conclusiones 1. Trailer ausente en el HomePage Parto de la hiptesis que el usuario va al website de la pelcula en busca del trailer, aunque ningunas de las webs implicadas presenta el trailer en el homepage. 2. Desperdiciando el tiempo de carga de la pelcula flash 5 de 6, utilizan el clsico sistema de porcentaje de carga. Este es un tiempo valioso, que no debera desperdiciarse. Es posible que al usuario no le interese saber este dato. Pero se puede acompaar 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 imgenes. 3. El video es el Rey Partiendo de este principio, no torturemos la compresin. Digamos que es oportuno ser bastante exigente con este tema. 4. Convencin en la ubicacin de los botones de control de sonido No hay nada que cause ms estrs 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 raz o dale al botn de power del ordenador, en un intento desesperado por acallar los ruidos (he visto casos). En este sentido, recomendara, no escatimar en el tamao del On/Off ni en el icono utilizado para silenciar el website. El usuario lo agradecera y ms 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 adis felicidad. Mala experiencia.

Usandolo.com 5

5. Ofrecer opciones en cuanto a calidad/tamao del video No todos tenemos un super Imac core duo con conexin de 20 megas, ya con el flash se sacrifica a un grupo de usuarios con mala conexin 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 ms fcil y los videos descargan ms rpido. Mal. 6. El texto, el taln de Aquiles de los diseadores Cuando se habla de Flash no s porque extraa razn siempre se piensa en las fuentes ms pequeas 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 pequeas y ms sabiendo de entrada el fondo, por lo regla, va a ser negro. Las fuentes de 12 puntos tambin tienen su magia y son un reto de diseo. 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 vern mejor en IMDB 7. Intros con sentido Una web de una pelcula es un intro en si misma, es una animacin por esencia, porque tengo que esperar a que spiderman termine de echar telaraas cuando lo que quiero ver es el trailer. No estoy en desacuerdo con la animacin ni mucho menos, pero considero que se ha de ser prudente. Por ejemplo en la web de Premunitions tenemos una intro juguetona con hojas otoales 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 pelcula Cuando se crea un proyecto en Flash siempre se toma en consideracin este aspecto y surge la pregunta se han de colocar preloader en cada seccin? O se hace una carga general del sitio? Pues esto es fundamental.

Usandolo.com 6

9. La navegacin es crucial Como sabemos nuestro querido botn del navegador, en Flash no sirve de nada. Con lo cual el men siempre debe estar presente y permitir ir atrs, adelante, a dnde queramos desplazarnos. Quiz incluir breadcrumbs no sera mala idea.

10. Creatividad ms an Si sabemos que este tipo de sitios web tiene la misma estructura Trailers, Cast, Downloas, Release Dates. Entonces cmo innovar. All est el truco, yo comenzara con un poco de usabilidad.

Usandolo.com 7