1. Una palabra vale más que mil imágenes. Una imagen complementa, pero en ningún caso sustituye. Juegue con la arquitectura tipográfica de su sede web, combine tipos, tamaños y estilos, y use color para atraer y ser identificado. El color es una herramienta, un elemento diferenciador, una pincelada de arte en el arte de construir nuestra sede web. Utilícelo como recurso y sea coherente con su uso. Que las imágenes de su sede web complementen y añadan valor, no lo resten.
2. «3,2,1, acción». El movimiento distrae, atenúa nuestra percepción, y distorsiona el mensaje, creando serias dificultades de visibilidad. El movimiento debe ser inducido al usuario a través de una buena arquitectura de la información.
3. Estructure y construya de forma ordenada. Piense que lo que usted haga debe ser fácilmente utilizable por otras personas. Modelice su sede web a través de plantillas que guarden coherencia con el contenido, y no cree una estructura laberíntica. Recuerde, 2 click, excelente, tres, bueno, cuatro, mejor me voy a tomar algo, y cinco, ¡NO SE VE NADA! Empiece su sede web de arriba abajo y de forma ordenada. En su homesite debe aparecer toda la información prioritaria. Deje que la información se expanda ordenadamente por el resto de páginas que compongan su sede web. Tenga en cuenta los diferentes niveles de lectura y los puntos de máxima visibilidad para situar en ellos elementos calientes que atraerán la atención de nuestros usuarios. Solo lo muy importante se destaca, el resto se diluye.
4. Lo que haga hoy no le servirá mañana. La clave del éxito es la renovación constante. Tenga en cuenta esta premisa a la hora de diseñar su sede web. Cambie elementos, nunca la estructura. Los cambios estructurales hacen que lo aprendido no sirva. No dramatice, los resultados no son inmediatos, la fidelización es costosa, pero si invierte en ella, el retorno se producirá, garantizado 100%.
5. Accesibilidad, navegabilidad, usabilidad, interactividad, arquitectura de la información, integración… ¿mande? Un diseñador de sedes web es un profesional formado y con experiencia, y una sede web de calidad tiene un precio. Nunca confíe en aficionados ni en superofertas.

La experiencia es un grado, y de los errores se aprende, siempre y cuando se cometan.

Ángel Clar García

Se permite la reproducción de este artículo manteniendo la integridad del mismo, y siempre que se incluya el enlace a esta página como fuente de referencia.

Cuando empezamos a diseñar un nuevo sitio Web debemos tener claro los objetivos, las características, las funciones y el contenido del nuevo sitio, así como las necesidades del usuario y los objetivos de la nueva Web.

Llega el momento de preparar un prototipo de diseño Web que permita comprobar la accesibilidad web y la usabilidad en una primera etapa y poder así realizar modificaciones a tiempo con el menor impacto posible en el proyecto. Normalmente, se crea una o varias imágenes con un programa de tratamiento de imágenes. Dependiendo del caso, si fuera necesario podemos llegar a un nivel muy detallado en las especificaciones de diseño del futuro sitio y concretar sus elementos. De esta manera, el trabajo de programar el nuevo sitio Web es mucho más sencillo y la planificación temporal del proyecto puede cumplirse más fácilmente.

Cualquier proyecto de desarrollo Web que este estratégicamente bien planteado, obtendrá resultados positivos.

Debemos crear diseños sostenibles en el tiempo, de tal forma, que se puedan ir añadiendo elementos a nuestro sitio Web sin que sea demasiado gravoso para el proyecto.

Un buen diseño debe ir más allá de una de una representación visual. El buen diseño no es solo color, o forma, o una buena composición. Debe contener buenas ideas. Ideas que ayudan a entender, crear y desarrollar un buen sitio Web siguiendo los estándares.

Es decir, diseñar antes de programar es menos costoso, genera software de mejor calidad y usuarios más satisfechos, todo lo cual se traduce en una relación costo/beneficio excelente comparada con las metodologías que no lo hacen así:

