Desmitificando
User Experience UX
(Experiencia del
Usuario)
¿Qué es User
Experience?
Diseño de Interfaces
UX no es igual
a productos iguales
1. Estrategia 2. Diseño 3. UX 4. Desarrollo
Debe estar presente en todo
el proceso de creación
Usabilidad
18
El mejor diseño es…
Technology
Corporate
Communication
Diseño centrado
en el usuario
15%
Abandonados
$1 Trillion
Gastos
en TI
50%
del tiempo
corrigiendo
Un estudio del Institute of Electrical and Electronic Engineers (IEEE)
encontró que el gasto mundial en TI fue de $1 trillón de USD.
Fuente: Jesse
James Garrett
Estrategia
Alcance
Estructura
Esqueleto
Superficie
“Los elementos
de la experiencia
de usuario”
33
34
Estrategia
Alcance
Estructura
Esqueleto
Superficie
Contenido
Funcionalidades
Estrategia
Alcance
Estructura
Esqueleto
Superficie
Arquitectura de
Información
Diseño de
Interacción
Estrategia
Alcance
Estructura
Esqueleto
Superficie
Pruebas
con Usuarios
Necesitades del Usuario
54
Y recuerden….
Identifica y conoce
a tu audiencia,
es la clave para el éxito
Prueba tus ideas a lo largo
del proceso…
Formal o informalmente
Crea equipos multi-
disciplinarios,
reúne a personas con distintas
disciplinas y experiencias
En un mismo lugar
usuario
+
diseño
+
negocio
Gracias
Roberto
PalaciosInformation Architect
Manager & Media Solutions
Architect
roberto@danilodesign.com
robertopala@gmail.com
@robertopala

UX Nights MTY Vol 01.02 - Desmitificando User Experience

