Este documento proporciona consejos sobre la aplicación de criterios de usabilidad en sitios web, recomendando enfocarse en la inmediatez y utilidad para satisfacer al usuario. Recomienda diseñar un sitio web de forma sencilla y lógica, siguiendo normas como una estructura clara, navegación fácil y consistencia visual. Además, aconseja escribir contenidos breves y directos para captar la atención del usuario.
Este documento proporciona información sobre el uso de material bajo una licencia Creative Commons. Establece que el material puede ser utilizado de forma no comercial siempre que se cite la fuente y enlace a la página web original. También indica que fue revisado en marzo de 2014 y es una iniciativa de Google España.
Segundo Módulo del curso latinoamericano a distancia "Gestión de Sitios Web para Organizaciones Sociales". Organizado por Sinergianet: sinergianet.com.uy/inicio/
El documento habla sobre la usabilidad y la arquitectura de la información en los sitios web. Explica que la usabilidad se refiere a la experiencia del usuario al interactuar con un sitio y que debe enfocarse en hacer fácil y agradable la experiencia del usuario. También describe los principios básicos de la arquitectura de la información como definir objetivos, audiencia, contenidos, estructura y sistemas de navegación para organizar la información de manera que los usuarios puedan encontrar fácilmente lo que buscan. Finalmente,
Breve resumen visual sobre los aspectos a tener en cuenta para mejorar la usabilidad de los sitios web.
Es un resumen académico de materiales publicados en la web.
Este documento presenta un curso sobre usabilidad en entornos web. Explica conceptos clave como arquitectura de la información, experiencia de usuario, persuabilidad y diseño orientado al usuario. También describe métodos para el análisis de procesos web como card sorting, focus groups y evaluaciones heurísticas. El documento resalta la importancia de una buena usabilidad para mejorar el rendimiento y reducir costos.
El documento proporciona una guía sobre el proceso de planificación de un sitio web. Explica que la planificación debe incluir un análisis de objetivos, audiencia, contenido, requisitos técnicos, visuales y de distribución. También debe incluir un diagrama de la estructura del sitio, recursos humanos necesarios, plazos de tiempo y presupuesto. El objetivo es definir claramente todos los aspectos del sitio antes de comenzar el desarrollo.
Este documento compara las características de la Web 1.0, Web 2.0 y Web 3.0. La Web 1.0 consistía en páginas estáticas con contenido unidireccional, mientras que la Web 2.0 permitió la interacción y colaboración entre usuarios a través de blogs, redes sociales y herramientas como Prezi y Quiznetic. La Web 3.0 se centrará en la inteligencia artificial para personalizar aún más la experiencia del usuario en la web.
Blogger comenzó en 1999 como uno de los primeros servicios dedicados a la publicación de blogs. En 2003, Google compró Blogger y mejoró el servicio agregando nuevas funciones. Hoy en día, Blogger sigue siendo utilizado por usuarios nuevos en la blogósfera para crear blogs personales y de negocios de forma gratuita.
Este documento proporciona información sobre el uso de material bajo una licencia Creative Commons. Establece que el material puede ser utilizado de forma no comercial siempre que se cite la fuente y enlace a la página web original. También indica que fue revisado en marzo de 2014 y es una iniciativa de Google España.
Segundo Módulo del curso latinoamericano a distancia "Gestión de Sitios Web para Organizaciones Sociales". Organizado por Sinergianet: sinergianet.com.uy/inicio/
El documento habla sobre la usabilidad y la arquitectura de la información en los sitios web. Explica que la usabilidad se refiere a la experiencia del usuario al interactuar con un sitio y que debe enfocarse en hacer fácil y agradable la experiencia del usuario. También describe los principios básicos de la arquitectura de la información como definir objetivos, audiencia, contenidos, estructura y sistemas de navegación para organizar la información de manera que los usuarios puedan encontrar fácilmente lo que buscan. Finalmente,
Breve resumen visual sobre los aspectos a tener en cuenta para mejorar la usabilidad de los sitios web.
Es un resumen académico de materiales publicados en la web.
Este documento presenta un curso sobre usabilidad en entornos web. Explica conceptos clave como arquitectura de la información, experiencia de usuario, persuabilidad y diseño orientado al usuario. También describe métodos para el análisis de procesos web como card sorting, focus groups y evaluaciones heurísticas. El documento resalta la importancia de una buena usabilidad para mejorar el rendimiento y reducir costos.
El documento proporciona una guía sobre el proceso de planificación de un sitio web. Explica que la planificación debe incluir un análisis de objetivos, audiencia, contenido, requisitos técnicos, visuales y de distribución. También debe incluir un diagrama de la estructura del sitio, recursos humanos necesarios, plazos de tiempo y presupuesto. El objetivo es definir claramente todos los aspectos del sitio antes de comenzar el desarrollo.
Este documento compara las características de la Web 1.0, Web 2.0 y Web 3.0. La Web 1.0 consistía en páginas estáticas con contenido unidireccional, mientras que la Web 2.0 permitió la interacción y colaboración entre usuarios a través de blogs, redes sociales y herramientas como Prezi y Quiznetic. La Web 3.0 se centrará en la inteligencia artificial para personalizar aún más la experiencia del usuario en la web.
Blogger comenzó en 1999 como uno de los primeros servicios dedicados a la publicación de blogs. En 2003, Google compró Blogger y mejoró el servicio agregando nuevas funciones. Hoy en día, Blogger sigue siendo utilizado por usuarios nuevos en la blogósfera para crear blogs personales y de negocios de forma gratuita.
Despues de revisar a muchos autores, pude integrar esta presentación para que podamos entender cual es el objetivo de todo lo que desarrollamos y diseñamos: Nuestro Usuario debe estar satisfecho cuando usa nuestro producto
Los mapas de navegación proporcionan una representación de la estructura de un sitio web para orientar a los usuarios durante su navegación. Existen diferentes tipos de mapas como diagramas globales con los nodos principales o mapas "ojo de pez" que muestran diferentes niveles de detalle. Las páginas dinámicas generan contenido HTML a partir de lenguajes de programación ejecutados en el servidor, mientras que las páginas estáticas contienen información fija. El diseño centrado en el usuario busca crear experi
Arquitectura de la información y UsabilidadIvan Aguilar
El documento describe los pasos para estructurar la información en un sitio web. Estos incluyen definir los objetivos, la audiencia, los contenidos, la estructura del sitio, los sistemas de navegación y el diseño visual. También explica la importancia de la usabilidad y métodos para medirla como los test heurísticos y de usuario.
El documento describe el proceso de diseño web, incluyendo las etapas de investigación, planificación, diseño de la arquitectura y contenido, construcción y pruebas, operación y optimización, y mantenimiento posterior al lanzamiento. También define el término "diseño web dinámico" y proporciona ejemplos de herramientas de diseño web como Atomic, Ceros, ProtoSketch y Figma.
El documento habla sobre las ventajas de una licencia de reconocimiento no comercial y las utilidades de la Web 2.0. Explica que con la licencia, otros pueden copiar y distribuir el trabajo siempre que den crédito a la fuente original y no obtengan beneficios comerciales. También describe que la Web 2.0 permite a los usuarios publicar y compartir información de manera interactiva.
El documento resume los conceptos clave de la arquitectura de información. Explica que la arquitectura de información se refiere al diseño estructural de ambientes de información compartidos para mejorar la usabilidad y encontrabilidad. También describe los cinco planos de la experiencia del usuario y cómo estos planos se construyen de abajo hacia arriba, con cada decisión en un plano afectando a los superiores. Por último, explica cómo aplicar los principios de la arquitectura de información al desarrollo de proyectos web centránd
La Web 2.0 permite a los usuarios participar e interactuar en sitios web a través de comentarios, contenido generado por el usuario y herramientas colaborativas. Esto permite a las empresas escuchar a los clientes, mejorar sus productos y servicios, posicionarse mejor en los buscadores, y establecer relaciones más cercanas con los clientes. Las ventajas de las herramientas Web 2.0 incluyen la facilidad de acceso, comunicación y colaboración, aprendizaje interactivo, y actualizaciones automáticas.
La relación entre la gestión del conocimiento y la Web 2.0 es que la Web 2.0 proporciona una infinidad de bibliotecas virtuales que implantan conocimiento a los usuarios para investigaciones, consultas o aprendizaje. La Web 2.0 también permite compartir conocimientos e información básica con otros para enriquecer el conocimiento general. Las actualizaciones tecnológicas facilitan el trabajo y el aprendizaje.
Este documento proporciona información sobre el uso y redistribución de su contenido bajo una licencia Creative Commons. Estipula que cualquier uso del material debe atribuir la fuente como "Actívate, Google España 2014" y enlazar a la página web original si es posible. Fue revisado en marzo de 2014.
Este documento proporciona un resumen de tres oraciones o menos:
Este documento presenta los principios básicos de diseño y usabilidad web, incluyendo la importancia de centrarse en la experiencia del usuario y aplicar técnicas como el Diseño Centrado en el Usuario. También describe conceptos como usabilidad, conversiones y los beneficios de aplicar estas técnicas, como aumentar las ventas y fidelizar clientes. El documento termina con una bibliografía y recursos adicionales sobre el tema.
Este documento describe diferentes tipos de blogs y herramientas para crearlos. Explica que un blog es una publicación en línea con historias en orden cronológico inverso. Luego menciona populares sistemas para blogs como Blogger de Google y WordPress, así como Edublog para fines educativos. Finalmente, resume algunas características clave de los blogs como su enfoque temático y la interacción que permiten.
La Web 2.0 se refiere a la transición de las páginas web tradicionales a aplicaciones web centradas en los usuarios. Los defensores de la Web 2.0 creen que la web está orientada a la interacción social a través de páginas web interactivas y visuales que funcionan más como puntos de encuentro que como páginas estáticas. Las redes sociales, el intercambio de archivos peer-to-peer y herramientas como Wikipedia son ejemplos de la Web 2.0.
Slide Share permite a los usuarios subir y compartir presentaciones en línea sin necesidad de descargarlas o tener un visor de presentaciones instalado, haciendo que sea más fácil compartirlas. La opinión personal es que la idea de la página web es buena, aunque la carga de presentaciones a veces puede ser lenta y solo admite este tipo de documentos en lugar de otros formatos.
La gestión del conocimiento se ocupa de identificar, recuperar y evaluar el conocimiento organizacional para aprovecharlo como ventaja competitiva. El término Web 2.0 se refiere a aplicaciones web que facilitan el intercambio de información entre usuarios. La relación entre gestión del conocimiento y Web 2.0 es que esta última permite a las personas interactuar y compartir contenidos a través de redes sociales y sitios web.
El documento presenta varios principios de usabilidad para el diseño de sitios web, incluyendo que las páginas no deben hacer que los usuarios piensen demasiado o esperen más de 7 segundos para encontrar lo que necesitan. También discute conceptos como la facilidad de aprendizaje, eficiencia, facilidad de recordar y satisfacción del usuario. Además, cubre temas como la dependencia entre utilidad y usabilidad, y las similitudes y diferencias entre usabilidad y accesibilidad. Finalmente, presenta algunas reglas generales de us
El documento trata sobre el tema de la usabilidad y la arquitectura de la información en el diseño de sitios web. Explica conceptos clave como qué es la usabilidad, dónde y por qué se aplica, objetivos de la usabilidad, evaluación de la usabilidad, estructuras de organización de la información, y diseño de páginas web considerando factores como el espacio de pantalla.
El documento describe los pasos clave para diseñar la arquitectura de información de un sitio web, incluyendo analizar las necesidades de los usuarios, definir los objetivos, estructurar los elementos, crear un esquema de navegación, y diseñar la interfaz. Explica que una arquitectura de información efectiva garantiza una experiencia de usuario satisfactoria y fluida, lo que resulta en usuarios frecuentes y recomendaciones positivas.
El documento describe los pasos clave para diseñar la arquitectura de información de un sitio web, incluyendo analizar las necesidades de los usuarios, definir los objetivos, estructurar los elementos, desarrollar un esquema de navegación, y crear una interfaz amigable. Explica que una arquitectura de información bien diseñada garantiza una experiencia de usuario satisfactoria y fluida, lo que resulta en usuarios frecuentes y recomendaciones positivas.
Diseño e instalación de sitios web (navegación del sitio / el usuario control...KareliaRivas
EL documento trata sobre la navegación que debe tener un sitio web, se plantean preguntas sobre el mismo y se determina que el usuario es el que controla la navegación y porque
Informe de lectura: No me hagas pensar. Una aproximación a la usabilidad en l...Héctor Garduño Real
El libro No me hagas pensar de Steve Krug es una de las principales guías sobre usabilidad web. El libro está destinado a quienes esten involucrados en el desarrollo de sitios web o que ya tengan uno.
Despues de revisar a muchos autores, pude integrar esta presentación para que podamos entender cual es el objetivo de todo lo que desarrollamos y diseñamos: Nuestro Usuario debe estar satisfecho cuando usa nuestro producto
Los mapas de navegación proporcionan una representación de la estructura de un sitio web para orientar a los usuarios durante su navegación. Existen diferentes tipos de mapas como diagramas globales con los nodos principales o mapas "ojo de pez" que muestran diferentes niveles de detalle. Las páginas dinámicas generan contenido HTML a partir de lenguajes de programación ejecutados en el servidor, mientras que las páginas estáticas contienen información fija. El diseño centrado en el usuario busca crear experi
Arquitectura de la información y UsabilidadIvan Aguilar
El documento describe los pasos para estructurar la información en un sitio web. Estos incluyen definir los objetivos, la audiencia, los contenidos, la estructura del sitio, los sistemas de navegación y el diseño visual. También explica la importancia de la usabilidad y métodos para medirla como los test heurísticos y de usuario.
El documento describe el proceso de diseño web, incluyendo las etapas de investigación, planificación, diseño de la arquitectura y contenido, construcción y pruebas, operación y optimización, y mantenimiento posterior al lanzamiento. También define el término "diseño web dinámico" y proporciona ejemplos de herramientas de diseño web como Atomic, Ceros, ProtoSketch y Figma.
El documento habla sobre las ventajas de una licencia de reconocimiento no comercial y las utilidades de la Web 2.0. Explica que con la licencia, otros pueden copiar y distribuir el trabajo siempre que den crédito a la fuente original y no obtengan beneficios comerciales. También describe que la Web 2.0 permite a los usuarios publicar y compartir información de manera interactiva.
El documento resume los conceptos clave de la arquitectura de información. Explica que la arquitectura de información se refiere al diseño estructural de ambientes de información compartidos para mejorar la usabilidad y encontrabilidad. También describe los cinco planos de la experiencia del usuario y cómo estos planos se construyen de abajo hacia arriba, con cada decisión en un plano afectando a los superiores. Por último, explica cómo aplicar los principios de la arquitectura de información al desarrollo de proyectos web centránd
La Web 2.0 permite a los usuarios participar e interactuar en sitios web a través de comentarios, contenido generado por el usuario y herramientas colaborativas. Esto permite a las empresas escuchar a los clientes, mejorar sus productos y servicios, posicionarse mejor en los buscadores, y establecer relaciones más cercanas con los clientes. Las ventajas de las herramientas Web 2.0 incluyen la facilidad de acceso, comunicación y colaboración, aprendizaje interactivo, y actualizaciones automáticas.
La relación entre la gestión del conocimiento y la Web 2.0 es que la Web 2.0 proporciona una infinidad de bibliotecas virtuales que implantan conocimiento a los usuarios para investigaciones, consultas o aprendizaje. La Web 2.0 también permite compartir conocimientos e información básica con otros para enriquecer el conocimiento general. Las actualizaciones tecnológicas facilitan el trabajo y el aprendizaje.
Este documento proporciona información sobre el uso y redistribución de su contenido bajo una licencia Creative Commons. Estipula que cualquier uso del material debe atribuir la fuente como "Actívate, Google España 2014" y enlazar a la página web original si es posible. Fue revisado en marzo de 2014.
Este documento proporciona un resumen de tres oraciones o menos:
Este documento presenta los principios básicos de diseño y usabilidad web, incluyendo la importancia de centrarse en la experiencia del usuario y aplicar técnicas como el Diseño Centrado en el Usuario. También describe conceptos como usabilidad, conversiones y los beneficios de aplicar estas técnicas, como aumentar las ventas y fidelizar clientes. El documento termina con una bibliografía y recursos adicionales sobre el tema.
Este documento describe diferentes tipos de blogs y herramientas para crearlos. Explica que un blog es una publicación en línea con historias en orden cronológico inverso. Luego menciona populares sistemas para blogs como Blogger de Google y WordPress, así como Edublog para fines educativos. Finalmente, resume algunas características clave de los blogs como su enfoque temático y la interacción que permiten.
La Web 2.0 se refiere a la transición de las páginas web tradicionales a aplicaciones web centradas en los usuarios. Los defensores de la Web 2.0 creen que la web está orientada a la interacción social a través de páginas web interactivas y visuales que funcionan más como puntos de encuentro que como páginas estáticas. Las redes sociales, el intercambio de archivos peer-to-peer y herramientas como Wikipedia son ejemplos de la Web 2.0.
Slide Share permite a los usuarios subir y compartir presentaciones en línea sin necesidad de descargarlas o tener un visor de presentaciones instalado, haciendo que sea más fácil compartirlas. La opinión personal es que la idea de la página web es buena, aunque la carga de presentaciones a veces puede ser lenta y solo admite este tipo de documentos en lugar de otros formatos.
La gestión del conocimiento se ocupa de identificar, recuperar y evaluar el conocimiento organizacional para aprovecharlo como ventaja competitiva. El término Web 2.0 se refiere a aplicaciones web que facilitan el intercambio de información entre usuarios. La relación entre gestión del conocimiento y Web 2.0 es que esta última permite a las personas interactuar y compartir contenidos a través de redes sociales y sitios web.
El documento presenta varios principios de usabilidad para el diseño de sitios web, incluyendo que las páginas no deben hacer que los usuarios piensen demasiado o esperen más de 7 segundos para encontrar lo que necesitan. También discute conceptos como la facilidad de aprendizaje, eficiencia, facilidad de recordar y satisfacción del usuario. Además, cubre temas como la dependencia entre utilidad y usabilidad, y las similitudes y diferencias entre usabilidad y accesibilidad. Finalmente, presenta algunas reglas generales de us
El documento trata sobre el tema de la usabilidad y la arquitectura de la información en el diseño de sitios web. Explica conceptos clave como qué es la usabilidad, dónde y por qué se aplica, objetivos de la usabilidad, evaluación de la usabilidad, estructuras de organización de la información, y diseño de páginas web considerando factores como el espacio de pantalla.
El documento describe los pasos clave para diseñar la arquitectura de información de un sitio web, incluyendo analizar las necesidades de los usuarios, definir los objetivos, estructurar los elementos, crear un esquema de navegación, y diseñar la interfaz. Explica que una arquitectura de información efectiva garantiza una experiencia de usuario satisfactoria y fluida, lo que resulta en usuarios frecuentes y recomendaciones positivas.
El documento describe los pasos clave para diseñar la arquitectura de información de un sitio web, incluyendo analizar las necesidades de los usuarios, definir los objetivos, estructurar los elementos, desarrollar un esquema de navegación, y crear una interfaz amigable. Explica que una arquitectura de información bien diseñada garantiza una experiencia de usuario satisfactoria y fluida, lo que resulta en usuarios frecuentes y recomendaciones positivas.
Diseño e instalación de sitios web (navegación del sitio / el usuario control...KareliaRivas
EL documento trata sobre la navegación que debe tener un sitio web, se plantean preguntas sobre el mismo y se determina que el usuario es el que controla la navegación y porque
Informe de lectura: No me hagas pensar. Una aproximación a la usabilidad en l...Héctor Garduño Real
El libro No me hagas pensar de Steve Krug es una de las principales guías sobre usabilidad web. El libro está destinado a quienes esten involucrados en el desarrollo de sitios web o que ya tengan uno.
La usabilidad estudia cómo diseñar sitios web para que los usuarios puedan interactuar de forma fácil e intuitiva. Algunos principios clave incluyen anticipar las necesidades de los usuarios, darles autonomía y control, usar colores con cuidado, ser consistentes y centrarse en la eficiencia del usuario. La usabilidad es importante para todos los tipos de sitios web, incluidos los educativos, empresariales y personales, para mejorar la experiencia del usuario.
El documento habla sobre la usabilidad en el diseño web. Define la usabilidad como diseñar sitios web para que los usuarios puedan interactuar de forma fácil, cómoda e intuitiva. Explica que la mejor forma de crear un sitio usable es a través de un diseño centrado en el usuario. También discute conceptos relacionados como la "findability" y la accesibilidad, así como formas de evaluar la usabilidad como pruebas con usuarios y análisis de registros.
El documento habla sobre la arquitectura de información. Explica que es un proceso iterativo que se da a lo largo del diseño de un sitio web para asegurar que los objetivos se cumplan de manera efectiva. También describe los tipos de estructuras de información como secuenciales, jerárquicas e hipertextuales y cómo estas pueden afectar la experiencia del usuario. Además, menciona los patrones de diseño como creación, estructurales y de comportamiento.
Este documento presenta información sobre arquitectura web, usabilidad y gestión de contenidos. Cubre temas como códigos de programación, arquitectura de datos, accesibilidad, navegabilidad y usabilidad. También explica conceptos como servidores web, bases de datos, y requisitos técnicos para contenido web. Finalmente, ofrece detalles sobre usabilidad, pruebas de usabilidad y métricas para medir la usabilidad de un sitio web.
Presentación de la primera jornada del Workshop Digital donde se abaracaron las temáticas del diseño centrado en el usuario y sus metodologías, experiencia de usuario, y diseño responsive.
Este documento analiza y compara las interfaces de dos sitios web de música en línea, Grooveshark y Musicuo. Explica que una interfaz es una conexión funcional entre sistemas que permite la interactividad entre usuarios y computadoras. Luego, evalúa la usabilidad de ambos sitios considerando elementos como la claridad de su intención, su sistema de navegación y búsqueda, la presentación de su contenido y el uso de diseño visual. Finalmente, concluye que ambos sitios cumplen con normas generales para interfaces de sitios
Este documento analiza y compara las interfaces de dos sitios web de música en línea, Grooveshark y Musicuo. Explica que una interfaz es una conexión funcional entre sistemas que permite la interactividad entre usuarios y computadoras. Luego, evalúa la usabilidad de ambos sitios considerando elementos como la claridad de su intención, su sistema de navegación y búsqueda, la presentación de su contenido y el uso de diseño visual. Finalmente, concluye que ambos sitios cumplen con normas generales para interfaces de sitios
El documento habla sobre los fundamentos del diseño web. Explica conceptos como la pirámide del diseño web, los diferentes tipos de sitios web, y las características principales del diseño web como construir para los usuarios, la utilidad, facilidad de uso, atención al contenido, navegación, aspecto visual, y equilibrio entre forma y función. También describe el proceso de diseño web incluyendo la planificación del sitio con objetivos, análisis de audiencia, requisitos y diagrama de la estructura.
El documento habla sobre la experiencia de usuario y factores relacionados como el diseño, usabilidad y emociones. También discute la interacción entre personas y ordenadores (HCI) y cómo el diseño debe enfocarse en hacer que los sitios web sean eficientes, efectivos y satisfactorios de usar. Explica diez principios clave para el diseño de experiencia de usuario como la claridad de propósito, visibilidad, lógica, control del usuario, prevención de errores y efectividad de mensajes.
Este documento proporciona información sobre el diseño y desarrollo de páginas web. Explica herramientas como HTML, CMS y dominios, así como consideraciones de diseño centrado en el usuario, usabilidad y principios de conversión. Además, destaca los beneficios de aplicar técnicas de experiencia de usuario como aumentar las ventas y fidelizar clientes.
El documento habla sobre la usabilidad web. Define la usabilidad como la facilidad con la que los usuarios pueden usar una herramienta para lograr un objetivo. Explica los principios básicos de usabilidad como la facilidad de aprendizaje, uso y flexibilidad. También describe los beneficios de tener una alta usabilidad como aumentar la tasa de conversión y satisfacción de los usuarios.
Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...Juan Martín Martín
Criterios de corrección y soluciones al examen de Geografía de Selectividad (EvAU) Junio de 2024 en Castilla La Mancha.
Soluciones al examen.
Convocatoria Ordinaria.
Examen resuelto de Geografía
conocer el examen de geografía de julio 2024 en:
https://blogdegeografiadejuan.blogspot.com/2024/06/soluciones-examen-de-selectividad.html
http://blogdegeografiadejuan.blogspot.com/
Business Plan -rAIces - Agro Business Techjohnyamg20
Innovación y transparencia se unen en un nuevo modelo de negocio para transformar la economia popular agraria en una agroindustria. Facilitamos el acceso a recursos crediticios, mejoramos la calidad de los productos y cultivamos un futuro agrícola eficiente y sostenible con tecnología inteligente.
José Luis Jiménez Rodríguez
Junio 2024.
“La pedagogía es la metodología de la educación. Constituye una problemática de medios y fines, y en esa problemática estudia las situaciones educativas, las selecciona y luego organiza y asegura su explotación situacional”. Louis Not. 1993.
Lecciones 11 Esc. Sabática. El conflicto inminente docx
Usabilidad
1. Aplicación de criterios de usabilidad
en sitios web: consejos y pautas
para una correcta interpretación
David Maniega Legarda (dmaniega@uoc.edu)
Técnico webmaster de la Biblioteca Virtual de la UOC
biblioteca@uoc.edu
Resumen
Ante el gran alud de contenidos que se le ofrecen al usuario en los sitios
web, hay que velar cada vez más por el binomio inmediatez-utilidad para
poder ser más efectivos y provocar en aquél una satisfacción doble, la
práctica por la fácil consecución de sus objetivos y la emocional, siendo
esta totalmente subjetiva ya que está íntimamente ligada con la
percepción durante el proceso de interacción con el sitio web.
Construir y diseñar un sitio web es una tarea que requiere de una serie de
cuidados específicos, a nivel formal, organizativo, visual, de contenidos,
etc., y para ello hay que observar una serie de normas básicas enfocadas a
la consecución exitosa del mismo. En este artículo abordamos esos
“cuidados” en forma de pautas o criterios que no debemos dejar de lado
para ofrecer entornos fáciles de utilizar, prácticos y, sobre todo, pensados
para cumplir con las necesidades y expectativas de los usuarios.
Palabras clave
Usabilidad, facilidad de uso, diseño centrado en el usuario (DCU), sitio
web, percepción visual, arquitectura de la información, interfaz,
contenidos.
Introducción
A lo largo de la historia la usabilidad ha estado a nuestro lado casi sin
percatarnos de ello, al menos conscientemente, teniendo una gran
importancia en una innumerable lista de objetos cotidianos que utilizamos sin
mayor complicación, casi de forma autómata. Precisamente es aquí donde
quiero hacer un énfasis especial, en el concepto implícito “éxito de uso”
(causa-efecto) y “usuario” (agente fundamental y centro del proceso creativo),
de forma que todo aquello que ha sido adoptado y “usado” de forma fácil,
2. sencilla y sobretodo directa, sigue siendo vigente sin que a menudo
reflexionemos el por qué (¿simple aplicación del sentido común…?).
Es obvio que para que este éxito de uso, con la consiguiente satisfacción del
usuario, sea factible, debemos aportar buenos contenidos y servicios, pero a
su vez si éstos no son fáciles de encontrar y usar, la percepción del entorno se
tornará negativa, menoscabando la utilidad con la que fueron concebidos y
dispuestos al usuario. Es en este punto donde la usabilidad nos servirá para
facilitar este cometido.
Sobre usabilidad existen varias definiciones a las que nos podríamos remitir
desde la bibliografía especializada, pero de entre todas ellas nos podemos
decantar por una de las más escuetas pero eficaces para aplicar de forma
directa a una sitio web; es la pronunciada por Steve Krug (2006), maestro de
la sencillez, que se refiere a este concepto señalando que no hay que hacer
pensar al usuario en su proceso de interacción con una página web, sino que
ésta sea tan clara, obvia y fácil de entender, que implique la acción directa y
no la pérdida de tiempo en su intento de exploración y comprensión de lo que
se le ofrece por pantalla.
Es por tanto fundamental tener en cuenta que una buena usabilidad es
aquella que pasa totalmente desapercibida porque el usuario puede entender
sin esfuerzo, qué puede hacer, a dónde puede ir y qué le ofrece la página que
consulta y, por ende, todo un mismo sitio web, sin esfuerzo, de forma
totalmente directa…, fácil de usar. Esta sencillez se traduce directamente en
velocidad de acción, de interacción, que es un factor primordial que los
usuarios demandan a un sitio web. Si el usuario no es capaz de encontrar lo
que busca de forma rápida, automáticamente tendrá una percepción negativa
del sitio web, y por este motivo, es tarea de la usabilidad el velar porque todo
se comporte como el usuario espera para obtener una experiencia de usuario
satisfactoria en el proceso de interacción.
Partiendo de esta filosofía, vamos a proceder a especificar algunas pautas
fundamentales que debemos tener en cuenta a la hora de crear páginas web,
sentando unas bases genéricas pero fundamentales sobre la usabilidad y sus
principios básicos en base a las formulaciones expuestas por expertos como
3. Nielsen (2000) o Krug (2006), añadiendo el punto de vista de Tognazzini1, que
enfatiza en los aspectos relacionados directamente con la interfaz en referencia
a los procesos de la percepción del usuario y sus consecuencias directas.
Para especificar estas diferentes pautas, nos vamos a centrar en cómo
podemos diseñar de forma genérica las páginas del sitio y sobre qué elementos
hay que hacer énfasis para planificar y presentar correctamente los
contenidos.
Diseño conceptual general de las páginas del sitio
web
El diseño de nuestras páginas debe estar abocado a la sencillez para evitar las
posibles distracciones que se puedan originar y, para ello, debemos contar
igualmente con una arquitectura de la información que lo haga posible, siendo
ésta simple, lógica y directa. En base a estos criterios deberemos hacer un
especial énfasis en aspectos como:
1. La estructura global del sitio, diseñada pensando en los contenidos y
no en los organigramas o estructuras organizativas.
2. La navegabilidad, diseñada para ofrecer caminos claros desde el origen
al destino, sin terminología compleja y con la misión de orientar al
usuario2.
1 TOGNAZZINI, Bruce. First Principles of Interaction Design.
<http://www.asktog.com/> [Consulta: 9 de octubre de 2006]. Se puede acceder a una
versión traducida y adaptada al español en
<http://www.galinus.com/es/articulos/principios-diseno-de-interaccion.html>
[Consulta: 9 de octubre de 2006]
2 De entre los sistemas para orientar al usuario en su navegación, tenemos la opción
de crear las secciones llamadas “migas de pan” o breadcrumbs. Esta técnica está
encaminada a ofrecer contexto de situación al usuario para determinar su recorrido
hasta una ubicación concreta dentro de la página o su situación dentro de una
estructura jerárquica del sitio.
En el artículo Tipos de breadcrumb, o cómo orientar al usuario, de Jesús Carreras se
nos explica qué tipos de breadcrumbs existen y cuál es su funcionalidad.
< http://www.dnxgroup.com/ideas/articulos/tipos_de_breadcrumb.html > [Consulta:
6 de octubre de 2006]
4. 3. La consistencia, tanto a nivel de contenidos como del formato visual así
como la disposición de elementos en las páginas, ofreciendo entornos
homogéneos que ayuden a potenciar una comunicación efectiva del
mensaje y, a su vez, ayuden al usuario a formarse un modelo mental
del sitio.
Consejos a tener en cuenta:
• El factor clave para conseguir un buen diseño es centrarnos en el
reconocimiento instantáneo de las cosas para minimizar la curva de
aprendizaje de la interfaz y obtener resultados rápidamente. Un sitio
web óptimo ha de ser rápido en todas sus vertientes, no sólo
técnicamente, sino desde el punto de vista de la interacción. Cuanto
más rápido pueda el usuario completar las tareas en base a sus
objetivos mejor percepción tendrá sobre el entorno.
• Mantener el diseño en todas las páginas y no crear diferencias
significativas entre secciones o apartados. La excepción ha de ser la
página de inicio que suele tener un diseño diferente al resto ya que se
enfoca como el teórico punto de entrada principal a una sitio web y ha
de ofrecer una visión general de qué información y servicios ofrece al
usuario, así como ser un punto de partida hacia las estructuras
internas, destacando eso sí, accesos directos a primer nivel para
aquellos elementos de mayor importancia e interés para el usuario.
• A pesar de que organicemos adecuadamente la información, es
fundamental ofrecer al usuario un sistema alternativo al de la
navegación para encontrar la información, es decir, necesitamos ofrecer
un motor de búsqueda que sea eficaz y mantenga una excelente
indización. Por norma general los usuarios esperan encontrar una caja
de texto simple en la parte superior de la página para ejecutar una
búsqueda y habría que conservar ese convencionalismo.
• Debemos mantener una estructura visual constante, donde los
diferentes elementos mostrados en la pantalla no varíen en su
ubicación entre páginas. El sistema ha de ser consistente y no móvil, ya
5. que sino provocaremos rápidamente una sensación de desorientación e
inseguridad en el usuario. Asimismo, siempre hemos de utilizar las
mismas referencias iconográficas y/o textuales para representar las
mismas acciones a lo largo del sitio web.
• Para obtener un sistema de navegación eficiente, hay que controlar el
número de clics que debe hacer el usuario antes de llegar a la
información. Cuantos más niveles de profundidad más compleja será
nuestra estructura y, por lo tanto, más difícil de entender por parte del
usuario. Siguiendo las directrices de Nielsen (2000), el sistema de
navegación sólo debe ocupar como máximo el 20% de la pantalla,
mientras que los contenidos han de servirse del 80% restante, sin que
con ello tendamos hacia el “horror vacui” o abigarramiento de las
pantallas. El espacio en blanco no es un enemigo sino un aliado que
facilita la comprensión y agrupaciones de elementos que se dispongan
en la página.
• Debemos diseñar las páginas del sitio teniendo en cuenta que existen
diferentes tipos de resoluciones y configuraciones de pantalla, por lo
tanto, la recomendación es hacer diseños líquidos que se amolden al
tamaño de ésta de forma automática, sin que ello vaya en detrimento de
la disposición de elementos y funcionalidades.
• En cuanto al logotipo de nuestro sitio web, ha de ser lo suficientemente
evidente como para identificarlo como tal (hay que recordar que aporta
la identidad básica del sitio), y si incluye texto, ha de ser fácilmente
legible. Siempre ha de estar ubicado en la parte superior de la página y,
preferiblemente, en su parte izquierda.
• Debemos crear una jerarquía visual clara que se repita en cada página,
dividiendo las diferentes zonas de la misma de forma definida y
constante, eliminando la superposición de elementos del mismo nivel,
utilizando convenciones para fortalecer el reconocimiento de los
elementos y dejando claro en todo momento sobre qué componentes
podrá el usuario ejercer una acción.
6. Escribir para la web, algo aparentemente sencillo pero
que debemos cuidar para evitar errores
Es asumido de forma genérica que la lectura por pantalla es bastante más
lenta e incómoda que la ejercida sobre el medio impreso y este hecho nos
conduce a una percepción no tan clara del contenido. Por este motivo el
usuario no lee todo el contenido, escanea la página en busca de aquello que le
interesa y centra su atención en aquellos puntos que le llaman la atención y
que cree a primera vista que será la opción más correcta en relación a lo que
le interesa.
Sabiendo esto, debemos adaptar nuestra manera de escribir para la pantalla
con la finalidad de captar la atención del usuario hacia lo útil3 y necesario.
Consejos a tener en cuenta:
• Ser breves en los contenidos, sintéticos, sin retórica literaria y
fácilmente comprensibles. Si necesitamos incluir textos largos, habrá
que presentarlos de forma partida con un índice de la estructura
creada, pero no de cualquier forma, nunca hay que dividir las ideas de
forma aleatoria, siempre hay que seguir un discurso lógico. Habremos
de generar enlaces de contexto para indicar cómo seguir leyendo más
(un micro sistema de navegación interno), ofreciendo siempre un enlace
a una versión para imprimir que comprenderá todo el contenido que por
pantalla hemos dividido.
3 Otra máxima conocida es que los usuarios, por lo general, no se van a entretener a
averiguar cómo funcionan la cosas, simplemente experimentarán su comportamiento
y les será útil en tanto en cuanto las puedan usar con facilidad (el contenido también
ha de ser útil para obtener una buena valoración). Así, el éxito de un servicio o una
aplicación web estará directamente ligado con la experiencia previa que pueda tener el
usuario y su utilidad positiva. Si su uso es intuitivo, automáticamente se convierte en
comprensible y usable como era lo esperado.
7. • En este sentido de brevedad, el párrafo4 tiene una importancia
relevante, y hay que evitar crear grandes bloques de texto que
entorpezcan la organización visual. Es conveniente recordar que para
bastantes usuarios todo lo que esté por debajo de la línea de pliegue de
la página5, simplemente no existe (no hacen desplazamiento vertical) o
es poco importante.
• Se deben exponer las ideas más importantes al inicio del contenido, de
esta forma el usuario puede determinar si ese contenido es lo que
necesita o no. Para ello será fundamental apoyarse en títulos
explicativos, que de una sola mirada se puede dejar claro qué viene a
continuación. A nivel visual, el formato de los encabezados juegan un
papel importante, a mayor tamaño más importante.
• Es conveniente utilizar resaltados de aquellos términos que sean
relevantes, por ejemplo en negrilla, pero hay que ser cuidadoso con ello,
no todo puede estar resaltado, su abuso únicamente aportará ruido
visual y dejará de tener efectividad. Sólo debemos remarcar aquellos
conceptos que son en sí palabras clave de un contenido para poder
enfocar de manera directa la atención del usuario.
• Los títulos o encabezados deben ser escuetos y claros, aportando un
mensaje directo. Para muchos usuarios son el referente para
determinar si el contenido que viene a colación es importante para ellos
o no.
• En cuanto a los títulos de las ventanas (etiqueta “<title>” dispuesta en
la cabecera “<head>” de una página web) han de ser descriptivos y se
aconseja que comiencen por el nombre de la institución, empresa,
centro, biblioteca, etc. Es recomendable incluir títulos de entre siete u
4 Se recomienda la lectura del artículo de Juan Carlos García titulado “Columnas,
anchos de línea y legibilidad” publicado en alzado.org, donde se analizan diversos
conceptos estudiados desde el mundo editorial impreso pero poco aplicados en el
digital.
< http://www.alzado.org/articulo.php?id_art=462 > [Consulta: 10 de octubre de 2006]
5 Se entiende por línea de pliegue de una página web el punto en que los contenidos
no visibles se encuentran por debajo del campo de visión actual donde se hace
necesario utilizar la barra de desplazamiento para verlos.
8. ocho palabras en un total de no más de sesenta y cuatro caracteres.
• No hay que descuidar la ortografía, no podemos tener faltas
ortográficas, hay que ser escrupuloso y hacer una correcta revisión
ortográfica de nuestros contenidos. Si el usuario detecta errores de este
tipo le provocará un efecto directo de desidia por nuestra parte, con la
consecuente pérdida de atención así como falta de seriedad y
credibilidad.
• En referencia a la autoría de los contenidos siempre hay que dejar claro
quién está detrás de ellos, tanto a nivel general (institucional) como a
nivel específico (personal), de la misma forma que hemos de indicar
quiénes somos (autoría del sitio) y cómo contactar con nosotros.
Si nuestro contenido es difícil de leer estamos
aplicando barreras insalvables
Es fundamental que seamos capaces de asegurar en todo momento el nivel
óptimo de legibilidad de los contenidos para no impedir a ninguno de
nuestros usuarios que pueda leer con claridad toda la información que le
ofrecemos. Si el usuario no es capaz de leer cómodamente lo que se le
presenta por pantalla, no podrá entender con claridad y rapidez qué puede
hacer o qué se le está ofreciendo, lo que tirará por tierra todo nuestro esfuerzo
anterior.
Consejos a tener en cuenta:
• Para que el contenido textual sea fácilmente legible, deberemos prestar
especial atención a la combinación de tres factores clave como son, el
tamaño de la letra (que sea modificable por el usuario), los colores (con
suficiente contraste entre fondo y forma) y la familia tipográfica
(sabiendo que las tipografías de la familia sans-serif son más adecuadas
para la presentación por pantalla, mientras que las serif lo son para la
9. impresión en papel).
• Debemos prescindir de imágenes de fondo ya que dificultan la lectura, y
conviene utilizar fondos de colores claros que no entorpezcan la visión
ni la lectura.
• Nunca debemos modificar aspectos de las tipografías que compliquen la
lectura de los textos. Por ello no debemos presentar párrafos escritos en
mayúsculas o versalitas, no debemos hacer que el texto sea un
elemento móvil (marquesinas, efecto blink o parpadeo, por ejemplo), no
hay que abusar de elementos de notación como negrillas o cursivas, no
hay que separar en exceso los caracteres ni palabras, por lo que es
aconsejable alinear los textos a la izquierda en vez del justificado para
evitar ese efecto.
• Es aconsejable establecer un interlineado que aporte liviandad a los
párrafos y no hacerlos extremadamente largos para evitar una
sobrecarga informativa. La percepción de pocos elementos pero
relacionados entre sí serán más fáciles de reconocer e incluso de
recordar que si ofrecemos demasiados, lo que provocaría en el usuario
el conocido desbordamiento cognitivo6.
• Todo el contenido ha de ser preparado con rigor y calidad tanto formal
como estructural, manteniendo en todo momento una lógica discursiva.
En esta preparación no debemos utilizar tecnicismos y/o jerga
específica de nuestra profesión, poco comprensible para la gran
mayoría de los usuarios, por lo que siempre hemos de utilizar un
lenguaje directo, claro y comprensible.
• Los contenidos relacionados o que nos llevan a otros recursos web,
únicamente deben aparecer si realmente aportan valor al establecer
una relación directa entre la información obtenida y las necesidades
informativas complementarias del usuario. Debemos ceñirnos a lo útil
6 El desbordamiento cognitivo es el equivalente a la desorientación del usuario
provocada básicamente por dos factores, la falta de un sistema de navegación claro y
la construcción de estructuras no lógicas de los contenidos, lo que impide poder
racionalizar de forma directa lo que se le ofrece por pantalla.
10. para no ofrecer contenidos irrelevantes que no van a aportar más que
ruido visual y estructural a la página.
• El texto ha de tener una buena relación de contraste con el fondo y
además ha de ser posible que el usuario pueda modificar el tamaño de
la letra, mejor si es desde la propia página. A nivel técnico esto lo
lograremos utilizando hojas de estilo (CSS), que además son
fundamentales para separar completamente la capa de contenidos de la
de presentación o formato visual.
La teoría de los enlaces, más que simples clics
Los enlaces tienen por función principal la de servir de nexo7 para vincular
páginas y/o documentos. Esta función, a priori simple de comprender, tiene
una especial relevancia cuando la trasladamos a los esquemas de la
percepción, los modelos mentales y la interacción. En consecuencia los
enlaces deben estar aplicados sobre elementos importantes y claros8, que
no induzcan a error de interpretación y han de ser predictivos9, es decir, que
nos anuncien a dónde nos van a llevar cuando los pinchemos sin que
tengamos que reflexionar sobre esto ni sobre su posible significado.
7 Los enlaces son eje fundamental en los sistemas de navegación y en este artículo de
Eduardo Manchón se discute sobre los tipos de enlaces y las áreas de navegación
desde el punto de vista de la funcionalidad.
< http://griho.udl.es:8080/aipo/revista/articulos/EduardoManchon.pdf > [Consulta:
10 de octubre de 2006]
8 En este punto recomendamos la lectura del artículo de Eduardo Manchón “Enlaces,
etiquetado y posición” publicado en ainda.info, donde el autor nos propone un ejercicio
de análisis de los enlaces para evitar la frustración del usuario en su navegación.
< http://www.ainda.info/enlaces_etiquetas.html > [Consulta: 7 de octubre de 2006]
9 Jakob Nielsen nos apunta en su alertbox cómo podemos generar predicción en los
enlaces.
< http://www.useit.com/alertbox/980111.html > [Consulta: 16 de octubre de 2006]
11. Consejos a tener en cuenta:
• Los enlaces dentro de un párrafo deberíamos ubicarlos, a ser posible, al
final del mismo, de esta forma evitamos cortar la fluidez con la que se
ha de leer un párrafo. Su uso excesivo en un párrafo desorientará al
usuario y no le permitirá abarcar correctamente el sentido de dicho
contenido por el peligro de la dispersión que los propios enlaces
aportan.
• Conviene tener presente el uso de enlaces relacionados entre páginas,
ya que en numerosas ocasiones los usuarios saben lo que quieren pero
no encuentran la página adecuada a la primera, aunque se suele
encontrar otra con mucha similitud, bien sea por la temática o la
tipología de servicio. Por eso es conveniente establecer enlaces del tipo
“similares a...”, “pertenecientes a...”, “versión de...”, etc., de forma que
se cree contexto y se interrelacionen conjuntos de páginas comunes.
• Nunca debemos utilizar la manida fórmula de nombrar un enlace con
“Haz clic aquí” porque no todos los usuarios navegan con ratón, por lo
que, por ejemplo, con un atajo de teclado no hacemos clic en ninguna
parte, y en segundo lugar porque esa frase no aporta una semántica
predictiva, sino una simple acción que necesita de contexto a su
alrededor para ser entendida, ya que por sí misma no nos indica nada
específico. Por estas mismas razones, nunca se debe utilizar el marcado
de un enlace como “Más...” al final de un párrafo o una entradilla de
contenido.
• Los enlaces deben llevar asociado el atributo TITLE con una pequeña
descripción de a dónde va a llevar ese enlace e incluso cómo, por
ejemplo, si se abre en ventana nueva indicando este hecho.
• Si un enlace no apunta a otra página web, por ejemplo a un fichero en
formato PDF, vídeo o audio, debemos avisar explícitamente de este
hecho al usuario. Una buena manera es utilizando el atributo title que
hemos comentado anteriormente e incluir una indicación (textual o
gráfica) del tipo de fichero que se asocia al enlace. Asimismo, es
12. recomendable avisar del tamaño del fichero y, en el caso de los ficheros
de audio y video además, del tiempo de duración del mismo.
• Hay que evitar los enlaces construidos con javascript ya que en un alto
porcentaje de casos es totalmente prescindible, pero en caso de no ser
posible, debemos asegurarnos de que funcionará igualmente sin
javascript activado. Además será fundamental para proveer este tipo de
soluciones trabajar una vez más en esta capa de comportamiento del
sitio web con estándares, como por ejemplo ECMAScript y DOM10.
• Otro tema a destacar es el de los colores asociados a los enlaces. Desde
los orígenes de los navegadores en modo gráfico, se han mantenido los
estándares de color azul y subrayado para enlaces activos y morado
para los visitados. Actualmente utilizamos el efecto “hover” o salto y
una gran variedad de fórmulas para crear los enlaces.
Esa connotación aprendida de que aquello azul subrayado es un enlace
funciona de forma inconsciente, entonces ¿por qué cambiarlo verdad?
No quiero decir con esto que los enlaces no puedan ser de colores
diferentes, pero sí subrayados, y siempre destacando como enlaces sin
que se “fusionen con el paisaje”, es decir, que no pierdan la esencia de
su comportamiento y que sigan siendo tan evidentes que no importe
tanto el color que tengan. Independientemente de los colores utilizados
sí se deben diferenciar los estados del enlace, el no visitado y el
visitado.
• Los enlaces nunca deben aparecer como rotos ni dirigir a sitios que no
son correctos. Es necesario comprobarlos con asiduidad dado el alto
índice de variabilidad de los mismos.
10 Definiciones simples de ambos términos las encontramos bien formuladas en la
Wikipedia:
• ECMAScript: http://es.wikipedia.org/wiki/ECMAScript
• DOM : http://es.wikipedia.org/wiki/DOM
13. Sobre los componentes gráficos y multimedia
El diseño gráfico de nuestras páginas es un elemento que se valora de forma
inconsciente y resulta totalmente subjetivo, pero a su vez, será determinante
en la valoración global del sitio por parte del usuario. Al tratarse de un
elemento clave en los procesos de la percepción, hay que tener presente que
el uso intensivo de efectos visuales con el único fin de atraer la atención del
usuario es una práctica nada aconsejable, no debiendo “decorar” las páginas
con elementos totalmente superfluos y que no aporten valor al contexto en el
que se enmarcan.
Consejos a tener en cuenta:
• Debemos reducir la cantidad de gráficos de las páginas, optimizar su
relación resolución/peso de forma que la carga de las páginas no sea
lenta por este motivo.
• El uso de imágenes no ha de estar prohibido ni mucho menos, en
muchos casos son necesarias para aportar mayor información relevante
o generar contexto, pero siempre hemos de presentarlas de forma
adecuada a su función11, y que se pueda ver con claridad su contenido
sin esfuerzo.
En los casos en que se necesite mostrar imágenes de gran resolución,
debemos incluir de base una imagen de pequeño formato (conocidas
como imágenes de salto) junto a una indicación para ampliarla y verla a
su tamaño real. Siempre han de tener un texto alternativo (empleo del
atributo “ALT”) y descriptivo (empleo del atributo “TITLE”) que detalle la
imagen y/o su función.
• Prescindir de elementos móviles y en constante animación ya que
causan distracción y modifican ostensiblemente la visión periférica del
11Una lectura rápida y muy clarificadora sobre el tema la encontramos en “Diseño de
imágenes para una comunicación efectiva”, artículo aparecido en Galinus.com
< http://www.galinus.com/es/articulos/diseno_efectivo_imagenes.html > [Consulta: 7
de octubre de 2006]
14. entorno, lo que añade ruido visual y acaba provocando una gran
desorientación en el usuario (efecto de aturdimiento, el entorno se
vuelve cansino de forma inconsciente).
• No se deben incluir elementos multimedia con la única finalidad de
aparentar ser “buenos” tecnológicamente hablando, siempre han de
estar presentes en base a una finalidad concreta. Cuando incluyamos
este tipo de elementos, como puedan ser simulaciones de pantallas de
una aplicación o servicio, guías de uso visuales, mini-tutoriales, etc.,
hemos de dejar siempre que sea el usuario el que pueda activar,
pausar, avanzar o retroceder en la animación para que obtenga el
control total sobre el objeto multimedia. El usuario nunca ha de
sentirse desbordado al no saber qué hacer si un elemento se activa de
forma automática.
• Las aplicaciones multimedia que contengan audio, han de tener una
excelente calidad sonora y el usuario ha de poder controlar tanto su
evolución en la línea del tiempo como su volumen desde la propia
pantalla. En estos casos, y de cara a ofrecer una versión accesible, hay
que incluir una trascripción del audio o subtítulos.
Conclusiones y recomendaciones
A continuación, después de todo lo apuntado, vamos a proporcionar una serie
de recomendaciones resumidas que deberemos tener en cuenta para poder
conjugar al máximo nuestras metas con las necesidades y expectativas del
usuario durante el proceso de interacción con nuestro sitio web.
• Pantallas claras, con información directa, sin conceptos que induzcan
al error por carecer de sentido concreto o ser ambiguo y enfocadas a la
acción, aportando así valor añadido.
• Sin errores, tanto a nivel de contenidos como técnicos. Es importante
no presentar errores por pantalla en lenguaje técnico, se deben
gestionar de manera que sean fácilmente comprensibles para que el
15. usuario pueda reponerse del mismo (reversibilidad) entendiendo porqué
se ha producido y cómo lo puede subsanar, siempre que esté en su
mano claro.
• El usuario, como centro de todo el proceso creativo, debe tener control
en todo momento de la aplicación, ofreciéndole las claves de lo que
puede hacer para que decida en función de sus intereses o
motivaciones. Si el usuario no controla lo que sucede en pantalla tendrá
una gran sensación de inseguridad y desconfianza ante el entorno que
lo limitará en sus acciones.
• Los contenidos han de ser breves, bien estructurados y sin demasiados
niveles de profundidad de la información, enfocados a la acción donde
deben destacar los conceptos más significativos. Es más fácil recordar
pocos elementos a la vez en diferentes pasos que muchos en una sola
página. La arquitectura de la información deberá estar enfocada a
facilitar un acceso intuitivo a los contenidos, evitando ambigüedades.
En este sentido el etiquetaje y rotulación de epígrafes ha de tener un
significado directo para el usuario, lo que a su vez facilitará el
aprendizaje de las estructuras de contenidos. Fundamental, los
contenidos siempre actualizados.
• Evitar las páginas eternamente largas que generan grandes barras de
desplazamiento, por supuesto que nunca aparezca la temida y odiada
barra de desplazamiento horizontal en resoluciones mínimas de
800x600 píxeles. Si así fuera..., algo estamos haciendo mal.
• Los sistemas de navegación están orientados básicamente a que el
usuario no se pierda, por lo que deben ser constantes, es decir, que no
cambien de ubicación ni apariencia entre páginas, precisos (no
ambiguos) y a primera vista (fácilmente reconocibles). Es necesario
indicar al usuario donde se encuentra en todo momento, creando así
ayudas de contexto que le servirán no sólo para conocer su ubicación,
sino cómo ha llegado hasta allí y qué poder hacer en adelante.
16. • Los enlaces de las páginas hacia otras deben ser perfectamente
identificables y el uso de modalidades no estándar para marcarlos
claramente reducirá la capacidad de acción y autonomía del usuario
para moverse por el sitio web. Con ello no queremos decir que siempre
los enlaces tengan que ser azules y subrayados, aunque recomendable
por su aceptación y uso extendido, pero lo más importante nunca
escondidos o fusionados con el resto de contenido, no los vistamos de
camuflaje...
• Las palabras que activen los enlaces deben tener significado, es decir,
deben ser objeto del vínculo aquellos términos que determinen una
acción o indiquen claramente hacia donde se va a ir una vez activado el
enlace, es lo que se llama “esencia del enlace” (link scent), lo que aporta
previsibilidad sobre a dónde nos conduce un enlace sin esperar a verlo
una vez activado.
• A nivel técnico las páginas deben seguir las pautas de los estándares
del W3C para ser compatibles con diferentes agentes de usuario (como
los navegadores) y plataformas. De entre estos requisitos las páginas
deberán estar pensadas para cumplir como mínimo los requisitos
básicos de las normas de accesibilidad especificadas en las normas
WAI12, siendo rigurosos en su aplicación para no ofrecer barreras
innecesarias. La accesibilidad no es sólo para gente con discapacidad,
sino que es para todos, ¡incluso para Google!
• Hay que velar en todo momento por el peso de las páginas, cuanto más
pesadas más tiempo de espera para la descarga completa, con la
consecuente desesperación del usuario ante este hecho.
12Pautas de Accesibilidad del Contenido en la Web 1.0 (versión en español)
< http://usuarios.discapnet.es/disweb2000/PautaWAI/WCAG10.htm > [Consulta:
14 de octubre de 2006]
Otros enlaces importantes a consultar sobre accesibilidad web:
• Web Accessibility Initiative (WAI) < http://www.w3.org/WAI/ >
[Consulta: 14 de octubre de 2006]
• Guía Breve de Accesibilidad Web
< http://www.w3c.es/divulgacion/guiasbreves/Accesibilidad >
[Consulta: 14 de octubre de 2006]
17. Como conclusión final, una vez vistos algunos de los consejos que nos pueden
ayudar a crear mejores sitios web para las bibliotecas, sean de la índole que
sean, es fundamental quedarse con tres puntos iniciales clave a recordar de
forma instintiva antes de rediseñar o crear ex-novo un sitio web:
1. Practicidad y sencillez: si ofrecemos interfaces en las que el usuario
no tiene que aprender lo que puede hacer, sino que ojea y actúa de
forma intuitiva, conseguiremos fidelizarlo porque le resultará sencillo y
seguramente eficaz, y para ello, necesitamos además...
2. ...ofrecer contenidos bien ordenados, claros y funcionales, que
despierten el interés del usuario, que cumplan con sus necesidades
reales, debiendo llegar a conseguir la usabilidad emocional, que el
usuario perciba que el entorno, la información y los servicios están
pensados y diseñados para él. Pero para llegar a eso...
3. ...hay que contar con él, preguntarle qué busca, cómo lo organizaría
todo, qué servicios necesita y cuándo los necesita. Escuchemos al
usuario, sin él todos los esfuerzos que hagamos caerán en saco roto, y
más en el entorno de las bibliotecas, donde la vocación de servicio es un
eje vertebrador de su existencia.
18. Bibliografía relacionada
Fleming, Jennifer. Web Navigation. Designing the User Experience. Sebastopol,
Ca. : O’Reilly, 1998
Garret, J.J. The Elements of User Experience. New York: New Riders
Publishing, 2002
Krug, Steve. No me hagas pensar: Una aproximación a la usabilidad en la web.
2ª ed. Madrid: Pearson Educación, 2006
Linderman, Matthew; Fried, Jason. Defensive design for the Web : how to
improve error messages, help, forms, and other crisis points. Indianapolis, Ind. :
New Riders Publishing, 2004
Nielsen, Jakob; Loranger, Hoa. Usabilidad. Prioridad en el diseño web. Madrid:
Anaya Multimedia, 2006
Nielsen, Jakob. Usabilidad. Diseño de sitios web. Madrid: Pearson educación,
2000
Nielsen, Jakob, Designing Web Usability: the Practice of Simplicity.
Indianapolis, Ind. : New Riders Publishing, 2000
Tidwell, Jenifer. Designing interfaces : [patterns for effective interaction design].
Cambridge [etc.] : O'Reilly, 2005
Veen, Jeffrey. Arte y ciencia del diseño web. Madrid: Prentice Hall, 2001