• Diseñar reduce la cantidad de cambios a realizar sobre la marcha.
• Una vez diseñado, a la hora de crear el nuevo sitio Web, sólo debemos concentrarnos en programar creando un código mucho más limpio.
• De esta forma, tendremos una estructura mas clara y compacta.
• El diseño sirve al contenido y por tanto se debe elaborar en función de éste.

Delia De Sayas Lain

Se permite la reproducción de este artículo manteniendo la integridad del mismo, y siempre que se incluya el enlace a esta página como fuente de referencia.

Si ústed es su autor/a y considera que no debe estar aquí notifíquenoslo para que lo eliminemos.

1. La experiencia de proveedor

Es primordial que seleccionemos un proveedor con experiencia demostrable en el desarrollo y certificación de la accesibilidad web; certificación concedida por una tercera entidad independiente (AENOR) que asegure el cumplimiento de las pautas normalizadas sobre accesibilidad web (Norma UNE 139803:2004). Es importante que su propia página web esté certificada.

2. La toma de contacto

Es necesario elaborar un trabajo previo de contacto y determinación de los objetivos del cliente para su página web. El proveedor debe ser capaz de ofrecer para cada tipología de los contenidos (imágenes, textos, audio y vídeo) una solución que facilite la accesibilidad para todos (pautas de accesibilidad web, soluciones en Lengua de Signos Española –LSE-, criterios de usabilidad, transcripciones de audios y vídeos, tratamientos especiales de textos e imágenes, etc.).

• Establecimiento del contacto inicial.
• Análisis previo de la empresa o institución.
• Exposición inicial de necesidades e intenciones.
• Evaluación del caso.
• Elaboración de una propuesta comercial clara y detallada.
• Revisión y acuerdo de la propuesta.

3. La puesta en marcha

El intercambio de información debe ser fluido y continuo. Además, debemos exigir un responsable de proyecto que coordine personalmente, como interlocutor único, todo el proceso para evitar la distorsión o pérdida de información entre el cliente y el proveedor.

• Intercambio de información.
• Designación del responsable del proyecto (persona de contacto) y del equipo de trabajo.

4. El desarrollo

El proveedor debe ser capaz de ofrecer al cliente un diseño web atractivo, orientado a sus objetivos y, además, accesible para todo tipo de usuarios-clientes-públicos. Además, debe poder hacer accesibles los contenidos del sitio.

• Diseño de la imagen de la sede web.
• Aprobación del diseño.
• Verificación del cumplimiento de las pautas de accesibilidad por el diseño gráfico del sitio web.
• Inicio del desarrollo del sitio web.
• Publicación del sitio web en un servidor de pruebas.
• Verificación del cumplimiento de las pautas de accesibilidad por las páginas desarrolladas.
• Preparación y publicación de contenidos.

5. La revisión

El proveedor debe presentar el sitio web en pruebas para que el cliente dé su conformidad al proyecto ya terminado. Esto es esencial para evitar pasos atrás o interrupciones en el proceso. Al mismo tiempo, el proveedor debe realizar un control de calidad de todo el sitio web, prestando especial atención a su accesibilidad.

• Revisión del sitio web por parte del cliente.
• Verificación del cumplimiento de las pautas de accesibilidad por todo el sitio web en su conjunto.

6. La presentación

El proceso de desarrollo no ha terminado hasta que el cliente está totalmente satisfecho con el resultado. Una vez ha aprobado el proyecto, es cuando se puede hacer visible el sitio web.

• Aprobación de la sede web por el cliente.
• Presentación del sitio por el cliente.

7. El mantenimiento

El proveedor debe ofrecer al cliente la posibilidad de realizar actualizaciones de contenidos, revisiones periódicas que aseguren la accesibilidad de las páginas y opciones que aseguren la preservación y difusión del sitio web.

