E.E.M. 3 D.E. 7

Taller Multimedia / 5° año / 2013

FASE 1.Cómo planificaruna plataformamultimedia.

Dieciocho de abril de 2013

Qué vamos a hacer

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 articulanesos contenidos?

_ ¿Incluímos exclusivamentecontenidos de producción propiao también damos lugar aproducciones ajenas?

_ ¿Qué categorías/etiquetas usamospara clasificar el contenido publicado?

Primeras preguntas

_ El qué y el para qué.

_ ¿Con qué recursos contamos?

_ ¿Qué horizonte tenemos?

_ ¿Qué queremos evitar?

_ ¿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? ¿So-mos un grupo de estudiantes que hablan sobre “Lo tuyo, lo mío, lo nues-tro, 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 pos-tura de opinión crítica?

Quiénes somos

Nosotros

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 quesé? ¿Qué puedo aprender desde loque me interesa?

_ ¿Qué herramientas, recursos,saberes, plataformas, programaspueden ser útiles para nuestraplataforma 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 Twit-ter?

_ ¿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áficoLogo

_ 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 tam-bié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 de-ben 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 pue-de 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)

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 wid-gets y columnas que ofrece.

_ Antes de publicar el sitio, el tema se puede cambiar innumerables ve-ces, 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 impor-tante de la identidad visual del medio.

- Recursos: wordpress.com/themes

Diseño web

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 estruc-tura lineal.

AltaVista. Captura de 1998.

Primera página de Google. 1998.

¡Todo lo que no debe hacerse en diseño web!

A trabajar

:)