Antes de empezar a diseñar un sitio web hay que hacerse las siguientes preguntas:
Es importante clarificar perfectamente la naturaleza del sitio web que se intenta desarrollar. La creación de un sitio involcra una inversión considerable de recursos (humanos, financieros, tiempo), y es realmente fácil que un proyecto se convierta en una pesadilla si no se llegan a precisar todos los detalles que tienen que ver con el sitio web.
En general, la principal recomendación es incorporar evaluaciones de usabilidad en cada etapa de desarrollo del proyecto. Un proyecto web de dimensiones relativamente pequeñas podría seguir un modelo como el siguiente [Brinck et al, 2002]:
Análisis de requerimientos | Diseño Conceptual | Bocetos y prototipos | Producción | Lanzamiento |
---|---|---|---|---|
Evaluación |
Como se puede observar, en cada etapa de desarrollo se efectúa una evaluación. En proyectos de mayor envergadura el modelo anterior podría ser insuficiente, pero de cualquier modo la realización de evaluaciones a lo largo de todo el proyecto son imprescindibles para asegurar un producto con altos niveles de usabilidad.
Algunos consejos de diseño que pueden ayudar a lograr un sitio web más fácil de usar son los siguientes
El seguir las recomendaciones del W3C es una buena opción para procurar de que el sitio web sea portable. Sin embargo, los desarrolladores de los navegadores frecuentemente adoptan sólo parte de esas recomendaciones o utilizan especificaciones propias (propietarias).
Es altamente recomendable el probar el sitio web en distintas versiones de navegadores para asegurar el correcto despliegue de nuestra aplicación. De preferencia utilizar un sistema de detección de navegador y hacer las modificaciones on-line necesarias para dar una versión del sitio web que se adapte a las características de cada navegador.
La web no pide visa; cualquier persona con una computadora conectada a internet puede potencialmente visitar nuestro sitio web, independientemente de su origen geográfico, cultural, generacional o motivacional. Debemos de diseñar nuestro sitio web con esto siempre presente. Cualquier insinuación aparentemente inocua en una localidad puede ser altamente ofensiva en otra región. Esto es particularmente importante en sitios web diseñados para ser accesados por varios países que compartan la misma lengua. Un mismo lenguaje, por ejemplo el español, sufre de transformaciones semánticas radicales de un país a otro (incluso dentro de regiones del mismo país), por lo que hay que probar con grupos de usuarios de cada respectivo país el diseño en general de un sitio web.
Los usuarios con discapacidad física forman un grupo importante de usuarios, de los cuales los diseñadores frecuentemente se olvida. Al hablar de gente con dispacacidades nos referimos a personas con problemas de visión, auditivos, de cognición, motoras, y principalmente a los adultos mayores (recordemos que en muchos países el grupo demográfico de mayor crecimiento son precisamente la gente de la tercera edad). De todos los problemas de accesibilidad, la discapacidad visual es el más importante, de acuerdo al estado actual de la web. Existen recomendaciones básicas para los diseñadores como el utilizar colores de alto contraste entre el fondo y el color de la letra, permitir que el tamaño de la letra sea ajustable por parte del usuario, y la utilización del atributo ALT en las etiquetas de imágenes, por mencionar sólo algunos puntos.
Existe una iniciativa del W3C para hacer que los sitios web sean accesibles por todos. Esta iniciativa se llama Iniciativa para la Accesibilidad de la Web (Web Accessibility Initiative, http://www.w3.org/wai/). Hay se dan una serie de recomendaciones para tratar de que la navegación en la web sea posible para todos los usuarios. Además, hay validadores para probar la accesibilidad de un sitio web. Ejemplo de esto último es el validador de Watchfire llamado Bobby (http://bobby.watchfire.com/bobby/html/en/index.jsp).
Las páginas web deben de ser diseñadas con la velocidad como prioridad, aun por encima del diseño gráfico [Nielsen, 1999]. En general, los sitios más populares en internet comparten una velocidad de descarga mínima. Los usuarios quieren la información de inmediato, saber qué es lo que contiene la página. Un usuario tiene muy poca paciencia para promesas.
La gran mayoría de los usuarios tiene sus pantallas definidas con las siguientes resoluciones: 640 x 480, 800 x 600, o 1024 x 768. Al cambiar las preferencias del monitor cuando se están desarrollando los diseños se puede probar la interfaz en esas tres resoluciones específicas y ver exactamente lo mismo que verán los usuarios [Veen, 2001].
Hay que evitar las palabras innecesarias en el texto de las páginas web. [Krug, 2000] cita a E. B. White quien en "The Elements of Style" da una recomendación que se debería ser una mantra cuando se escribe para la web:
"La escritura vigorosa es concisa. Un enunciado no debe de contener palabras innecesarias, un párrafo no debe tener enunciados innecesarios, por las mismas razones que una pintura no debe de tener líneas innecesarias y una máquina no debe de tener partes innecesarias".
Sea humilde: nadie sabe que quieren sus clientes (además las preferencias cambian en el tiempo). El diseño de la funcionalidad de un sitio debe ser dirigido por los usuarios (User-driven design). Esto implica analizar los logs de navegación y realizar un análisis de las consultas del buscador del sitio (otra buena razón para tener un buscador interno). El mejor ejemplo de este tipo de diseño es Yahoo!, el cual tiene mil millones de visitas a la semana, con lo que en pocos días puede tomar decisiones de diseño.
[Brinck et al, 2002] "Usability for the web", Tom Brinck, Darren Gergle, Scott D. Wood. San Francisco: Morgan Kaufmann, 2002
[Cato, 2001] "User-centered web design", John Cato. Harlow, England: Addison-Wesley, 2001
[Ferré et al, 2001] "Usability basics for software developers", Xavier Ferré, Natalia Juristo, Helmut Windl, Larry Constantine. IEEE Software, January/February 2001. p. 22-29
[Instone, 1997] "Site Usability Heuristics for the Web", Keith Instone. http://www.webreview.com/1997/10_10/strategists/10_10_97_2.shtml Webreview.com, 1997
[Krug, 2000] "Don't make me think", Steve Krug. Indianapolis: New Riders, 2000.
[Lecerof &Paternò, 1998] "Automatic support for usability evaluation", Andreas Lecerof, Fabio Paternò. IEEE Transactions on Software Engineering. October 1998. p. 863-889
[Murray & Constanzo, 1999] "Usability and the Web: An Overview", George Murray,Tania Costanzo http://www.nlc-bnc.ca/9/1/p1-260-e.html Information Technology Services, National Library of Canada. August 1999
[NCI, 2002] Usability.gov, National Cancer Institute. http://www.usability.gov/ Ultima actualización: Agosto 2002
[Nielsen, 1990] "Ten Usability Heuristics", Jakob Nielsen. http://www.useit.com/papers/heuristic/heuristic_list.html Useit.com, 1990
[Nielsen, 1999] “Designing web usability”, Jakob Nielsen. Indianapolis: New Riders, 1999
[Nielsen, 1999] User Interface Directions for the Web, Communications of the ACM, Enero de 1999.
[Shneiderman, 1998] “Designing the user interface”, Ben Shneiderman. Reading, MA: Addison-Wesley, 1998.
[Spool, 2002] “Websites that work, designing with your eyes open” Jared Spool, Christine Perfetti, Mathew Klee, Erik Ojakaar. Minneapolis, MN: CHI 2002 Tutorial.
[Veen, 2001] "Arte y ciencia del diseño web", Jeffrey Veen. Madrid: Prentice Hall, 2001.