E.E.M. 3 D.E. 7 Taller Multimedia / 5° año / 2013
FASE 1. Cómo planificar una plataforma multimedia.
Dieciocho de abril de 2013
Qué vamos a hacer Primeras preguntas _ El qué y el para qué. _ ¿Con qué recursos contamos? _ ¿Qué horizonte tenemos? _ ¿Qué queremos evitar?
Contenidos _ ¿De qué se ocupa el sitio? _ ¿Qué lenguajes conviven en él? ¿Textos, fotografías, videos, gráficos, infografías, publicaciones digitales, audios? _ ¿De qué manera se articulan esos contenidos? _ ¿Incluímos exclusivamente contenidos de producción propia o también damos lugar a producciones ajenas? _ ¿Qué categorías/etiquetas usamos para clasificar el contenido publicado?
Quiénes somos Nosotros _ ¿Cómo nos presentamos? ¿Qué nombre/dirección nos damos? _ ¿Somos la plataforma del Taller Multimedia de la E.E.M.3 D.E.7? ¿Somos un grupo de estudiantes que hablan sobre “Lo tuyo, lo mío, lo nuestro, lo de todos” desde un lenguaje multimedial? ¿Somos un medio de comunicación digital estudiantil? _ ¿Desde dónde hablamos? ¿Apuntamos a la “objetividad periodística”? ¿Asumimos una postura de opinión crítica?
El grupo
_ ¿Cómo nos organizamos? ¿De qué manera trabajamos en grupo? _ ¿Cómo podemos aprovechar la potencialidad de las herramientas web para trabajar colaborativamente? _ ¿Qué puedo aportar desde lo que sé? ¿Qué puedo aprender desde lo que me interesa? _ ¿Qué herramientas, recursos, saberes, plataformas, programas pueden ser útiles para nuestra plataforma multimedia?
A quién Nuestros lectores _ ¿Quién nos va a leer? ¿Cómo? ¿En qué soporte? _ ¿Cómo le hablamos/escribimos? _ ¿De qué manera generamos comunidad? _ ¿Cómo difundimos los contenidos de nuestra plataforma? _ ¿Por qué vías permitimos la participación de los lectores? _ ¿Qué les ofrecemos? ¿Información, entretenimiento, materiales para descargar?
Redes sociales
_ ¿Cómo articulamos nuestro sitio con las redes sociales que usamos? _ ¿Hacemos un Facebook propio de la plataforma multimedia? ¿Y un Twitter? _ ¿Para qué pueden servirnos las diferentes redes sociales? _ ¿Qué tipos de contenidos tienen más y mejor circulación en Facebook? ¿Cómo podemos aprovecharlo para atraer navegantes a nuestro sitio?
Diseño gráfico Logo
_ El logo identifica al medio. _ Es coherente con su línea estética y de contenidos. _ Debe ser legible, incluso a tamaño pequeño. Y preferentemente también en negativo. - Es preferible evitar logos en movimiento (gifs animados).
Fuentes _ No usar más de tres fuentes, a fin de evitar el efecto cocoliche. Entre 10 y 13 puntos es un tamaño adecuado. _ En papel, las tipografías serif son más legibles; en pantalla ocurre lo contrario, y es preferible usar sans-serif. _ Las negritas funcionan bien, las cursivas no tanto. El subrayado debe evitarse, porque puede confundirse con un enlace. Las mayúsculas deben usarse con moderación. - La alineación es mejor a la izquierda que justificada, porque según el dispositivo puede cambiar la longitud de línea que ve el lector. _ Recursos: dafont.com fontsquirrel.com
Cabecera _ Es la presentaci贸n institucional del sitio. _ Est谩 siempre visible y funciona como enlace al home. _ Aporta informaci贸n y est茅tica. - Define la paleta de colores del sitio.
Colores
_ Tres colores; mรกs pueden saturar, menos pueden hacer monรณtona la pรกgina. _ Un color de base; otro secundario, cercano al primero; el tercero puede ser mรกs fuerte, y usado en menor medida permite destacar algunas cosas. _ Negro/Blanco/Gris en juego dan la mayor legibilidad. _ Considerar el color que aporta el contenido (fotos, grรกficos, videos). _ Recursos: colourlovers.com (paletas de color) degraeve.com (paletas a partir de una imagen)
Diseño web Estructura (tema) _ La estructura de un sitio se define en función de los contenidos que va a contener. _ Al elegir una plantilla, considerar la cantidad de menús, áreas de widgets y columnas que ofrece. _ Antes de publicar el sitio, el tema se puede cambiar innumerables veces, aunque en cada movimiento habrá que actualizar algunos parámetros de las entradas para adaptarlas a la nueva estructura. Una vez publicado el sitio, lo aconsejable es mantener la plantilla y sólo realizar cambios de manera gradual. - Al igual que el logo, los colores y la tipografía, el tema es parte importante de la identidad visual del medio. - Recursos: wordpress.com/themes
Modelos de navegación
_ La navegabilidad del sitio está íntimamente ligada a su estructura. _ Debemos procurar que el usuario no “se pierda” en nuestro sitio. _ El uso de etiquetas ordena y facilita la navegación transversal por las páginas. La cabecera y los menús permiten volver a “puntos 0”. _ Algunos modelos de navegación son más adecuados que otros según el tipo de contenido. Por ejemplo, a fin de evitar errores de proceso, en una página de compra online es fuertemente aconsejable emplear una estructura lineal.
AltaVista. Captura de 1998.
Primera pรกgina de Google. 1998.
ÂĄTodo lo que no debe hacerse en diseĂąo web!
A trabajar
:)