Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Mejores prácticas para el diseño de contenidos digitales

No description
by

Carla Segura

on 11 April 2016

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Mejores prácticas para el diseño de contenidos digitales

Mejores prácticas para el Diseño de contenidos digitales
Mtra. Carla Segura
carla.segura@leon.uia.mx


Consideraciones sobre el diseño de mensajes en formato digital
Navegabilidad
Diseño para la Producción: Teoría y Mejores prácticas
Sobre Textos y Contenidos
1. Evitar escribir sólo en mayúsculas.
2. Letras y tipografías claras (figura-fondo).
3. El buen espaciado entre letras, palabras y líneas facilita la lectura (figura-fondo, proximidad).
4. Los términos y frases importantes serán resaltados: diferenciados por el color, por la fuente o por el tamaño (similitud).
5. Si existen movimientos o llamados de atención de un modo animado, éstos deben ser por un período corto de tiempo (similitud).
6. Información complementaria, explicativa o de ayuda, debe estar junta o en grupos (proximidad).
7. Tipografía y estilos gráfico contante (similitud).
Sobre el Color
Sobre las imágenes
1. Las ilustraciones no deben ser ambiguas (figura-fondo).
2. Las imágenes deben guardar relación directa con el entorno gráfico y el mensaje.
3. Las animaciones utilizadas (si se utilizaran) deben ser guiadas y orientada (fundamento de la Gestalt).
Sobre el mensaje
1. Cuidar la ortografía.
2. Unificar estilos de redacción.
3. Verificar que el mensaje se expresa conforme lo planeado.
4. Adecuado balance entre el mensaje y los elementos gráficos de soporte.
5. En paquetes hipertextuales, verificar consistencia mientras se navega.
6. Cantidad de información dosificada.
7. Revisar que los materiales multimedia sean de calidad y correctamente integrados.
8. Cuidar el lenguaje y tiempos verbales.
Figura
Fondo
Mensaje
Influencia del color en el Marketing
Fases del Diseño de Material Digital: http://canaltic.com/blog/?p=889
FUENTES
Claridad en el mensaje
Ventanas emergentes
Carga de letras
Simbología
Tipografía
Iconografía
Resolución de pantalla
Economía
Accesibilidad
◾Refuerzo textual.
◾Uso del color.
◾Uso del lenguaje.
◾Tipo de fuente.
◾Control del usuario.
◾Uso del teclado.
◾Multiplataforma.
◾Ayuda contextual.
◾Navegación clara.
Compilación de VirtualEduca: http://www.virtualeduca.org/documentos/manual_del_contenidista.pdf
aplicada a producción de materiales digitales
Teoría de la Gestalt
Teoría de la Gestalt
Rama de la psicología que se ocupa de estudiar percepción visual para tratar de comprender la actitud y la conducta de los seres humanos ante las imágenes que se encuentran a su alrededor.
Objeto Real
Estímulo Visual
Experiencia
Perceptiva
= Árbol
Niveles
Principio fundamental: El todo es más que la suma de sus partes
Fuerzas que actúan en la percepción
Cohesión
Segregación
(Unión de elementos)
(Separación de elementos)
De lo anterior, sugen las siguientes
Leyes de la Gestalt:
"... cualquier cosa está constituida por una Figura y un Fondo"
Ley de...
Relación
Figura-Fondo
Proximidad
El ojo reconoce "Figura" sobre "Fondo". Sin embargo, figura y fondo pueden intercambiar sus roles.
Cierre
El cerebro completa formas para captar el objeto en su totalidad.
Semejanza
La mente asocia elementos similares (en color, forma, tamaño, textura o dimensión).
Asociación por cercanía de elementos
Simetría
Se percibe con más facilidad las formas simétricas
Dirección común
La mirada se dirige a determinado punto de atención.
Anomalía
Elemento diferenciador (fuera de la norma).
Pregnancia
Se capta mejor atención a las formas más simples, simétricas y con alto contraste.
http://www.paredro.com/los-10-colores-que-mas-venden-y-atraen-en-publicidad/
1. Colores de figura y fondo deben contener un buen contraste y limpieza.
2. Debe existir una adecuada combinación de colores.
3. Evitar la sobre-saturación de color sobretodo si el uso de éste no está fundamentado.
4. Utilizar este elemento moderadamente para la diferenciación de elementos.
Manual de estilos
institucionales
Descargar tipografías
: http://www.dafont.com/es/
Identificar tipografías
: http://www.identifont.com
Lineal
No lineal
Jerárquica
Compuesta
Múltiple
Marketing del color: http://www.soyentrepreneur.com/los-colores-que-venden-mas.html
¿Qué es una Tipografía?
http://prezi.com/ufnrer-swszq/typography/?rc=fb0eng0tbt
Desarrollar
Competencias Informativas
Son un conjunto de habilidades para reconocer una necesidad de información y tener la aptitud para localizarla, evaluarla y usarla eficientemente.
Habilidad fundamental en la Sociedad del Conocimiento
Abundancia
Diversos formatos
Confiabilidad
Autenticidad
Validez
Estándares para evidenciar las Habilidades Informativas
1.
Determinar
la naturaleza y extensión de la información que se necesita.
2.
Acceder
efectiva y eficientemente a la información requerida.
3.
Evaluar
la información y sus fuentes de manera crítica e incorporar la información seleccionada a su conocimiento personal y sistema de valores.
4.
Utilizar
la información efectivamente para cumplir un propósito específico.
5.
Comprender
las cuestiones económicas, legales y sociales alrededor del uso de la información y acceder a la información de una manera ética y legal.
Involucra necesariamente el desarrollo de
habilidades tecnológicas
Computadoras
Software
Aplicaciones
Bases de datos
Internet
¿Para qué?
Para un análisis del conocimiento y de la realidad
Para el desarrollo de pensamiento crítico
Para transmitir apropiadamente un mensaje
Fuentes de información
La fuente de información depende del método de investigación a utilizar
Experimentos
Trabajo de campo
Documental.
Internet
¿Qué criterios debemos tomar en cuenta al seleccionar recursos de
Bibliotecas
Multimediales
Hipertextuales
Interactivos
Abiertos/accesibles
Interoperables
Flexibles
Reutilizables
Características de los materiales digitales
Para buscar y seleccionar información se requiere...
Colaboratividad en línea
Association of College and Research Libraries (2000). Information Literacy Competency Standards for Higher Education. Chicago, Illinois: American Library Association
.
Association of College and Research Libraries (2000). Information Literacy Competency Standards for Higher Education. Chicago, Illinois: American Library Association.
Relaciones-Sensaciones
Señora-
Saxofonista
Joven-
Anciana
Ejemplos para la Web
Capacidad para construir información a partir de la captación, organización, interpretación y re-significación de datos obtenidos de la realidad.
Importante: los estímulos también provienen del resto de los sentidos corporales.
La Web se vale principalmente de lo auditivo, visual y táctil.
En la Web se utiliza para agrupar a través de la cercanía
En la Web este principio agrupa por la semejanza de elementos
Otro aspecto
importante
a considerar:
Recomendación: la información se ve mejor
en pantalla completa.
Principios de diseño para E-Learning
de Multimedia
Incluir diversos medios que apoyen la experiencia
De Continuidad
Cercanía entre elementos para comprender relación entre elementos
de Modalidad
Mejores recursos para procurar una mejora similación de la información.
de Redundancia
Usar sólo lo necesario, pero con cobertura total del tema que se aprende
de Coherencia
La relación entre elementos está directamente enfocado al aprendizaje.
de Personalización
Contenido personalizado, conversacional e informal para una mejor asimilación.
Fuente: http://blog.usabilla.com/6-design-principles-for-effective-elearning/
Full transcript