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
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.
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
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é”.
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
56.
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
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í!
62.
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?
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