Archivo | usabilidad

Feed RSS de esta sección

Ejemplos de páginas web con scroll horizontal

Habitualmente el uso del scroll horizontal en un diseño web se ha considerado una mala práctica en términos de usabilidad de un sitio web (sobre esto ya escribió Jakob Nielsen en “Scrolling and Scrollbars“). Evidentemente estamos más acostumbrados a leer líneas cortas de texto con un flujo vertical, desarrollando el contenido a lo largo de la vertical de la página. Por esta razón no es buena idea aplicar este tipo de soluciones en cualquier situación. Si nuestro sitio busca que el usuario lea un contenido textual largo, evidentemente no les facilitaremos el trabajo haciendo los contenido muy extensos horizontalmente.

En la actualidad está surgiendo la tendencia en diseño web de utilizar el desplazamiento horizontal para determinados tipos de diseño web, en concreto en página de porfolio de productos, galerías de imágenes, etc. En este post incluimos 35 diseños web donde se ha resuelto brillantemente el uso de scroll horizontal.

Continuar leyendo →

Comentarios { 1 }

Curso en línea de diseño web profesional: usabilidad, estándares y arquitectura de información (2ª Edición)

Segunda edición del curso on-line de la Facultad de Comunicación y Documentación de la Universidad de Murcia dedicado a la usabilidad, los estándares y la arquitectura de la información en sitios web.

Este curso pretende aportar los conocimientos y metodologías necesarias para la construcción de sitios web que no ofrezcan al usuario dificultades para su acceso, navegación o comprensión, facilitando que cualquier persona, independientemente de sus habilidades, experiencia o del equipo con el que se conecte a Internet pueda acceder fácilmente a los contenidos del sitio web. Los objetivos no son solo que el alumno se familiarice con el lenguaje de diseño de páginas web (HTML y CSS), sino que lo utilice de la forma más eficaz y profesional para que el resultado sea satisfactorio para el usuario final y rentable para el responsable del sitio web.

Un sitio web profesional ha de ser eficaz, ofrece una correcta organización de sus contenidos (Arquitectura de la Información), que puede ser usado independientemente de las limitaciones del usuario o de su plataforma (Accesibilidad), y que es intuitivo y fácil de manejar (Usabilidad). Además, todos estos factores facilitarán que el sitio web pueda ser encontrado por medio de los buscadores de Internet.

Continuar leyendo →

Comentarios { 1 }

Referencias sobre usabilidad y accesibilidad

Incluimos las referencias a sitios web, blogs y revistas on-line que consideramos capitales en temas de accesibilidad y usabilidad. Muchos de ellos son referencia obligada para todos aquellos diseñadores y desarrolladores que quieran estar al día de aspectos relacionados con estos temas, además de tratar otros como la experiencia de usuario, estándares, formación, etc.
Continuar leyendo →

Comentarios { 2 }

Los 5 documentos más influyentes en usabilidad

A principios de este verano, Jeff Sauro en el blog del portal Measuring Usability publicó una lista de documentos que han tenido una influencia grande y duradera en el campo de la Usabilidad y Experiencia de Usuario. Se trata de documentos con algunos años de antiguedad, pero su relevancia sigue siendo vigente. La lista fue consensuada con otros especialistas como Jim Lewis y Joe Dumas. Esta es la lista y este es el fichero con los documentos más influyentes en usabilidad (ZIP) (incluye los 4 documentos gratuitos citados en el artículo):

Continuar leyendo →

Comentarios { 1 }

Analítica de página: nueva funcionalidad de Google Analytics

Google ha incluido en su herramienta de analítica web un nuevo informe (In-Page Analytics o Analítica de página) que nos permite analizar visualmente cada una de nuestras páginas con la finalidad de comprobar como los usuarios interactúan con ellas. Reemplaza, en cuanto a funcionalidades, a la utilidad Site Overlay que contaba con numerosos fallos, y, aunque aun está en fase Beta, sin duda aporta prometedoras posibilidades.

Mediante esta nueva característica, podemos encontrar respuestas a cuestiones como:

  • ¿Es óptimo el diseño de página para los usuarios?
  • ¿Conseguimos que los usuarios encuentren el contenido que nos interesa en cada página?
  • ¿Nuestros usuario encuentran lo que desean en nuestras páginas?
  • ¿En qué vínculos hace clic el usuario que nos visita?

La información que nos ofrece estaba ya incluida en otros informes, pero, con esta nueva funcionalidad, podemos realizar un análisis gráfico de los datos, así como hacer filtrados y segmentaciones para un mejor análisis.

Básicamente el funcionamiento de la nueva herramienta nos muestra una captura de pantalla de la página en cuestión y añade viñetas para cada enlace indicándonos en porcentaje de clics que ha recibido. Por otra parte permite aplicar filtros, por ejemplo, por procedencia geográfica de las visitas, por segmentos de tráfico, etc.

Google Analytics: Análitica de pagina

Google Analytics: Análitica de pagina

Continuar leyendo →

Comentarios { 1 }

Guías de estilo para diseño de interfaces web

La creación de una guía de estilo puede ser una actividad central de un equipo de diseño integrado que incluya la documentación, el desarrollo, la usabilidad, la accesibilidad, el diseño gráfico, el marketing, etc.  En las guías de estilo se tratan temas como las pautas, directrices y normas de calidad en el diseño de interfaces de usuario de forma que se garantice la coherencia de un producto o sitio web. Pueden abarcar cualquier cosa, desde el uso de los colores y de elementos de diseño, a las prácticas y estándares de desarrollo utilizados.

Guías de estilo para diseño de interfaces web

Continuar leyendo →

Comentarios { 1 }

Compression Plugin made by Cork Tiles