Saltar al contenido principal
pdf?stylesheet=default
Blackboard Help

Diseño de páginas

Esfuércese por crear un diseño ordenado y simple.

En la siguiente lista se proporcionan algunas ideas sobre diseño, distribución y tipografía de páginas, con el fin de ayudarlo a crear contenido eficaz y fácil de leer.

Principios de diseño

  • Mantenga las páginas ordenadas y despejadas. Use gran cantidad de espacio en blanco para separar párrafos, imágenes y otros elementos de las páginas, con el fin de no abrumar a los lectores.
  • Alinee el texto y los encabezados a la izquierda. Los lectores en línea suelen recorrer con la vista el lado izquierdo de la página. Si centra los encabezados, a los lectores les costará más concentrarse en el material.
  • Use párrafos con estilo de bloque. Deje un espacio entre cada párrafo y no aplique sangría a la primera línea.
  • Sea coherente. Sea predecible usando diseños que repitan elementos de una página a otra. Use las mismas fuentes, colores, íconos y estilos de encabezado en cada página para ayudar a los estudiantes a sentirse a gusto y buscar la información más rápidamente.
  • Use encabezados. Separe la información en secciones y haga que la página sea más fácil de examinar. Elija con cuidado el esquema de color; use colores que faciliten al máximo la lectura. Si tiene dudas, use negro sobre blanco.
  • Utilice tablas para presentar datos. No utilice tablas cuando cree el diseño de página. Usted puede agregar etiquetas a las tablas utilizadas para datos, de tal modo que los lectores de pantallas puedan interpretar las filas de encabezado y los datos de celdas. Si utiliza tablas para definir el diseño de la página, a los lectores de pantalla les resultará más difícil interpretar la información de la página.
  • Use una tipografía sencilla. No use más de tres fuentes en todo el curso. Sea coherente en el modo de usarlas. Por ejemplo, use Verdana para el texto cuerpo de copia y Times New Roman para los subtítulos. Utilice fuentes que se encuentren de forma predeterminada en cualquier equipo y se puedan leer fácilmente, como Arial, Times New Roman, Trebuchet, Georgia y Verdana.

    Para obtener más información, visite 10 Typography Mistakes (10 errores tipográficos) para obtener ejemplos de buen y mal uso. Este sitio web es un ejemplo excelente de todos los principios enumerados para un buen diseño de página.

Ejemplos de diseño

Haga clic en las siguientes imágenes para ampliarlas en el navegador. Use el botón de retroceso del navegador para volver al tema.

Encabezados fáciles de analizar

  • Añadir iconos útiles y sencillos a los encabezados ayuda a los lectores a determinar fácilmente lo que quieren leer.
  • Los colores llaman la atención sobre los elementos de la página, como "Ejemplo".
  • Las barras horizontales dividen la página en partes manejables.
  • El espacio en blanco mejora el diseño de la página y enfatiza y divide el contenido. Guía el ojo del lector de un elemento a otro.

Las imágenes hablan por sí mismas

Algunos alumnos prefieren que la información se presente de forma visual. Use una combinación de imágenes y texto que responda a este estilo de aprendizaje.

Pregúntese: ¿Un alumno puede ver una imagen y comprender el concepto sin leer el texto?

Use iconos de forma consistente

Para que las páginas sean siempre cortas y concisas, ofrezca más información en forma de enlaces a otras páginas. Por ejemplo, si desea que los alumnos vean vídeos, use siempre el mismo icono para presentar el enlace. 

La consistencia hace que los usuarios se sientan más cómodos al desplazarse por el curso y con lo que esperan ver.