Tag Archives | usabilidad

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 }

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 }

Mapa visual del proceso de diseño centrado en el usuario

En la web de usability.gov hemos encontrado este gráfico donde se muestra, paso a paso, el proceso de diseño de una interfaz web centrada en el usuario. Podéis seguirla haciendo click directamente en cada uno de los pasos del esquema o desde su página web en este enlace Usability.gov – Visual Map.
Step-by-Step Usability Guide

Data Analyses and ReportPrepare and TestCreate Test PlanImplement and RetestHeuristic EvaluationsUsability TestingTypes of EvaluationsMain Test and Refine PageLaunch SiteDevelop a PrototypeUse Parallel DesignWrite for the WebDefine IA (Information Architecture)Perform Card SortingConduct a Content InventoryDetermine Site RequirementsMain Design PageSet Measurable GoalsWrite ScenariosDevelop PersonasConduct Task AnalysisLearn About Your UsersEvaluate Your Current SiteMain Analyze PageHold Kick-off MeetingHire a Usability SpecialistAssemble Project TeamWrite a Statement of WorkDevelop a PlanMain Plan PageUsability Site Home
Comentarios { 2 }

Compression Plugin made by Cork Tiles