Navegabilidad web, usabilidad y accesibilidad.

1. Navegabilidad

3. Navegabilidad web es un término que se refiere a qué
tan sencillo o complicado resulta para un usuario
desplazarse y ubicarse entre las distintas páginas y
elementos de un sitio web
Navegabilidad web

4. • En qué parte del sitio se encuentra
• De qué parte o partes del sitio viene
• Cómo llegar a la información a la que quiere ir

5. Estrategias
Mientras más contenido y diferentes
categorías haya en un sitio web, más y
más importante se vuelven las
estrategias de navegabilidad para que el
usuario no se “pierda” ni se desespere
tratando de acceder a la información.

6. ¿ Qué ocurre para
ustedes si existe buena
navegabilidad?
¿ Qué ocurre para
ustedes si no hay buena
navegabilidad?

7. Arquitectura de un sitio

9. Diseño web: No solo incluye tareas
relacionadas con el diseño gráfico, sino que
también aborda otras como las definiciones
relativas a usabilidad, interacción, y también a
todas las que están relacionadas con los
contenidos.
Conceptos

10. OBJETIVO
ESTRATEGIA
COMUNICACION
ARQUITECTURA
NAVEGABILIDAD
CONTENIDOS
INTERACTIVIDAD
Proceso Web

11. • Propósito del sitio web.
• ¿A quién va dirigido?
• Meta del sitio web.
Objetivo

12. • Desarrollo de una estrategia de
comunicación  tipos de
información.
• Desarrollo de una política de
comunicación  modo de
comunicar al usuario.
• Definición de actualización de
contenidos.
Estrategia de
Comunicación

13. • Interfaz de navegación:
• ¿Dónde estoy?
• ¿Dónde he estado?
• ¿Hacia dónde puedo ir?
• Diseño Grafico: contexto, imagen corporativa, color.
• Navegabilidad: desplazamiento del usuario.
Navegabilidad

14. Contenidos
Definición de tipo de letra y fuente. Definición de formatos de
contenidos multimedia:
Video
Imágenes
Audio

15. • Interacción entre usuarios.
• Integración con redes sociales:
• Chat
• Blog
• Wiki
• Otros
Interactividad

16. • GENERALES
• IDENTIDAD E INFORMACIÓN
• LENGUAJE Y REDACCIÓN
• ROTULADO
• ESTRUCTURA Y NAVEGACIÓN
• LAY-OUT DE LA PÁGINA
• BÚSQUEDA
• ELEMENTOS MULTIMEDIA
• AYUDA
• ACCESIBILIDAD
• CONTROL y
RETROALIMENTACIÓN
CRITERIOS

17. Hassan Montero, Y., & Martín Fernández, F. J.
(2003). Guía de evaluación heurística de sitios
web. No sólo usabilidad, 2.
http://www.nosolousabilidad.com/articulos/heuris
tica.htm

18. Escoger un sitio web y analizarlo
bajo los criterios de la guía de
evaluación heurística de sitios web.
Ejercicio

19. Accesibilidad

20. Accesibilidad Web significa que sitios web, herramientas y
tecnologías estén diseñadas y desarrolladas de tal manera
que las personas con discapacidades pueden usarlas o que
sea más fácil su uso para la población.
•Percibir, comprender, navegar e interactuar con la Web
•Contribuir a la Web

21. La accesibilidad web también beneficia personas sin discapacidad, como
por ejemplo:
• Teléfonos móviles, relojes inteligentes, televisores inteligentes y otros
dispositivos con pantallas pequeñas, diferentes modos de entrada, etc.
• Personas mayores cuyas habilidades cambian con la edad
• “Discapacidades temporales”, como puede ser un brazo roto o la
pérdida de unas gafas
• “Limitaciones por su ubicación”, como puede ser bajo la luz del sol o en
un entorno donde no se puede escuchar audio

22. El acceso a las tecnologías de la información y comunicación,
incluyendo la Web, está definido como un derecho humano básico
en la Convención de las Naciones Unidas sobre los Derechos de
las Personas con Discapacidades.

