Despues de revisar a muchos autores, pude integrar esta presentación para que podamos entender cual es el objetivo de todo lo que desarrollamos y diseñamos: Nuestro Usuario debe estar satisfecho cuando usa nuestro producto

1. User Experience
UX
Subdirección de servicios Web

2. ¿Qué es la UX?

3. ¿Qué es la UX?
Sensación, sentimiento, respuesta
emocional, valoración y satisfacción del
usuario respecto a un producto,
resultado del fenómeno de interacción
con el producto y la interacción con su
proveedor.

4. ¿Qué es la UX?

5. ¿Qué es la UX?
Comportamiento y uso de un producto en
el mundo real, es decir, cuando ya es
manipulado por sus usuarios

6. ¿Qué es la UX?
Comportamiento y uso de un producto en
el mundo real, es decir, cuando ya es
manipulado por sus usuarios

7. ¿Qué es la UX?
Comportamiento y uso de un producto en
el mundo real, es decir, cuando ya es
manipulado por sus usuarios

8. ¿Qué es la UX?
Comportamiento y uso de un producto en
el mundo real, es decir, cuando ya es
manipulado por sus usuarios

9. Algún parecido con
la realidad, es pura
coincidencia...

10. Es un concepto muy innovador

11. Es un concepto muy innovador
Diseño centrado en el DISEÑADOR

13. “Pero está funcionando, nosotros acá ya lo probamos”

14. “Pero está funcionando, nosotros acá ya lo probamos”
Diseño centrado en el DESARROLLADOR

15. “Pero está funcionando, nosotros acá ya lo probamos”
Diseño centrado en el DESARROLLADOR
“Quiero algo más dinámico, ¿no le puedes poner
“musiquita?”

16. “Pero está funcionando, nosotros acá ya lo probamos”
Diseño centrado en el DESARROLLADOR
“Quiero algo más dinámico, ¿no le puedes poner
“musiquita?”
Diseño centrado en el CLIENTE

18. Diseño centrado en el CLIENTE

19. ¿Qué pasa cuando no aplicamos UX?
• http://www.horserentals.com/virginia.html
• http://phat.distort.org/
• http://www.havenworks.com/

20. ¿Porqué debemos
preocuparnos
por la UX?

26. ¿tú como ves el
requerimiento?

39. todo desarrollo debe ser:

40. todo desarrollo debe ser:

41. Elementos de UX
de acuerdo con JJ Garrett, las etapas de un
desarrollo deben trabajarse por capas para
identificar cada elemento

42. Elementos de UX

43. Elementos de UX
Superficie: El diseño visual de los
elementos que comprenden las páginas
de un sitio o sistema.

44. Elementos de UX
Superficie: El diseño visual de los
elementos que comprenden las páginas
de un sitio o sistema.
Esqueleto: La ubicación de los diversos
elementos que tienen las páginas y la
relación entre ellos. Ej. botones, texto, etc.

45. Elementos de UX
Superficie: El diseño visual de los
elementos que comprenden las páginas
de un sitio o sistema.
Esqueleto: La ubicación de los diversos
elementos que tienen las páginas y la
relación entre ellos. Ej. botones, texto, etc.
Estructura: Relación entre las páginas del
sitio, los flujos entre sí, estructura de
navegación, etc.

46. Elementos de UX
Superficie: El diseño visual de los
elementos que comprenden las páginas
de un sitio o sistema.
Esqueleto: La ubicación de los diversos
elementos que tienen las páginas y la
relación entre ellos. Ej. botones, texto, etc.
Estructura: Relación entre las páginas del
sitio, los flujos entre sí, estructura de
navegación, etc.
Alcance: Funciones y características del
sitio. Es el “qué” del proyecto.

47. Elementos de UX
Superficie: El diseño visual de los
elementos que comprenden las páginas
de un sitio o sistema.
Esqueleto: La ubicación de los diversos
elementos que tienen las páginas y la
relación entre ellos. Ej. botones, texto, etc.
Estructura: Relación entre las páginas del
sitio, los flujos entre sí, estructura de
navegación, etc.
Alcance: Funciones y características del
sitio. Es el “qué” del proyecto.
Estrategia: Consiste en aclarar que esperan
del sitio los dueños, gestores, los usuarios.
Es el “porqué”.

