Diseño de sitios web Criterios fundamentales para la contratación de servicios de diseño de sitios web y otras piezas de comunicación en Internet

Nuestro cliente, el usuario Usabilidad : facilidad o nivel de uso, grado en el que el diseño de un objeto facilita o dificulta su manejo. Accesibilidad web o de la interfaz: indica la capacidad de acceso a la Web y a sus contenidos por todas las personas, independientemente de la discapacidad (física, intelectual o técnica) que presenten.

Usabilidad : facilidad o nivel de uso, grado en el que el diseño de un objeto facilita o dificulta su manejo.

Accesibilidad web o de la interfaz: indica la capacidad de acceso a la Web y a sus contenidos por todas las personas, independientemente de la discapacidad (física, intelectual o técnica) que presenten.

¿Por qué hacer sitios usables y accesibles? Responsabilidad social directa (frente a nuestro congéneres con problemas de la visión u otras dificultades) Llegada de nuestro producto (el gerente de ESA empresa puede ser daltónico, usar una notebook con 800 x 600px o navegar desde una PDA o celular). Comunicación vs. Monólogo: ponernos en el lugar de los distintos usuarios. Comunicamos los valores de nuestra empresa: respeto por el otro

Responsabilidad social directa (frente a nuestro congéneres con problemas de la visión u otras dificultades)

Llegada de nuestro producto (el gerente de ESA empresa puede ser daltónico, usar una notebook con 800 x 600px o navegar desde una PDA o celular).

Comunicación vs. Monólogo: ponernos en el lugar de los distintos usuarios.

Comunicamos los valores de nuestra empresa: respeto por el otro

Ponernos en el lugar de los distintos usuarios Pensar en la edad del usuario. Ej: para definir el lenguaje visual/textual Qué usos tendrá la página ej: tipos de búsquedas. catálogos con múltiples criterios. Error: ordenar los helados solo por 1 criterio: de crema, al agua, frutales y exóticos. -> de ser posible que estén disponibles todos los productos. sino, ofrecer criterios variados (tornillos por tamaño, precio, peso, palabras clave -usos posibles-), para elaborar los criterios incluso se puede preguntar a nuestros clientes como buscan entre nuestros productos. Ofrecer un catálogo virtual (PDF).

Pensar en la edad del usuario. Ej: para definir el lenguaje visual/textual

Qué usos tendrá la página ej: tipos de búsquedas. catálogos con múltiples criterios. Error: ordenar los helados solo por 1 criterio: de crema, al agua, frutales y exóticos. -> de ser posible que estén disponibles todos los productos. sino, ofrecer criterios variados (tornillos por tamaño, precio, peso, palabras clave -usos posibles-), para elaborar los criterios incluso se puede preguntar a nuestros clientes como buscan entre nuestros productos. Ofrecer un catálogo virtual (PDF).

Ponernos en el lugar de los distintos usuarios Pensar qué tecnología hay disponible equipo lento/rápido conexión lenta/rápida diferentes resoluciones de pantalla. Estadísticas: 2007 IE7 IE6 IE5 FFox Moz Safari Ópera Julio 20.1% 36.9% 1.5% 34.5% 1.4% 1.5% 1.9% diferentes configuraciones o calidades de equipo (mayor/menor contraste) respeto por el usuario (no ser invasivo, no dejarlo sin opciones)

Pensar qué tecnología hay disponible

equipo lento/rápido

conexión lenta/rápida

diferentes resoluciones de pantalla. Estadísticas: 2007 IE7 IE6 IE5 FFox Moz Safari Ópera Julio 20.1% 36.9% 1.5% 34.5% 1.4% 1.5% 1.9%

diferentes configuraciones o calidades de equipo (mayor/menor contraste)

respeto por el usuario (no ser invasivo, no dejarlo sin opciones)

Sitio web Usuario/ lector/ cliente Estándar Accesible Usable Centrado en el usuario Contenido actualizado y relevante Posicionamiento en buscadores = Google, Yahoo, etc. diseño código contenido

No es deseable… Cambiar el tamaño de la ventana del navegador del usuario automáticamente. Cargar una página señuelo y “lanzar” un popup con la página real. Sucede a menudo con sitios hechos en Flash. Preguntar al usuario si quiere ver una versión adaptada de la página o entrar al sitio ‘bueno’ (para el cual necesita aditamentos especiales y esperar un rato a que cargue). Hacer todo el sitio en Flash. Reinventar la navegación de los sitios web. Que todo el contenido esté en imágenes. En la Internet actual el contenido es el rey. Que el sitio se vea bien solo en un navegador. Usar software que crea automáticamente las páginas (como Word), popups ni en enlaces ni automáticos (muchos navegadores ya los flitran), nada de texto en scroll, ni intros en Flash. Si la página contiene música asegurate de que el usuario puede detenerla o apagarla y mejor si no se inicia automáticamente —lo mismo para el vídeo. Los menús de navegación mejor en texto que en imágenes. Descuidar el tiempo que necesita la página para cargarse. Pedirle a los usuarios que elija distintos anchos de banda y formatos de video como RealPlayer, Windows Media Player, Quicktime,... Utiliza un reproductor de vídeo en formato Flash como hacen YouTube y similares.

Cambiar el tamaño de la ventana del navegador del usuario automáticamente.

Cargar una página señuelo y “lanzar” un popup con la página real. Sucede a menudo con sitios hechos en Flash.

Preguntar al usuario si quiere ver una versión adaptada de la página o entrar al sitio ‘bueno’ (para el cual necesita aditamentos especiales y esperar un rato a que cargue).

Hacer todo el sitio en Flash.

Reinventar la navegación de los sitios web.

Que todo el contenido esté en imágenes. En la Internet actual el contenido es el rey.

Que el sitio se vea bien solo en un navegador.

Usar software que crea automáticamente las páginas (como Word), popups ni en enlaces ni automáticos (muchos navegadores ya los flitran), nada de texto en scroll, ni intros en Flash.

Si la página contiene música asegurate de que el usuario puede detenerla o apagarla y mejor si no se inicia automáticamente —lo mismo para el vídeo.

Los menús de navegación mejor en texto que en imágenes.

Descuidar el tiempo que necesita la página para cargarse.

Pedirle a los usuarios que elija distintos anchos de banda y formatos de video como RealPlayer, Windows Media Player, Quicktime,... Utiliza un reproductor de vídeo en formato Flash como hacen YouTube y similares.

www.agenciablog.com.ar www.badd.com.ar Gracias