• Actualización.
• Revisión del cumplimiento de las pautas de accesibilidad por los nuevos contenidos incorporados.
• Realización de copias de seguridad e informes estadísticos de tráfico y posicionamiento.

8. Certificación de la accesibilidad web

AENOR es la única entidad independiente en España que certifica que una sede web cumple con las pautas de accesibilidad web establecidas por la Norma UNE 139803:2004. AENOR realiza una serie de auditorías sobre la sede web y su equipo de mantenimiento de contenidos, para comprobar que la estructura, contenidos y procedimientos para el mantenimiento y actualización de los mismos, aseguran la accesibilidad de la web.

Un proveedor que conoce y ha experimentado esta metodología, asegura mayor agilidad en este trámite, lo que supone un ahorro de tiempo y dinero.

En este sentido, el Taller Digital de la Universidad de Alicante ha sido partícipe, en primera instancia, de todo este proceso de actuación.

Ana López Díaz

Se permite la reproducción de este artículo manteniendo la integridad del mismo, y siempre que se incluya el enlace a esta página como fuente de referencia.

Si ústed es su autor/a y considera que no debe estar aquí notifíquenoslo para que lo eliminemos.

No cabe duda de que creando páginas web accesibles se pretende hacer llegar la información al mayor número posible de usuarios, independientemente de las discapacidades físicas, sensoriales o cognitivas que puedan tener o de la tecnología que utilicen. Una web accesible para todos es además una herramienta de integración social, que elimina barreras para facilitar el acceso de cualquier persona a la información. Esto es un factor a tener en cuenta en los sitios web comerciales, donde cualquier usuario es un potencial cliente, y por tanto la accesibilidad y usabilidad pueden considerarse ventajas competitivas.

Para conseguir el mayor alcance posible de los contenidos hay que realizar sitios web que cumplan las pautas de accesibilidad, pero para ello no es recomendable dejar a un lado el diseño y centrarse sólo en el contenido. El diseño tiene un papel muy importante en la mejora del nivel de satisfacción del usuario. Se debe jugar con la disposición y formato de los elementos tanto textuales como gráficos (estos últimos pueden incluso mejorar la comprensión de la web) para conseguir un equilibrio que permita la creación de un entorno gráfico agradable que facilite tanto el uso y la navegación por la web como la comprensión de la información que se pretende transmitir.

Con el cumplimiento de las pautas de accesibilidad garantizamos que todos estos elementos que se utilizan para crear un diseño atractivo, fluido y comprensible para el usuario en general, no supongan un obstáculo para el acceso de ciertos grupos de usuarios en particular (no sólo discapacitados, sino también aquellos que dispongan de conexiones muy lentas, navegadores antiguos, etc.)

Se trata, en definitiva, de estructurar correctamente la web, cumpliendo los estándares de accesibilidad y a la vez consiguiendo la simplicidad en el diseño junto a una estética agradable y funcional, que permita y facilite el acceso tanto a usuarios con diferentes discapacidades o medios limitados, como al resto de usuarios.

Elena Sáez Jiménez

Se permite la reproducción de este artículo manteniendo la integridad del mismo, y siempre que se incluya el enlace a esta página como fuente de referencia.

Algunas de las características que poseen los dispositivos móviles que dificultan el diseño de páginas web son:

• Pantallas pequeñas.
• Conexiones lentas, con poco ancho de banda y alta latencia.
• Interfaces de usuario heterogéneas y dependientes de cada dispositivo.
• Los botones y teclas son pequeños.

El W3C, con el objetivo de ayudar a los desarrolladores web a diseñar y publicar contenido web que funcione adecuadamente en dispositivos móviles, creó el estándar «Mobile Web Best Practices 1.0«.

Desde la Mobile Web initiative (MWI) de la W3C han creado las llamadas «flips cards«. En estas tarjetas se resumen en 10 puntos clave, las pautas descritas en el estándar. Para los que estén trabajando con las Pautas de accesibilidad al contenido web (WCAG 1.0) les serán muy familiares, de forma resumida se trata de:

