Post on 23-Mar-2016
description
transcript
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
:)