Pautas para la construcción de Presentaciones Multimedia y Sitios Web centrados en el usuario Pautas para la construcción de Presentaciones Multimedia y Sitios Web centrados en el usuario
UNRC – 2010
Lic. Ariel Ferreira Szpiniak
1
Recomendaciones Es conveniente utilizar tipografias sin “Serif” (Sans Serif), para mejorar la legibilidad del usuario y poder reducir aun más el tamaño y utilizar más combinaciones de colores. Los formatos de fuente "serif" son aquellos que las letras tienen unos pequeños remates en los extremos . Los estudios realizados han demostrado que sobre papel impreso las fuentes "serif" son más legibles, ya que esos pequeños remates en los extremos dan más información sobre los caracteres y facilitan la lectura. Además por la costumbre y familiaridad los usuarios generalmente prefieren este formato. Sin embargo en los monitores, por su menor resolución en comparación con el papel, los pequeños remates aparecen borrosos y dificultan la lectura por lo que se recomiendan fuentes "sans-serif". Familias Sans Serif: Arial, Verdana, Tahoma, Futura, Zurich, etc... Familias Serif: Times New Roman, Courier New, etc... Pautas para la construcción de Presentaciones Multimedia y Sitios Web centrados en el usuario
UNRC – 2010
Lic. Ariel Ferreira Szpiniak
2
Recomendaciones
Tipografía
Tipografía
Tipografía
Tipografía
Tipografía
Tipografía
Tipografía
Tipografía
Tipografía
Tipografía
Tipografía
Tipografía
Tipografía
Tipografía
Tipografía
Tipografía
Tipografía
Tipografía
Familia Arial
Familia Times New Roman
Sans Serif
Serif
Familias Sans Serif: Arial, Verdana, Tahoma, Futura, Zurich, etc... Familias Serif: Times New Roman, Courier New, etc... Pautas para la construcción de Presentaciones Multimedia y Sitios Web centrados en el usuario
UNRC – 2010
Lic. Ariel Ferreira Szpiniak
3
Recomendaciones Ancho de línea A una menor longitud de línea, mayor velocidad de lectura. Esta es la razón de que los diarios tienen columnas muy estrechas. Una mayor longitud de línea requiere de un salto de mayor longitud de un punto de fijación ocular. A mayor longitud del salto, más inexactitud en la siguiente fijación y por tanto mayor dificultad de lectura. En líneas muy cortas es importante la distribución de las unidades de significado: Si tienes que usar Si tienes que longitudes de línea usar longitudes de muy cortas, línea muy cortas, entonces es adecuado entonces es que cada línea adecuado que cada contenga una unidad línea contenga de significado. unidad de significado. Pautas para la construcción de Presentaciones Multimedia y Sitios Web centrados en el usuario
UNRC – 2010
Lic. Ariel Ferreira Szpiniak
4
Recomendaciones Ajuste del espacio entre letras (kerning) No debería ser siempre fijo. Cuando este espacio se ajusta los textos son más legibles y el aspecto estético es mucho mejor. Es lo que da ese aspecto tan profesional a los libros impresos.
Espacio que ocupa cada letra Existen dos tipos de fuente: Proporcionales: depende del caracter, por ejemplo una "i" ocupa menos espacio que una "M“ (Arial). No proporcionales: todos los caracteres ocupan el mismo espacio independientemente del carácter (Courier New). Las no proporcionales son adecuadas para el mostrar muchos datos o para la entrada de datos en las cajas de texto de formularios porque es mas fácil ver los errores por la mayor separación entre letras. Pautas para la construcción de Presentaciones Multimedia y Sitios Web centrados en el usuario
UNRC – 2010
Lic. Ariel Ferreira Szpiniak
5
Recomendaciones Color y contraste con el fondo La combinación más adecuada para el 90% de los casos es texto negro sobre fondo blanco. En pocos casos se recomienda utilizar otro color de fondo, en cualquier caso para textos largos es más adecuado texto oscuro sobre un fondo claro. Solo es adecuado usar fondo oscuro y texto claro para títulos, cabeceras o celdas, sin embargo el problema es que los fondos oscuros con texto claro son muy empleados en publicidad y ello puede provocar que contenidos no publicitarios sean afectados por la ceguera a los banners y por tanto ignorados por los usuarios. Pautas para la construcción de Presentaciones Multimedia y Sitios Web centrados en el usuario
UNRC – 2010
Lic. Ariel Ferreira Szpiniak
6
Recomendaciones Alineación Para los textos largos se recomienda alineación a la izquierda, no justificar. El problema es que para justificar los textos se hace variable el espacio entre palabras y/o caracteres lo que hace los textos menos legibles y provoca que algunas palabras con mayor espacio entre caracteres sean involuntariamente enfatizadas. En los libros impresos justificados no existe este problema porque las longitudes de línea son fijas. Sin embargo en la web dadas las diferentes resoluciones no es posible saber la longitud de línea que verá el usuario y por tanto la justificación no funcionará bien. Pautas para la construcción de Presentaciones Multimedia y Sitios Web centrados en el usuario
UNRC – 2010
Lic. Ariel Ferreira Szpiniak
7
Recomendaciones Negritas Las negritas ("bold") deben utilizarse solo para enfatizar algunas palabras, siempre de manera muy restringida y nunca en frases completas. Si son utilizadas adecuadamente ayudan a hojear rápidamente el texto y facilitan la rápida comprensión de la información. Las negritas llaman poderosamente la atención dentro de un texto e incluso distraen seriamente, por ello nunca se debe abusar de ellas o emplearlas de modo puramente decorativo.
Pautas para la construcción de Presentaciones Multimedia y Sitios Web centrados en el usuario
UNRC – 2010
Lic. Ariel Ferreira Szpiniak
8
Recomendaciones Tamaños de letra Un tamaño de entre 10 y 12 puntos suele ser el estándar para la mayoría de los hipertextos, sin embargo lo realmente importante es que el tamaño de fuente no sea fijo y pueda ser modificado libremente por los usuarios mediante la opción correspondiente del navegador. En Presentaciones Multimedia el tamaño superar los 18 o 20 puntos. Interlineado A mayor espacio entre líneas, mayor facilidad de lectura. Se recomienda un interlineado óptimo de un ancho de línea de 1,5. Uso de mayúsculas Las mayúsculas son mucho más difíciles de leer que las minúsculas. Retardan la lectura. Por ello no son recomendadas para textos largos. Su capacidad de resaltar dentro de un texto le hacen un recurso muy valioso para captar atención sobre un elemento de información. Pautas para la construcción de Presentaciones Multimedia y Sitios Web centrados en el usuario
UNRC – 2010
Lic. Ariel Ferreira Szpiniak
9
Recomendaciones Otros recursos Un documento no debería utilizar nunca más de dos fuentes diferentes. Las cursivas son muy poco legibles y son poco recomendables, solo deben ser utilizadas con fuentes de tamaño suficientemente grande. El subrayado es un recurso para enfatizar en papel impreso que no se debe emplear en hipertexto porque podría confundirse con un vínculo. Las viñetas (bullets) y sangrías (indent) son recursos útiles para estructurar la información, separar conceptos, subordinar unos a otros, crear dependencias, etc. Los espacios en blanco hacen los documentos más fáciles de leer y le dan un espacio más limpio. Pautas para la construcción de Presentaciones Multimedia y Sitios Web centrados en el usuario
UNRC – 2010
Lic. Ariel Ferreira Szpiniak
10
Recomendaciones El diseño de las páginas tiene efectos cognitivos sobre los usuarios que procesan y codifican la información presentada en soporte digital y de manera hipertextual. La sobrecarga cognitiva debe evitarse. Un diseño complejo, no convencional, que por ejemplo use diferentes tipos de fuentes, gran cantidad de links, animaciones, etc., puede requerir de una carga procesal elevada debido a que cada componente necesaria ser percibido e interpretado por el usuario. El uso indebido puede causar efectos de distracción y tener un impacto negativo.
Pautas para la construcción de Presentaciones Multimedia y Sitios Web centrados en el usuario
UNRC – 2010
Lic. Ariel Ferreira Szpiniak
11
Recomendaciones Segmentos de información cortos y concisos, evitando siglas y abreviaturas. Facilitar la lectura evitando colocar gran cantidad de información por página o diapositiva, no utilizar letras pequeñas, ni comprimir el texto. Buscar armonía entre el texto, enlaces e imágenes. Destacar textos importantes. Alineado a izquierda respetando el estilo de lectura occidental. Evitar el uso del subrayado en textos sin enlaces. Uno o dos tipos de letra, no serifada para facilitar la lectura en pantalla. Mayúsculas para comenzar oraciones a los efectos de hacer más legible y comprensible el texto. Pautas para la construcción de Presentaciones Multimedia y Sitios Web centrados en el usuario
UNRC – 2010
Lic. Ariel Ferreira Szpiniak
12
Recomendaciones Colores: el sistema RGB parte de tres colores primarios, rojo, verde y azul, a diferencia del sistema tradicional que utiliza colores primarios, rojo, amarillo y azul. Esto es así producto del efecto de la pantalla sobre la visión. Fondo de pantalla de un color oscuro o claro, simple, sin tramas ni efectos. Los colores grises son neutros, formados por igual cantidad de rojo, verde y azul, tienen elegancia y expresan seriedad. Los azules forman parte de la gama de los colores pastel, sugieren luz, frescura y naturalidad.
Pautas para la construcción de Presentaciones Multimedia y Sitios Web centrados en el usuario
UNRC – 2010
Lic. Ariel Ferreira Szpiniak
13
Recomendaciones Utilizar colores complementarios, es decir que se encuentran opuestos en el círculo cromático. Evitar el uso de verde, amarillo y naranja puesto que aproximadamente un 8% de los hombres y un 0,5% de las mujeres tienen problemas para visualizarlos. No usar más de 6 y no menos 2 para permitir espacio extra en la memoria de corto plazo.
Pautas para la construcción de Presentaciones Multimedia y Sitios Web centrados en el usuario
UNRC – 2010
Lic. Ariel Ferreira Szpiniak
14
Recomendaciones Navegación: utilizar hipertexto para romper con la estructura lineal y posibilitar una lectura interactiva. Darle libertad al usuario para establecer su propio camino. Utilizar plantillas que guían todas las páginas. Orientación, panorama, refugio: botones de navegación hacia la última página visitada, la próxima a visitar, el inicio, secuencia de secciones y subsecciones, camino jerárquico desde el inicio hasta el lugar donde se está situado en ese momento. No usar el mismo color para los enlaces visitados y no visitados. El cambio de color orienta al lector en los caminos ya recorridos. Pautas para la construcción de Presentaciones Multimedia y Sitios Web centrados en el usuario
UNRC – 2010
Lic. Ariel Ferreira Szpiniak
15
