Dentro de las prácticas que me apasionan por su imprecisión, es decir, que requieren de un tratamiento difrente según el contexto sobre el que se trabaja, es el diseño de sitios web, que con sus variedades, estudios y particularidades se presenta como un reto para todos los involucrados que acoge. Es así el caso por el cual dedicaré este post a dar unas breves explicaciones y acercamientos a temas de diseño de sitios web, enfocado a bibliotecas universitarias, que de seguro encontrarán interesante y útil para su labor diaria.
No es mi propósito demarcar qué se define como correcto o claramente agradable en el diseño de un sitio web, mas si compartir algunos recursos que me han parecido pertinentes y aclaratorios sobre las tendencias y últimos descubrimientos sobre lo que se tiene una mejor aceptación. Trataré cuatro temas que me parecieron fundamentales al momento de crear o modificar un bosquejo de un sitio web:
Blueprints: eye-tracking
Los bosquejos de lo que se quiere como sitio web son en el inicio de diseño uno de los aspectos más importantes y determinantes para que el fin por el cual se construye el sitio sea cumplido o no. Por tanto, como todo, requiere de un conocimiento previo que sirva como punto de partida: para esto, se han realizado trabajos de Eyetracking que permiten identificar las zonas de los sitios web que el ojo humano revisa con mayor recurrencia y a cuáles no presta tanta atención.
En la actualidad se encuentran diferentes artículos de trabajos con Eye tracking, los cuales pueden ser revisados y comparados para evidenciar incidencias sobre los espacios que el ojo humano enfoca y revisa con frecuencia, sobre otros que por lo general no son tenidos en cuenta en la primera impresión, y por tanto, pueden pasar al olvido. Rescato este artículo al respecto.
Muchas veces, las bibliotecas universitarias al diseñar su sitio web cuentan con un centro de diseño exclusivo de la Universidad que ya seguramente ha realizado un manual de imagen institucional que indica los colores y fuentes autorizados para usar en imágenes, textos y videos. Sin embargo, no gasto kilobytes innecesariamente hablando un poco sobre estos dos temas.
Tipografías
De un tiempo para acá he descubierto el arte y ciencia de la tipografía. El primer acercamiento de profundidad que tuve sobre el tema fue un video en TED titulado «My life in typefaces» el cual enfatiza la importancia de cada píxel en el diseño tipográfico.
Hay múltiples páginas de recursos que permiten descargar de manera gratuita tipografías de interés. No se debe olvidar el tipo de usuarios que esperan recibir en su sitio web, la compatibilidad que tiene con los navegadores, y la facilidad para leer en pantalla. Para tener una guía, está este artículo para comenzar.
Colores
Los colores representan sentimientos, situaciones, inclusive contextos. Están enmarcados de diferente manera en las comunidades por lo que la selección de los colores se convierte en todo un análisis de cual puede ser el mejor, o cual puede ser la mejor combinación. Para tener una guía de paletas de colores, Adobe tiene una aplicación web gratuita llamada Kuler, que permite seleccionar paletas de colores basado en temáticas o palabras claves dadas por lo usuarios. Recuerden, menos es más.
Palabras desconocidas
Por último, como recomendación netamente para Bibliotecas, el uso de palabras es muy importante en los diferentes contenidos que se muestran en el sitio; lo afirmo porque encontré un trabajo muy bien realizado por Jhon Kuppersmith titulado «Library terms that users understand«, en el cual analiza varios sitios web de bibliotecas, viendo cuáles palabras usadas comúnmente en estos espacios es malentendida o genera confusión.
Hasta acá va el presente post, que podemos considerar como la primera parte pues considero que ingresar más información sería excesivo. Un saludo grande, y espero vean provechosa esta información.
Comparto .. para ampliar
— McGillis, L.; Elaine, G. T. (2001). Usability of the Academic Library Web Site: Implications for Design. En: College & Research Libraries [en línea] July 2001 vol. 62 no. 4 355-367. Disponible en: http://crl.acrl.org/content/62/4/355
— Jasek, C. (2004). How to design Library Web site to maximize usability. San Diego, C.A.; Library Connect; Elsevier User Centered Design Group. [en línea]. Disponible en http://libraryconnectarchive.elsevier.com/…/lcp0502.pdf
Para ampliar…
— McGillis, L.; Elaine, G. T. (2001). Usability of the Academic Library Web Site: Implications for Design. En: College & Research Libraries [en línea] July 2001 vol. 62 no. 4 355-367. Disponible en: http://crl.acrl.org/content/62/4/355
— Jasek, C. (2004). How to design Library Web site to maximize usability. San Diego, C.A.; Library Connect; Elsevier User Centered Design Group. [en línea]. Disponible en http://libraryconnectarchive.elsevier.com/lcp/0502/lcp0502.pdf
Hola !me podes orientar para armar un proyecto, para pagina web universitaria.