48. Como Interfaz de software
Elementos de UX
Como página WEB

49. Como Interfaz de software
Elementos de UX
Como página WEB

50. Como Interfaz de software
Elementos de UX
Como página WEB

51. Como Interfaz de software
Elementos de UX
Como página WEB

52. Como Interfaz de software
Elementos de UX
Como página WEB

53. tomar en cuenta para una buena UX
Estructura (mapa de sitio, wireframe, prototipo)
Planea tu sitio y sigue tu plan
Búsqueda y estructura de navegación integrada
Trata que los resultados de la búsqueda contengan la ruta donde se
encuentra
Landing pages
Procura que cada sección tenga su propia página de inicio
Jerarquías múltiples
Utiliza varios lugares para ubicar tu información, pero siempre con las
mismas características
Micrositios
Prefiera usar Landing pages, los micrositios afectan la navegación y se
puede perder la imagen coorporativa o institucional

54. tomar en cuenta para una buena UX
Navegación visible
Puede ser superior, migajas, mapa de sitio
Elementos de navegación
Debe ser texto fijo, evita las animaciones
Navegación coherente
Debe ser clara detectarse desde la primera página, debe estar
en el mismo lugar y ser del mismo tipo
Menús estándares
Habla claro y apegate a los estándares establecidos a lo largo
del tiempo

55. Toma en cuenta:
No necesariamente debe tener lo que nos gusta, ni es sobre
nosotros
Apliquemos lo que construya experiencia de usuario
Ofrece sugerencias y alternativas constructivas
• Evitar expresiones como “No me gusta” “Es feo”
• Se acertivo, no agresivo
• Siempre ten una razón sobre tu argumento
Considera en todas las etapas al USUARIO FINAL
Usa las herramientas que tengas a la mano, pero recuerda que tus
ojos y tu cerebro son las mejores herramientas que tienes se trata
de hacer mejores productos para todos

57. Sigue la metodología en la que se
involucra al usuario durante todo el
proceso de diseño y desarrollo del sitio o
sistema Web.
El secreto está en poner en armonía los
objetivos de la organización y las
necesidades de los usuarios

58. Lenguaje Claro

60. Prevalencia.
1. f. Acción y efecto de prevaler.
2. f. Acción y efecto de prevalecer.
3. f. Med. En epidemiología, proporción de personas que sufren una
enfermedad con respecto al total de la población en estudio.

61. Por favor declare sus productos
animales o vegetales antes de entrar
a Zacatecas.
Queremos ser un estado sin plagas ni
epidemias.
¡Ayúdanos a conservarlo así!

63. El Lenguaje Claro es:
Una forma de escribir:
Clara, directa y sencilla
Orientada hacia el lector y
Centrada en el propósito

64. En Web leemos 25%
mas despacio que en
papel
Escaneamos el texto
El usuario tiene prisa
y poco tiempo

65. En Web leemos 25%
mas despacio que en
papel
Escaneamos el texto
El usuario tiene prisa
y poco tiempo
¿Como leen los
usuarios nuestros
textos?

66. En Web leemos 25%
mas despacio que en
papel
Escaneamos el texto
El usuario tiene prisa
y poco tiempo
¿Como leen los
usuarios nuestros
textos?

67. Lenguaje Claro
Aplica las 3 “C” de la
comunicación
• Claridad
• Coherencia
• Consistencia

68. Lenguaje Claro
• Escribe para la audiencia (Usuario Final)
• Tus contenidos deben ser:
• simples
• menos formales en su redacción
• de fuentes confiables
• concisos
• fácilmente escaneables
• Usa diferentes niveles de encabezados
• usa viñetas

69. Lenguaje Claro
• Usa negritas en frases importantes
• Los Hipervínculos deben PARECERLO
• Usa punto y aparte en lugar de coma (,)
• Omite palabras innecesarias
• Escribe en positivo
• Lenguaje específico y concreto
• Una idea por párrafo
• Palabras cortas en lugar de largas
• Palabras de uso común

70. Gracias