taller ux: salvando al usuario - diseño visual
DESCRIPTION
Con diseño visual optimizado aumentamos la satisfacción y lealtad del cliente mediante la mejora de la usabilidad, facilidad de uso y el placer proporcionado en la interacción entre el cliente y el producto.TRANSCRIPT
![Page 1: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/1.jpg)
SALVEMOS AL USUARIOUser Experience para diseñadores y desarrolladores
![Page 2: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/2.jpg)
Anix adventures
En esta edición:
¡Me compré un Tutúuuuuu!!
cualquier semejanza con la realidad es pura coincidencia
![Page 3: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/3.jpg)
© Adogslifephoto | Dreamstime.com - Yorkshire Terrier Dog Wearing Pink Tutu Photo
![Page 4: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/4.jpg)
![Page 5: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/5.jpg)
![Page 6: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/6.jpg)
![Page 7: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/7.jpg)
FIRST
![Page 8: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/8.jpg)
![Page 9: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/9.jpg)
1 HORA después...(de veras de veritas)
![Page 10: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/10.jpg)
RIIIING!
![Page 11: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/11.jpg)
... El horario de atención es
Lunes a Viernes de 9 a 18hs ...
Domingo, 20hs...
![Page 12: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/12.jpg)
¡Calma Anix!
*&%#
%$#!!
*&%#%$#!!
*&%#%$#!!
![Page 13: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/13.jpg)
De cómo EL MINISTERIO DE
SEGURIDADconsumió UNA HORA
de vida de Anix
![Page 14: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/14.jpg)
![Page 15: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/15.jpg)
?
Anix
![Page 16: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/16.jpg)
![Page 17: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/17.jpg)
Anix
08/09/2014
CUPO COMPLETO
![Page 18: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/18.jpg)
![Page 19: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/19.jpg)
Anix
09/09/2014
CUPO COMPLETO
![Page 20: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/20.jpg)
![Page 21: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/21.jpg)
Anix
10/09/2014
CUPO COMPLETO
![Page 22: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/22.jpg)
![Page 23: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/23.jpg)
Turno disponible:MALARGUE¨
Anix
#%*&*Vivo en capital!
![Page 24: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/24.jpg)
Anix :: Refrescó el navegador:: ReInició la búsqueda
:: Probó todos los botones
y encontró turno en
ALVEAR?
![Page 25: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/25.jpg)
?
Basu
Anix
28111101
01 01 1234
¿Puedo cambiar mi nombre?
Alvear Alvear
![Page 26: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/26.jpg)
?
AlvearAlvear
¿Y el tercer paso?¿No saben todo esto ya?
![Page 27: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/27.jpg)
?
¿Donar?
Alvear Alvear
![Page 28: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/28.jpg)
RIIIING!
![Page 29: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/29.jpg)
... El horario de atención es
Lunes a Viernes de 9 a 18hs ...
Domingo, 20hs...
![Page 30: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/30.jpg)
¡Calma Anix!
*&%#
%$#!!
*&%#%$#!!
*&%#%$#!!
![Page 31: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/31.jpg)
OH!
¿Y ahora QUIEN podrá ayudarme?
Y ahora ?!
![Page 32: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/32.jpg)
UX
![Page 33: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/33.jpg)
uxmeme.tumblr.com/
¿¿UX que??CALMA, CALMA,
QUE NO PANDA EL CUNICO
![Page 34: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/34.jpg)
Diseño de experiencia de usuariosEs el proceso de aumentar la satisfacción y lealtad del cliente mediante la mejora de la usabilidad, facilidad de uso y el placer proporcionado en la interacción entre el
cliente y el producto.
![Page 35: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/35.jpg)
Modelo Causa Efecto de la Experiencia del Usuario
USUARIO
Condiciones físicas, psicológicas, aprendizaje y experiencias, etc
MICRO ENTORNO
Condiciones del entorno inmediato a la situación de uso
MACRO ENTORNO
Cultura- tecnología disponibledemografía - política - economía
PRODUCTO
Marca
PROPUESTA DE VALOR
DEL NEGOCIO
Objetivos del negocio
EJECUCIÓN DEL PRODUCTO
Equipo, Procesos
UXpercepción positiva o
negativa
![Page 36: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/36.jpg)
Facetas de UXux honeycomb de Peter Morville
![Page 37: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/37.jpg)
UX es un proceso que previene, detecta y resuelve problemas
![Page 38: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/38.jpg)
Claves1. Foco temprano y continuo en el usuario y sus tareas
Fuente: La Fábula del Diseñador Centrado en el Usuario
![Page 39: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/39.jpg)
Claves2. Medición empírica del comportamiento del usuario
Fuente: La Fábula del Diseñador Centrado en el Usuario
![Page 40: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/40.jpg)
Claves3. Diseño Iterativo
Fuente: La Fábula del Diseñador Centrado en el Usuario
![Page 42: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/42.jpg)
Fuente: What's the difference between a UX Designer and a UI Developer by Ben Melbourne
![Page 44: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/44.jpg)
No se pierdan el próximo bloqueen 15’
Taller UX: Diseño Visual
a cargo de
Analía BasualdoMarité Impellizzeri
y la colaboración de
Sebastián Veggiani
![Page 45: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/45.jpg)
IxDA es una asociación creada para difundir la disciplina del Diseño de Interacción, que conforma (junto a usabilidad,
arquitectura de la información y accesibilidad, entre otras) el ecosistema del Diseño de Experiencias del Usuario.
![Page 46: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/46.jpg)
Queremos mejorar la educación y divulgación de UX en español. Queremos llegar a un nuevo estándar profesional.
Y queremos construirlo colaborativamente.
![Page 47: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/47.jpg)
0. Introducción
1. Prototipado rápido
2. Heurísticas
3. Evaluaciones de Usabilidad
4. Diseño Visual
5. Accesibilidad
6. Diseño de Interacción
7. Arquitectura de la Información
![Page 48: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/48.jpg)
10 Superpoderespara un
diseño visual eficaz
![Page 49: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/49.jpg)
No pensar en la solución sino en el USUARIO
Problema - Mensaje
1
![Page 50: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/50.jpg)
![Page 51: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/51.jpg)
¡Mis antenitas de vinil, están
detectando la presencia del enemigo!
![Page 52: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/52.jpg)
Planteo del Problema
El sitio de turnos del Ministerio de Seguridad fue creado para facilitar el trámite a la comunidad.
El servicio no está resolviendo esa necesidad, lo que causa frustración y una opinión negativa
sobre el Ministerio. Cómo podemos mejorar el servicio para que las personas puedan reservar su turno con éxito?
![Page 53: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/53.jpg)
2
No sos vos ¡Soy yo!
Comunicar Visualmente
![Page 54: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/54.jpg)
Mensaje visual
1. Usuario (novia)
2. Mensaje - premisas (él quiere dejarla)
3. Estrategia (cómo decirlo)
![Page 55: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/55.jpg)
Premisas
● Que el usuario comprenda el objetivo principal del sitio.
● Orden y jerarquía en la información.
● Legibilidad.
● Dar importancia al Ministerio de Seguridad para reforzar identidad y pertinencia.
● Que connote: seriedad, formalidad, simpleza, seguridad.
![Page 56: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/56.jpg)
Ojos que no ven… que cien volando
Búsqueda de Antecedentes
3
![Page 57: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/57.jpg)
![Page 58: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/58.jpg)
![Page 59: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/59.jpg)
![Page 60: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/60.jpg)
4
La arquitectura invisible Grilla y Composición
![Page 61: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/61.jpg)
Grilla constructiva
1. Retícula, modulación invisible
2. Disposición natural y segura
3. Jerarquía visual
4. Consistencia visual
![Page 62: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/62.jpg)
BalanceGrillas
![Page 63: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/63.jpg)
5
¡Que empiece la fiesta! llegaron los...
Elementos compositivos
![Page 64: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/64.jpg)
Composición
1. Balance
2. Jerarquía
3. Patrón
4. Ritmo
5. Espacio
6. Proporción
7. Énfasis
8. Movimiento
9. Contraste
10. Unidad
![Page 65: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/65.jpg)
Balance
![Page 66: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/66.jpg)
![Page 67: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/67.jpg)
Herencia
![Page 68: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/68.jpg)
Patrón
![Page 69: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/69.jpg)
Patrón
![Page 70: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/70.jpg)
Ritmo
![Page 71: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/71.jpg)
PatrónRitmo
![Page 72: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/72.jpg)
Espacio
![Page 73: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/73.jpg)
RitmoEspacio
![Page 74: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/74.jpg)
Proporción
![Page 75: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/75.jpg)
RitmoProporción
![Page 76: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/76.jpg)
Enfasis
![Page 77: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/77.jpg)
Movimiento
![Page 78: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/78.jpg)
Movimiento
![Page 79: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/79.jpg)
Contraste
![Page 80: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/80.jpg)
Contraste
![Page 81: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/81.jpg)
Unidad
![Page 82: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/82.jpg)
Unidad
![Page 83: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/83.jpg)
6
Cosa ‘e mandinga
Psicología y Color
![Page 84: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/84.jpg)
La importancia del Color
1. Es una de las razones principales por la que se adquiere un producto.
2. Crean estados de ánimo.
3. Determinan las primeras impresiones de un usuario.
4. Tienen significado.
![Page 85: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/85.jpg)
![Page 86: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/86.jpg)
Agua
Paz
masculinidad
calma
serenidad
frío
seriedad
refrescante
amigable
seguridad
confianza
empresa productiva
Azul
estabilidad
![Page 87: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/87.jpg)
7
No es solo lo que dice sino cómo lo dice
Tipografía
![Page 88: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/88.jpg)
La palabra escrita
1. Medio para transmitir un mensaje
2. Configuración visual
3. Ojo! todo comunica
![Page 89: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/89.jpg)
Display
Sans Serif Comic
RETRO
Handwriting
Script
Fantasy
Egipcia
Serif
Stencil
![Page 90: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/90.jpg)
![Page 91: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/91.jpg)
Bold
Itálica
Condensada
Normal
Light
![Page 92: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/92.jpg)
![Page 93: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/93.jpg)
8
Cuando dicen que vale más que mil palabras...
Imágenes e Iconos
![Page 94: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/94.jpg)
Imagen icónica”Es representación de la apariencia
visual de un objeto real”
1. Representativo
2. Simbólico
3. Abstracto
![Page 95: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/95.jpg)
![Page 96: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/96.jpg)
![Page 97: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/97.jpg)
9
Coherencia y Consistencia Patrones y guías de estilos
![Page 98: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/98.jpg)
Guías de estilo
![Page 99: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/99.jpg)
Guías de estilo
1. Diseño colaborativo.
2. Colección viviente de los productos que enfrenta el usuario.
3. Crean eficiencia.
4. Desarrollo más ágil.
![Page 100: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/100.jpg)
![Page 101: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/101.jpg)
![Page 102: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/102.jpg)
10
No se trata sólo de una cara bonita Usabilidad y Diseño Visual
![Page 103: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/103.jpg)
Usabilidad y diseño visual1. Los proyectos con buen diseño tienen clientes más satisfechos e incrementan la lealtad.
2. La estética comunica credibilidad. Tiene tres componentes: integridad, armonía y resplandor.
3. El buen diseño crea grandes experiencias.
4. Recordamos las malas y buenas experiencias, no las comunes. Los detalles importan.
![Page 104: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/104.jpg)
¡Así es como quedó
cuando aplicamos
los superpoderes!
![Page 105: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/105.jpg)
Seguir aprendiendolinks y libros de interés
1. http://hellohappy.org/beautiful-web-type/
2. http://www.lukew.com/ff/entry.asp?1915
3. https://hackdesign.org/lessons
4. http://tympanus.net/codrops/category/articles/
5. Participar de Ixda Mendoza!
![Page 106: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/106.jpg)
Y aún hay más!
Este bloque fue presentado por
SEBASTIAN VEGGIANI@efedoce - [email protected]
ANALIA BASUALDO - MARITE IMPELLIZZERI@anagraphics - [email protected] / [email protected]
![Page 107: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/107.jpg)
Moraleja
![Page 108: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/108.jpg)
UX también es branding
Sin un diseño visual bien APLICADO la marca no será elegida, recordada o
reconocida
![Page 109: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/109.jpg)
El diseño visual facilita una buena experiencia
Sin un diseño visual bien planteado el producto no resolverá una necesidad
![Page 110: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/110.jpg)
Una buena experiencia depende de TODOS los
que intervienen
![Page 111: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/111.jpg)
Fuente: What's the difference between a UX Designer and a UI Developer by Ben Melbourne
+ Márketing+ Gerencia+ Dueños+ etc
![Page 112: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/112.jpg)
Y de que TODOS conozcan un poco del
mundo del otro
![Page 113: Taller UX: Salvando al usuario - Diseño visual](https://reader034.vdocument.in/reader034/viewer/2022051610/5495d2f5b47959762e8b46fa/html5/thumbnails/113.jpg)
GRACIAS!
IxDA Mendoza: Diego, Matías, Analía, Franco, Marité, Flavia, Eugenio, Silvana, Sebastián
www.ixdamza.com.ar - www.facebook.com/ixdamza