Notas del editor

  • #2 Presentación Roberto Palacios - Arquitecto de información Miguel Rios - Diseñador de experiencia UX
  • #8 “San Francisco”. Este tipo de letra fue diseñada específicamente para combinar lo mejor en legibilidad con un diseño limpio que encajase a la perfección con el pequeño formato del reloj. Una de las claves para mejorar la legibilidad es lo que se describe como la gran altura de la x, las letras minúsculas son aproximadamente el 75% de la altura de las mayúsculas, por lo que las letras minúsculas son más grandes que en una fuente típica.
  • #9 “San Francisco”. Este tipo de letra fue diseñada específicamente para combinar lo mejor en legibilidad con un diseño limpio que encajase a la perfección con el pequeño formato del reloj. Una de las claves para mejorar la legibilidad es lo que se describe como la gran altura de la x, las letras minúsculas son aproximadamente el 75% de la altura de las mayúsculas, por lo que las letras minúsculas son más grandes que en una fuente típica.
  • #20 ¿Qué significa para ustedes esta foto?
  • #22 Vemos a este pequeño tratando de utilizar la manera para tomar agua, las mangueras no fueron pensadas para los niños.
  • #23 Podra avanzar la tecnología en las mangueras, pero seguirán sin poder utilizado porque no fueron diseñadas para ellos.
  • #24 Esta imagen nos ayuda a comprender lo que es el UX, y el diseño, podrá ser un bonito diseño pero el UX es la mejor opción para que el usuario lo utilice, se trata de mejorar la experiencia y vida de las personas, así que este atajo es la representación de lo que es una experiencia de usuario.
  • #25 Estas son las ramas que en conjunto son la experiencia de usuario.
  • #26 Una buena experiencia es la que crea Apple al entrar a su tienda, al utilizar sus productos. No tiene que ser para el mundo digital. Ejemplos de buenas experiencias
  • #27 Una buena experiencia es la que crea Apple al entrar a su tienda, al utilizar sus productos. No tiene que ser para el mundo digital. Ejemplos de buenas experiencias
  • #28 Una buena experiencia es la que crea Apple al entrar a su tienda, al utilizar sus productos. No tiene que ser para el mundo digital. Ejemplos de buenas experiencias
  • #29 ¿Qué es el user experience?
  • #31 Una dualidad básica: La web fue originalmente concebida cono un espacio de información hipertextual; pero el desarrollo de tecnologías cada vez más sofisticadas tanto en el despliegue como la administración han nutrido su uso como interfaz remota de software. Esta naturaleza dual ha guiado a mucha confusión, ya que los practicantes del desarrollo de experiencia de usuario han intentado adaptar su terminología a casos más allá del alcance de su aplicación original.
  • #32 Ejemplo de problemas con Cambios en la etapa de diseño. Diseño Visual: tratamiento visual de los elementos de texto y gráficos en la página y componentes de navegación Diseño de la Navegación: diseño de elementos de interfaz para facilitar el movimiento de los usuarios a través de la arquitectura de la información Diseño de la Información: en el sentido de Tufte, diseño de la presentación de la información para facilitar el entendimiento Arquitectura de la Información: el diseño estructural del espacio de información para facilitar el acceso intuitivo al contenido Requerimientos de Contenido: definición de los elementos de contenido requeridos para satisfacer las necesidades de usuario Necesidades de Usuario: objetivos para el sitio externamente derivados, identificadas a través de la investigación de los usuarios, etno/tecno/psicográficos, etc. Objetivos del Sitio: de negocios, creativos, u otros generadas de manera interna para el sitio
  • #33 Vemos como estos posters los colocaron en las oficinas de mailchimp, porque el diseño era una genialidad.
  • #36 Ejemplo de problemas con Cambios en la etapa de diseño. Diseño Visual: tratamiento visual de los elementos de texto y gráficos en la página y componentes de navegación Diseño de la Navegación: diseño de elementos de interfaz para facilitar el movimiento de los usuarios a través de la arquitectura de la información Diseño de la Información: en el sentido de Tufte, diseño de la presentación de la información para facilitar el entendimiento Arquitectura de la Información: el diseño estructural del espacio de información para facilitar el acceso intuitivo al contenido Requerimientos de Contenido: definición de los elementos de contenido requeridos para satisfacer las necesidades de usuario Necesidades de Usuario: objetivos para el sitio externamente derivados, identificadas a través de la investigación de los usuarios, etno/tecno/psicográficos, etc. Objetivos del Sitio: de negocios, creativos, u otros generadas de manera interna para el sitio
  • #37 Aeropuerto de Amsterdam, se redujo la orina salpicada, ahorros en el costo de más de 20% en los productos de limpieza. Que representa la mosca… y el cliente lo toma con humor.
  • #38 Aeropuerto de Amsterdam, se redujo la orina salpicada, ahorros en el costo de más de 20% en los productos de limpieza. Que representa la mosca… y el cliente lo toma con humor.
  • #39 Aeropuerto de Amsterdam, se redujo la orina salpicada, ahorros en el costo de más de 20% en los productos de limpieza. Que representa la mosca… y el cliente lo toma con humor.
  • #40 Aeropuerto de Amsterdam, se redujo la orina salpicada, ahorros en el costo de más de 20% en los productos de limpieza. Que representa la mosca… y el cliente lo toma con humor.
  • #41 Aeropuerto de Amsterdam, se redujo la orina salpicada, ahorros en el costo de más de 20% en los productos de limpieza. Que representa la mosca… y el cliente lo toma con humor.
  • #42 Aeropuerto de Amsterdam, se redujo la orina salpicada, ahorros en el costo de más de 20% en los productos de limpieza. Que representa la mosca… y el cliente lo toma con humor.
  • #43 Aeropuerto de Amsterdam, se redujo la orina salpicada, ahorros en el costo de más de 20% en los productos de limpieza. Que representa la mosca… y el cliente lo toma con humor.
  • #44 Aeropuerto de Amsterdam, se redujo la orina salpicada, ahorros en el costo de más de 20% en los productos de limpieza. Que representa la mosca… y el cliente lo toma con humor.
  • #45 Ejemplo de problemas con Cambios en la etapa de diseño. Diseño Visual: tratamiento visual de los elementos de texto y gráficos en la página y componentes de navegación Diseño de la Navegación: diseño de elementos de interfaz para facilitar el movimiento de los usuarios a través de la arquitectura de la información Diseño de la Información: en el sentido de Tufte, diseño de la presentación de la información para facilitar el entendimiento Arquitectura de la Información: el diseño estructural del espacio de información para facilitar el acceso intuitivo al contenido Requerimientos de Contenido: definición de los elementos de contenido requeridos para satisfacer las necesidades de usuario Necesidades de Usuario: objetivos para el sitio externamente derivados, identificadas a través de la investigación de los usuarios, etno/tecno/psicográficos, etc. Objetivos del Sitio: de negocios, creativos, u otros generadas de manera interna para el sitio
  • #46 Aeropuerto de Amsterdam, se redujo la orina salpicada, ahorros en el costo de más de 20% en los productos de limpieza. Que representa la mosca… y el cliente lo toma con humor.
  • #47 Arquitectura de información, Mapa de sitio
  • #48 Aeropuerto de Amsterdam, se redujo la orina salpicada, ahorros en el costo de más de 20% en los productos de limpieza. Que representa la mosca… y el cliente lo toma con humor.
  • #49 Aeropuerto de Amsterdam, se redujo la orina salpicada, ahorros en el costo de más de 20% en los productos de limpieza. Que representa la mosca… y el cliente lo toma con humor.
  • #50 Aeropuerto de Amsterdam, se redujo la orina salpicada, ahorros en el costo de más de 20% en los productos de limpieza. Que representa la mosca… y el cliente lo toma con humor.
  • #51 Aeropuerto de Amsterdam, se redujo la orina salpicada, ahorros en el costo de más de 20% en los productos de limpieza. Que representa la mosca… y el cliente lo toma con humor.
  • #52 Aeropuerto de Amsterdam, se redujo la orina salpicada, ahorros en el costo de más de 20% en los productos de limpieza. Que representa la mosca… y el cliente lo toma con humor.
  • #53 Ejemplo de problemas con Cambios en la etapa de diseño. Diseño Visual: tratamiento visual de los elementos de texto y gráficos en la página y componentes de navegación Diseño de la Navegación: diseño de elementos de interfaz para facilitar el movimiento de los usuarios a través de la arquitectura de la información Diseño de la Información: en el sentido de Tufte, diseño de la presentación de la información para facilitar el entendimiento Arquitectura de la Información: el diseño estructural del espacio de información para facilitar el acceso intuitivo al contenido Requerimientos de Contenido: definición de los elementos de contenido requeridos para satisfacer las necesidades de usuario Necesidades de Usuario: objetivos para el sitio externamente derivados, identificadas a través de la investigación de los usuarios, etno/tecno/psicográficos, etc. Objetivos del Sitio: de negocios, creativos, u otros generadas de manera interna para el sitio
  • #54 Estas son las ramas que en conjunto son la experiencia de usuario.
  • #56 Aeropuerto de Amsterdam, se redujo la orina salpicada, ahorros en el costo de más de 20% en los productos de limpieza. Que representa la mosca… y el cliente lo toma con humor.
  • #57 Aeropuerto de Amsterdam, se redujo la orina salpicada, ahorros en el costo de más de 20% en los productos de limpieza. Que representa la mosca… y el cliente lo toma con humor.
  • #58 Conclusión Todo esto esta cambiando, todo lo que se a diseñado prácticamente ya desapareció, y todo lo que se va diseñar se desaparecerá. Pero hay que mantener siempre en la mente que tal vez con esos productos pudiste cambiar al mundo.
  • #59 Conclusión Todo esto esta cambiando, todo lo que se a diseñado prácticamente ya desapareció, y todo lo que se va diseñar se desaparecerá. Pero hay que mantener siempre en la mente que tal vez con esos productos pudiste cambiar al mundo.
  • #60 Conclusión Todo esto esta cambiando, todo lo que se a diseñado prácticamente ya desapareció, y todo lo que se va diseñar se desaparecerá. Pero hay que mantener siempre en la mente que tal vez con esos productos pudiste cambiar al mundo.
  • #61 Conclusión Todo esto esta cambiando, todo lo que se a diseñado prácticamente ya desapareció, y todo lo que se va diseñar se desaparecerá. Pero hay que mantener siempre en la mente que tal vez con esos productos pudiste cambiar al mundo.
  • #62 Conclusión Todo esto esta cambiando, todo lo que se a diseñado prácticamente ya desapareció, y todo lo que se va diseñar se desaparecerá. Pero hay que mantener siempre en la mente que tal vez con esos productos pudiste cambiar al mundo.