1. Diseñar para una web única: Si se diseña el contenido teniendo en cuenta los diferentes dispositivos se minimizan los costes, la página web será más flexible y se satisfarán las necesidades de más personas.
2. Confiar en los estándares web: En un mercado tan segmentado como el de dispositivos y navegadores, los estándares son la mejor garantía de interoperatibilidad, por ello entre otras cosas el desarrollador ha de tener en cuenta que el documento generado ha de ser válido según las gramáticas formales y ha de poseer una estructura lógica, los formatos de los contenidos han de ser compatibles con los dispositivos y hay que usar de forma correcta las hojas de estilo.
3. Evitar los riesgos conocidos: No usar ventanas emergentes y no cambiar de ventana sin avisar previamente al usuario, no usar tablas anidadas y no emplear tablas para maquetar, no utilizar marcos, no usar imágenes para espaciar contenidos y evitar los mapas de imágenes.
4. Ser prudente con las limitaciones de los dispositivos: Hay que tener en cuenta que los dispositivos móviles tienen funciones muy diversas, para ello siempre hay que desarrollar con independencia de dispositivo y nunca depender de objetos o scripts integrados, buscar alternativas a las tablas para la presentación tabular, organizar los documentos para que puedan ser leídos sin las hojas de estilo, asegurarse de que la información transmitida a través de los colores esté disponible también sin color y no confiar en la compatibilidad con los tipos de letra.
5. Optimizar la navegación: Es importante que la barra de navegación sea lo más corta posible y se encuentre en la parte superior de la página, que el mecanismo de navegación sea coherente en todas las páginas, identificar claramente el destino de cada enlace, asignar teclas de acceso rápido a las opciones de menú y a las funciones más utilizadas.
6. Comprobar gráficos y colores: Redimensionar las imágenes, evitar gráficos grandes, proporcionar alternativas a los elementos no textuales, asegurarse de que exista un contraste de color suficiente entre el color de fondo y el de primer plano, no usar medidas en píxeles ni en valores absolutos.
7. Hacerlo en pequeño: Minimizar el etiquetado, el tamaño total de la página ha de ser el apropiado para las limitaciones de memoria del dispositivo, las hojas de estilo han de ser pequeñas, limitar el desplazamiento de la página a una sola dirección.
8. Economizar el uso de la red: Evitar las actualizaciones periódicas automáticas, no redirigir los contenidos a través del etiquetado, reducir el número de enlaces externos.
9. Facilitar la entrada de datos: En los dispositivos móviles, los teclados y otros métodos de introducción de datos pueden resultar tediosos para el usuario; para ello conviene reducir el uso del teclado al mínimo, evitar la introducción de textos por parte del usuario, establecer valores por defecto, crear un orden lógico de tabulación, asociar explícitamente e implícitamente las etiquetas con los controles de formulario.
10. Pensar en los usuarios de la web móvil: Los usuarios al disponer de poco tiempo, prefieren la información lo más esquematizada posible, para ello el título de la página ha de ser corto y significativo, el lenguaje usado ha de ser claro y sencillo, el contenido más importante ha de estar localizado al principio de la página, dividir las páginas en secciones manejables.

El beneficio obtenido principalmente es el aumento del acceso a los contenidos de nuestro sitio web desde un mayor número de dispositivos sin tener que disponer de dos sitios webs diferentes.

La web móvil llega a lugares donde el cable no puede llegar, lugares que anteriormente era impensables, como está ocurriendo en los países en vías de desarrollo. Esto trae consigo nuevas oportunidades para realizar negocios, para trabajar, para gestionar nuestro tiempo de ocio, y para muchas otras cosas, lo que nos permite incrementar nuestra capacidad de movimiento.

Ester Serna Berná

Se permite la reproducción de este artículo manteniendo la integridad del mismo, y siempre que se incluya el enlace a esta página como fuente de referencia.