¿Cómo se diseña una Página WEB?

Partiendo de la idea general de que “cualquier aplicación Web está condicionada por la satisfacción del usuario final”, diversos autores han planteado procesos similares que se deben llevar a cabo para construir una página Web.

Según estos procesos, el diseño de un sitio Web es un aspecto primordial ya que de éste depende la interacción entre usuario y aplicación, y por tanto, un diseño hecho correctamente posibilitará que el usuario logre los objetivos que persigue (ya sea encontrar información, comprar, comunicarse, aprender, entretenerse...).

Los objetivos de un buen diseño son lograr la comprensibilidad del usuario, la facilidad de uso del sitio, la claridad de sus contenidos, la navegación intuitiva y de fácil aprendizaje, es decir, que el sitio sea usable, accesible y debidamente organizado.

Los conceptos de usabilidad , accesibilidad y arquitectura de la información, son recurrentes al hablar de la estructura de una página web. A continuación sus definiciones:

Usabilidad
Se define como “…la efectividad, eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico". Con base en esta definición podemos decir que la usabilidad no se refiere solo a la capacidad de uso aislada de un producto, sino que mantiene una relación intrínseca con los usuarios específicos a los que se dirige y su contexto.

Accesibilidad
Es la medida en que el servicio es capaz de adaptarse a las exigencias de sus usuarios.

Comprende las posibilidades de acceso a sus usuarios de acuerdo con sus posibles limitaciones, sean físicas, cognitivas o tecnológicas.

Arquitectura de la información
Es definida como el arte y la ciencia de organizar espacios de información con el fin de ayudar a los usuarios a satisfacer sus necesidades de información. La actividad de organizar comporta la estructuración, clasificación y rotulado de los contenidos del sitio Web.

Ahora bien, para asegurar que un sitio cumple con los niveles de usabilidad mencionados, la accesibilidad necesaria y una correcta arquitectura de la información, el diseñador debe conocer ampliamente a su usuario, ya que como ya vimos, estos conceptos tienen que ver con la experiencia que el usuario tendrá en el sitio.

Es por ello que el usuario debe ser “…una parte integral del proceso de desarrollo, con actividades como entrevistas, observaciones y varios tipos de exámenes.”. “Centrar el diseño en los usuarios (en oposición a centrarlo en las posibilidades tecnológicas o en nosotros mismos como diseñadores) implica conocer cómo son, qué necesitan, para qué usan el sitio; testar el sitio con los propios usuarios; investigar cómo reaccionan ante el diseño, cómo es su experiencia de uso; e innovar siempre con el objetivo de mejorar la experiencia del usuario.” (Yusef Hassan & Francisco J. Martín Fernández & Ghzala Iazza. Diseño Web Centrado en el Usuario: Usabilidad y Arquitectura de la Información)

Con base en lo anterior, podemos decir que el proceso de construcción de un Sitio Web tiene etapas diferenciadas, unos las dividen por función, otros por objetivos, pero todos están de acuerdo en lo siguiente:



Todo proyecto debe comenzar por una correcta planificación, que consiste en identificar y jerarquizar los objetivos; determinar los usuarios, así como sus necesidades, requerimientos y objetivos. Además de saber cómo se piensa hacer tal; es decir,los requerimientos técnicos y recursos humanos, además del presupuesto disponible. Se trata, entonces, de establecer un equilibrio entre lo que puede ofertar el proveedor y lo que necesita el usuario.

Para esto, el diseñador debe obtener información precisa tanto de las necesidades y objetivos del proveedor como del usuario. En el primer caso, mediante entrevistas y reuniones con los responsables del sitio; y en segundo, obtener información del usuario: Qué necesita, cuáles son sus objetivos, cómo se comporta y actúa, cuál será el contexto de uso y cómo afectará a la interacción.

En una “segunda etapa” se efectúa un proceso de concretización de ideas acerca de todo lo que la WEB persigue. Todo lo investigado con anterioridad se aterriza en ideas concretas acerca de nuestro público; se define su perfil en base a la información que se tenga así como sus necesidades de información, condiciones de acceso, experiencia y conocimientos.

Con base en esto se comienzan a crear “prototipos”, es decir, esquemas de organización, estructura, navegación, aspecto visual y contenidos del sitio.

Organización
Forma en que la información se organiza, no solo desde el punto de vista de la representación, sino también de las posibilidades que el sistema ofrece para que el usuario pueda encontrar una misma información por diferentes vías. En este indicador se debe considerar la capacidad del sistema para hacer visibles todas las facilidades que este oferta, con el fin de que estas no se omitan. Se debe considerar que existen determinados íconos cuya localización es casi siempre la misma en los sitios Web.

