UNIVERSIDAD TECNOLÓGICA DE

“
TECAMACHALCO

EXPERIENCIA DE USUARIO

SEPTIEMBRE/DICIEMBRE 2020
7 ° CUATRIMESTRE

INGENIERÍA EN DESARROLLO Y GESTIÓN DE SOFTWARE

BIENVENIDOS !!

1
1. Unidad I
I. Usabilidad y experiencia del usuario
 Objetivo de la Unidad de Aprendizaje

El alumno identificará los conceptos de usabilidad, accesibilidad y

experiencia del usuario para elegir metodologías y técnicas de diseño
centradas en el usuario.

3
Principios de usabilidad y
accesibilidad
5
6
7
8
9
10
11
 ¿Qué es la usabilidad?
▪ La norma internacional ISO 9241-11: Guidance on Usability (1998) hace referencia a la
Usabilidad y ofrece una definición de su contenido y alcance:

▪ - [La Usabilidad se refiere al] grado en que un producto puede ser usado por usuarios
específicos para conseguir metas específicas con efectividad, eficiencia y satisfacción dado
un contexto específico de uso. -

12
 ¿Qué es la usabilidad web?

▪ Podemos definir la usabilidad web como el grado o la facilidad de uso de una

página web cuando un usuario navega e interactúa con ella. Cuando decimos que
una web tiene un buen nivel de usabilidad, queremos decir que es una página web
clara, práctica, intuitiva y que permite navegar de manera segura.
▪ La mejor forma de crear una web con buena usabilidad, es tener un diseño
centrado en el usuario, creado por y para él, dejando un poco más de lado
elementos muy originales o nuevas disposiciones que puedan descentrar o
desconcertar a tus visitas.

13
Accesibilidad

14
 ¿Qué es la accesibilidad?

▪ La definición de accesibilidad por la Real Academia Española (RAE) es “Calidad

de ser de fácil acceso“.

▪ La accesibilidad se refiere a que es de fácil acceso por cualquier persona. Es la característica

que permite que los entornos, los productos, y los servicios sean utilizados sin problemas por
todas las personas, para conseguir los objetivos para los que están diseñados (Alonso 2003).

15
 ¿Qué es la accesibilidad web?

▪ La accesibilidad web es la posibilidad de que una página web pueda ser utilizada por un
mayor número de personas posible, independientemente de las propias limitaciones de los
usuarios, capacidades, los conocimientos que posea o las características técnicas del
dispositivo que está utilizando (por ejemplo, móvil, Tablet o un portátil).

16
Diferencia entre usabilidad
y accesibilidad web

17
 Diferencia entre usabilidad y accesibilidad web

▪ La usabilidad y la accesibilidad son dos términos que se complementan, una web

accesible permitirá que sea fácil de utilizar y, una web fácil de utilizar o con un alto grado de
usabilidad será accesible para más personas en distintas situaciones.

▪ Por tanto, a la hora de diseñar una web hay que tener siempre en mente estos dos conceptos.
Al fin y al cabo, tanto la usabilidad como la accesibilidad web son dos factores muy
importantes para que un usuario tenga una experiencia positiva en tu web, repita y mejoren
tus conversiones.

18
Principios básicos para una
buena usabilidad web

19
 1. Diseño claro y sencillo

▪ Para que los usuarios encuentren fácilmente la información que buscan. Imagínate
una web con mil colores o un montón de elementos en la página principal, lo
único que conseguirías es que te saturen, que desvíen su atención y posiblemente
podrían acabar abandonando la página.

20
 2. Buena organización de los elementos

▪ La disposición del menú, de los formularios de contacto o de cualquier otro

elemento de tu web es fundamental si quieres que todo siga un orden coherente y
el usuario no se pierda.

21
 3. Rapidez

▪ Obviamente no puedes tener al usuario esperando 4 segundos a que se cargue una

página de tu web. En este sentido, un Hosting SSD te ayudará a mejorar los
tiempos de carga y hará que tu sitio web funcione de manera mucho más fluida.

22
 4. Regla de los 3 clics

▪ Debes conseguir que el usuario pueda navegar y encontrar rápidamente las

secciones o apartados de tu web, es decir, intenta que el usuario no tenga que
hacer más de tres clics para encontrar lo que busca. En el caso de un ecommerce o
una web con un muchas páginas, un buscador puede ayudarte a ponérselo un poco
más fácil a tus visitas.

23
 5. Utiliza referencias visuales

▪ Los colores o tamaños de letra te ayudará a resaltar ciertas 

partes de tu página web. Por ejemplo, no puedes añadir el mismo tamaño de
letra que tienes en el footer que en el botón de “Suscríbete” que tienes en el
formulario de suscripción.

24
 6. Seguridad

▪ Los usuarios deben sentir seguridad a la hora de navegar en tu web, introducir sus
datos personales o al realizar una compra. Un Certificado SSL permitirá que tu
web funcione con HTTPS, encriptando todos los datos que se transfieren desde el
navegador hacia el servidor.

25
Consejos para mejorar la
accesibilidad de tu web.

26
▪ Conseguir una web accesible no es algo que puedas lograr de un día para otro, pero hay
algunos aspectos que te ayudarán que tu web pueda ser utilizada por más gente:

 Añade subtítulos a los vídeos.

 Tus imágenes siempre con texto alternativo.
 Define correctamente los campos de los formularios de contacto.
 Legibilidad y estructuración del contenido.
 Diseño responsive.

27
 Conclusión

“
La usabilidad y la accesibilidad son dos términos diferentes que
se complementan y están estrechamente relacionados. Si
quieres proporcionarle a tus visitas una web fácil de utilizar y
por la que puedan navegar sin dificultad, ten estos conceptos
siempre en mente. 

28
“
Trabajo

 Leer y analizar el documento.

 Realizar un Mapa Conceptual, Mental o Sinóptico en su libreta.
 Tomar evidencia de su trabajo mediante una fotografía o escaneado.
 Enviarlo en un archivo PDF.
 El documento PDF, debe contener presentación, una pequeña introducción,
desarrollo (fotografía o escaneo) y una pequeña conclusión.
 Entregarlo de forma individual en tiempo y forma.

29
Thanks!

30