UD 1: EXPERIENCIA

DE USUARIO
Carlos González Cabrera
Luana Tahiz Regueiro Puppo

3º EEAASS Diseño Gráfico - Diseño para la web

NECESIDADES DE USUARIO
NECESIDADES DE USUARIO
Condicionantes que ha de tener un sitio web

• Interfaz gráfica y adaptabilidad

• Usabilidad

• Accesibilidad

3
ANÁLISIS DE PÁGINAS WEB
1. AGUA DE FIRGAS
Ejemplo de sitio web con UX/UI de mala calidad

Apariencia moderna con estructura

One-Page, pero...

- Ausencia de retícula y por tanto

jerarquía visual.

- No distingue apartados ni existen

niveles de titulares. Falta de
lecturabilidad.

5
1. AGUA DE FIRGAS
Ejemplo de sitio web con UX/UI de mala calidad

- Textos muy pequeños que

dificultan la legibilidad.

- Adaptabilidad en dispositivos
móviles regular.

- Usabilidad nula.

6
2. LORO PARQUE
Ejemplo de sitio web con UX/UI de mala calidad

Poca usabilidad: Es sencilla e intuitiva,

pero poco eficaz: el recorrido para llegar a
los objetivos está muy poco optimizado.

Poco dinámica.

7
2. LORO PARQUE
Ejemplo de sitio web con UX/UI de mala calidad

8
3. AGENCIA TRIBUTARIA CANARIA
Ejemplo de sitio web con UX/UI de mala calidad

- Mucha información, aunque bien

organizada.

- Ayuda mediante migas de pan y

menús claros y sencillos guían al
usuario.

- Recursos de accesibilidad
propios.

Pero...

Nada de adaptabilidad en
dispositivos móviles.

9
3. AGENCIA TRIBUTARIA CANARIA
Ejemplo de sitio web con UX/UI de mala calidad

10
1. GUANXE
Ejemplo de sitio web con UX/UI de calidad

Web sencilla y clara, con pocos elementos

que resultan intuitivos a la hora de navegar
por la página web.

Presenta adaptabilidad y las distintas

áreas de la página están bien
diferenciadas.

Apariencia limpia y agradable a la vista.

11
1. GUANXE
Ejemplo de sitio web con UX/UI de calidad

12
2. POEMA DEL MAR
Ejemplo de sitio web con UX/UI de calidad

Presenta una división clara de sus zonas

y una gran jerarquía visual.

Intuitiva y directa hacia los objetivos de la

página.

Se adapta a los distintos dispositivos

desde los que se accede.

13
2. POEMA DEL MAR
Ejemplo de sitio web con UX/UI de calidad

14
2. POEMA DEL MAR
Ejemplo de sitio web con UX/UI de calidad

15
3. FONTEIDE
Ejemplo de sitio web con UX/UI de calidad

- Lo convencional es funcional.
Estructura web clásica: menú,
contenido, footer.

- El usuario es guiado de manera

natural por el contenido.

- El uso de los colores

corporativos dan unidad al
contenido.

16
3. FONTEIDE
Ejemplo de sitio web con UX/UI de calidad

17
4. ROCKABILLY BURGER BAR
Ejemplo de sitio web con UX/UI de calidad

Adaptabilidad muy funcional y

estética cuidada.

- Posee jerarquía visual.

- Buen uso de los colores, tamaños

y elementos gráficos.

- Establece prioridades de
navegación según el dispositivo
desde el que se accede.

- Sistema de reservas
(interacción usuario/máquina).

18
4. ROCKABILLY BURGER BAR
Ejemplo de sitio web con UX/UI de calidad

19
4. ROCKABILLY BURGER BAR
Ejemplo de sitio web con UX/UI de calidad

20
5. CABILDO DE GRAN CANARIA
Ejemplo de sitio web con UX/UI de calidad

Interfaz dinámica y con información

bien organizada.

De acceso rápido y sencillo

(menos clicks):

- Menú.
- Servicios a un click.
- Áreas temáticas.

Innovación en accesibilidad:

- inSuit
- Chatbot

21
5. CABILDO DE GRAN CANARIA
Ejemplo de sitio web con UX/UI de calidad

22
¡GRACIAS!