El documento presenta una serie de consejos y conceptos clave sobre diseño visual para mejorar la experiencia de usuario (UX). Explica que el diseño visual facilita una buena experiencia al resolver necesidades del usuario de manera estética y comunicativa. También destaca la importancia de enfocarse en el usuario, realizar búsqueda de antecedentes, aplicar principios de composición, tipografía e iconografía de manera coherente.
34. Diseño de experiencia de usuarios
Es 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.
35. 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 disponible
demografía - política - economía
PRODUCTO
Marca
PROPUESTA DE VALOR
DEL NEGOCIO
Objetivos del negocio
EJECUCIÓN DEL PRODUCTO
Equipo, Procesos
UX
percepción positiva o
negativa
42. Fuente: What's the difference between a UX Designer and a UI Developer by Ben Melbourne
43. No se vayan
Este bloque fue presentado por
Flavia Ibañez
flavia@noviggo.com | @flaviaza
44. No se pierdan el próximo bloque
en 15’
Taller UX: Diseño Visual
a cargo de
Analía Basualdo
Marité Impellizzeri
y la colaboración de
Sebastián Veggiani
45. 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.
46. 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.
47. 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
52. 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?
55. 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.
56. 3
Ojos que no ven… que cien volando
Búsqueda de Antecedentes
84. 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.
85.
86. Agua
Paz
masculinidad
serenidad
calma
frío
seriedad
refrescante
amigable
seguridad
confianza
empresa productiva
Azul
estabilidad
87. 7
No es solo lo que dice
sino cómo lo dice
Tipografía
88. La palabra escrita
1. Medio para transmitir un mensaje
2. Configuración visual
3. Ojo! todo comunica
89. Display
Serif
Sans Serif Comic
RETRO
Handwriting
Script
Fantasy
Egipcia
Stencil
99. 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.
100.
101.
102. 10
No se trata sólo de una cara bonita
Usabilidad y Diseño Visual
103. Usabilidad y diseño visual
1. 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.
104. ¡Así es como quedó
cuando aplicamos
los superpoderes!
105. Seguir aprendiendo
links 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!
106. Y aún hay más!
Este bloque fue presentado por
ANALIA BASUALDO - MARITE IMPELLIZZERI
@anagraphics - analiabasualdo@gmail.com / mariteimpellizzeri83@gmail.com
SEBASTIAN VEGGIANI
@efedoce - sveggiani@gmail.com