Estructura
Un sitio web se construye alrededor de unos temas estructurales básicos ya que moldeara los esquemas mentales del usuario sobre como se organiza la información. Existen 3 formas de como se estructura un sitio web: en secuencias, jerárquicamente o en forma de telaraña.

Secuencia. Es la forma más sencilla de organizar la información mediante una serie lógica de temas que vaya de los más general a lo mas especifico, también puede organizarse de forma cronológica.

Jerarquías. Jerarquizar la información es la mejor forma de organizar bloques de contenidos complejos ya que impone una disciplina en su análisis. La mayoria de los usuarios se siente comodos con este tipo de estructuras pues son comunes en instituciones o empresas.

Telaraña (web). Estas conllevan pocas restricciones a la hora de organizar la información. Esta permite al usuario seguir sus propios intereses en un patrón único y se produce a partir de una gran densidad de enlaces tanto hacia información interna como al exterior.

Navegación
Es uno de los elementos básicos de la web y va más allá del uso de enlaces. Una interface de navegación debe ayudar al usuario a responder tres preguntas: ¿dónde estoy?, ¿dónde he estado? y ¿a dónde puedo ir?, y consiste en proporcionar mecanismos de navegación claros y consistentes, para incrementar la posibilidad de que una persona encuentre lo que está buscando en un sitio.

Según NI4, un buen esquema de navegación debe:

Evitar la sobreinformación: Evitar que una página ofrezca tantas posibilidades al usuario que el éste se pierda entre tantos menús, secciones, subsecciones y submenús.

Partir de un diseño claro: donde las secciones de los menús sean claras y permitan encontrar rápidamente lo que el usuario está buscando a través de contenidos básicos que se vayan desarrollando a medida que el usuario navega por la web.

Aspecto visual
Composición de cada tipo de página, aspecto y comportamiento de los elementos de interacción y presentación de elementos multimedia.

En esta parte se debe tener en cuenta:

· La distribución de los elementos: según su importancia en zonas de mayor o menor jerarquía visual mediante el uso del tamaño y espacio, utilización del contraste de color, uso de efectos tipográficos, etc.

· La posición de cada elemento en la interfaz.

· Coherencia y estilo común: uniformidad visual entre todas las páginas, que proporciona una consistencia visual a todo el sitio.

Contenidos
Se diseñan según las exigencias del nuevo medio, con base a quién nos dirigimos y adaptando el lenguaje, tono y vocabulario utilizado al usuario.

Jakob Nielsen, nos da algunos consejos a seguir en el diseño y redacción de contenidos:

· Seguir una estructura piramidal: La parte más importante del mensaje, el núcleo, debe ir al principio.

· Permitir una fácil exploración del contenido: El lector en entornos Web, antes de empezar a leer, suele explorar visualmente el contenido para comprobar si le interesa.

· Un párrafo = una idea: Cada párrafo es un objeto informativo. Se deben trasmitir ideas, mensajes... evitando párrafos vacíos o varios mensajes en un mismo párrafo.

· Ser conciso y preciso: Al lector no le gusta leer en pantalla.

· Vocabulario y lenguaje: Se debe utilizar el mismo lenguaje del usuario, no el de la empresa o institución. El vocabulario debe ser sencillo y fácilmente comprensible.

· Tono: Cuanto más familiar y cercano (sin llegar a ser irrespetuoso) sea el tono empleado, más fácil será que el lector preste atención.

· Confianza: La mejor forma de ganarse la confianza del lector es permitiéndole el diálogo, así como conocer cuanta más información posible acerca del autor.

Por último, en la última etapa el o los prototipos obtenidos mediante el análisis planteado anteriormente se implementan y se evalúan a través de varios métodos o técnicas y sobre diferentes representaciones del sitio (prototipos en papel, prototipos software, sitio web implementado...). Existe una gran diversidad de métodos para evaluación de usabilidad, como:

· Método por inspección: evaluación heurística: son aquellos realizados por el experto en usabilidad, y que se basan en el recorrido y análisis del sitio identificando errores y problemas de diseño.

· Método de test con usuarios: prueba de usabilidad que se basa en la observación y análisis de cómo un grupo de usuarios reales utiliza el sitio web.

Finalmente se pasa a la implementación y lanzamiento del sitio, que consiste en su puesta a disposición para los usuarios y en la promoción del mismo.