23. También existe un sólido argumento
comercial a favor de la
accesibilidad.
El diseño accesible mejora la
experiencia y satisfacción de las
personas usuarias, en una variedad de
situaciones, a través de diferentes
dispositivos. Además, la accesibilidad
puede mejorar su marca, impulsar la
innovación y ampliar su alcance en el
mercado.

24. https://www.youtube.com/watch?v=3f31oufq
FSM

25. https://www.government.se/
https://id.presidencia.gov.co/

26. Usabilidad

27. La usabilidad web se refiere a la facilidad con la que los
usuarios de una página o aplicación web pueden conseguir
sus objetivos dentro de la interfaz.
Conjunto de mejoras que se han extraído mediante la
investigación y que sirven para guiar a los diseñadores y
desarrolladores web para que puedan crear páginas que sean
eficaces y agradables al usuario.

29. •Aprendizaje: ¿Es fácil realizar tareas sencillas para usuarios
que se encuentran con un objeto o una tecnología por primera
vez? ¿Es rápido y fácil el aprendizaje de uso?
•Eficiencia: Una vez que han aprendido el funcionamiento
¿Cuánto tiempo se tarda en realizar tareas u objetivos
sencillos?

30. •Memorabilidad: Después de estar un tiempo sin utilizar el
objeto o tecnología ¿Cuánto tiempo tardan los usuarios en
recuperar lo aprendido y poder usar la interfaz de manera
efectiva?
•Errores: ¿Cuántos errores cometen los usuarios al
interactuar con la interfaz? ¿Cómo de graves son estos
errores y cuánto tiempo tardan en poder subsanarlos?
•Satisfacción: ¿Cómo de placentero resulta el uso del objeto?
¿Cómo es la experiencia de los usuarios?

31. La falta de usabilidad en una página web es la mayor causa de
abandono de la página por parte de los usuarios.
•Si la información es difícil de encontrar.
•Si no se ve claro cuál es la finalidad de la web en un primer vistazo.
•Si no es fácil conseguir los objetivos.
•Si un usuario puede acabar perdido…

33. •Deja claro la finalidad de la web en la
página de inicio: Debe de quedar muy
claro qué es lo que haces y por qué le
puede interesar a la persona lo que
ofreces en la primera página de la web.
•Elimina pasos intermedios innecesarios
para poder conseguir realizar
objetivos simples. Recuerda que cuantos
menos clicks tenga que hacer el usuario
para conseguir su objetivo, menor será la
tasa de abandono.
•Incluye una barra de búsqueda en la parte
superior de la web.
•Que la información de contacto esté
siempre a mano y visible.
•Facilita que la persona identifique los
elementos que contienen links, ya sean
palabras o imágenes. Evita usar
subrayados que no sean enlaces para no

34. para poder conseguir realizar
objetivos simples. Recuerda que cuantos
menos clicks tenga que hacer el usuario
para conseguir su objetivo, menor será la
tasa de abandono.
•Incluye una barra de búsqueda en la parte
superior de la web.
•Que la información de contacto esté
siempre a mano y visible.
•Facilita que la persona identifique los
elementos que contienen links, ya sean
palabras o imágenes. Evita usar
subrayados que no sean enlaces para no
crear confusión ni imágenes que parezcan
botones pero no lo sean.
•La velocidad de carga de tu página debe
de ser rápida.
•Si utilizas formularios, que sean sencillos.
Evita usar campos innecesarios o pedir

35. Elige a 5 personas distintas y obsérvales
mientras interactúan con tu página web.
Puedes grabar la pantalla para poder
analizar con detalle toda la interacción.
Pídeles que verbalicen lo que piensan en
todo momento para recoger información
valiosa sobre cómo está siendo su
experiencia. Pídeles que realicen tareas
con objetivos concretos, como comprar un
producto determinado o contactar para
pedir un presupuesto. Es muy importante
observarles mientras realizan las tareas
que más te interesan. Puedes hacerles un
pequeño cuestionario al final en el que le
preguntes cosas como cuál creen que es
el objetivo de la empresa, qué hace y para
qué sirve, cómo ha sido su experiencia,
cómo les resultaría más fácil, etc.