Capítulo 1 Por qué la experiencia del usuario es tan importante
· Qué es la experiencia del usuario
La experiencia del usuario es cómo un producto se conecta con el mundo exterior y funciona, es decir , cómo "contactarlo" y "usarlo"
· Del diseño de producto al diseño de experiencia de usuario
1. El proceso de creación de un producto se parece más al desarrollo, estableciendo y mejorando gradualmente el características del producto y funcionalidad hasta que lo que lo compone sea viable en el mercado.
2. El diseño del producto está determinado por la función: la apariencia está subordinada a la función, lo cual no es del todo correcto. Debe estar determinado por los propios sentimientos psicológicos y el comportamiento del usuario.
3. El diseño de la experiencia del usuario generalmente resuelve los problemas integrales del entorno de la aplicación. El diseño de la experiencia del usuario debe tener en cuenta aspectos tanto visuales como funcionales y, al mismo tiempo, resolver otros problemas que enfrenta el desarrollo de productos.
· Experiencia de usuario y sitio web
Cada vez más empresas han comenzado a darse cuenta de que brindar una experiencia de usuario de alta calidad es una ventaja competitiva importante y sostenible, no solo para los sitios web. , y es válido para todo tipo de productos y servicios.
· La experiencia del usuario es una oportunidad de negocio
1. Las características y funciones siempre son importantes, pero la experiencia del usuario tiene un mayor impacto en la fidelidad del cliente.
2. La tasa de conversión es una forma comúnmente utilizada de medir el efecto de la experiencia del usuario (la tasa de conversión es la medida más comúnmente utilizada de los beneficios de la inversión)
3. Cualquier experiencia de usuario El propósito de todos nuestros esfuerzos es mejorar la eficiencia (ayudar a las personas a trabajar más rápido y reducir sus posibilidades de cometer errores)
· Preocuparse por sus usuarios
1. Crear un enfoque atractivo para el usuario efectivo La experiencia se llama "diseño centrado en el usuario". Tenga en cuenta a los usuarios en cada paso del desarrollo de su producto.
2. El diseño centrado en el usuario requiere considerar la experiencia del usuario, descomponerla en sus elementos constitutivos y comprenderla desde diferentes ángulos.
3. Para aquellos que vienen a visitar a los Usuarios, usted debemos planificar una experiencia para ellos que sea pegajosa, intuitiva, clara e incluso agradable
Capítulo 2 Comprender estos elementos
Para comprender el proceso de uso del usuario, los usuarios tienen todas las posibilidades de cada acción que pueden tomar y comprender las expectativas del usuario en cada paso del proceso
· Cinco niveles
1. Capa de presentación: compuesta por texto de imagen
2 Capa de marco: botón, espacio, foto, texto. Optimice el diseño del diseño para lograr el máximo efecto y eficiencia de los elementos.
3. Capa estructural: Diseña cómo los usuarios llegan a una página y adónde van después de terminar su trabajo.
*Capa estructural y capa de entramado: El entramado es la expresión específica de la estructura. La capa de estructura determina la ubicación de los elementos interactivos en la página de pago, mientras que la capa de estructura se utiliza para diseñar cómo los usuarios llegan a la página. La capa de marco define la disposición de varios elementos en la barra de navegación, lo que permite a los usuarios explorar diferentes categorías de productos, mientras que la capa de estructura determina qué categorías deben aparecer y dónde.
4. Capa de alcance: la capa de estructura determina la combinación más adecuada de varias características y funciones del sitio web. Estas características y funciones constituyen la capa de alcance del sitio web. Si una determinada función debe convertirse en una de las funciones del sitio web es un problema que debe resolver la capa de alcance.
5. Capa estratégica: Qué quieren obtener los operadores del sitio web y qué quieren obtener los usuarios del sitio web.
·Construyendo de abajo hacia arriba
1. En el nivel más bajo, no tenemos que considerar la apariencia final del sitio web, producto o servicio. Solo nos importa cómo. El sitio web satisface nuestras necesidades y estrategias para satisfacer las necesidades de los usuarios.
2. En el nivel superior, sólo se preocupan por los detalles específicos que presenta el producto.
3. Cuanto más alto sea el nivel, más específica será la toma de decisiones y más detallado será el diseño.
4. Cada nivel se determina en función del nivel inferior
· Elementos de experiencia de usuario
1. Nivel estratégico: se centra en el exterior de la empresa Usuario Las necesidades, correspondientes a las necesidades del usuario, son nuestras propias expectativas para el sitio web. (Objetivo del producto)
2. Capa de alcance: productos funcionales, crear especificaciones funcionales (descripción del par de "combinación funcional" del par de productos).
Productos de información, requisitos de contenido (descripción detallada de los requisitos para varios elementos de contenido)
3. Capa estructural: productos funcionales, diseño de interacción: define cómo responde el sistema a las solicitudes de los usuarios. Productos de la capa de información, arquitectura de la información: la disposición racional de los elementos de contenido para facilitar la comprensión humana de la información.
4. Capa marco: diseño de la información, una forma de expresar la información que favorece la comprensión. Diseño de interfaz, disposición de elementos de interfaz que permitan a los usuarios interactuar con las funciones del sistema. Diseño de navegación, la combinación de elementos en una pantalla que permite a los usuarios navegar a través de una arquitectura de información.
5. La capa de presentación proporciona una experiencia de percepción del producto final.
· Aplicar estos elementos
1. En cada capa, estos elementos deben interactuar para completar el objetivo de esa capa
2. Qué afecta la experiencia del usuario Dos factores adicionales: contenido y tecnología
Capítulo 3 Capa estratégica
1. Definición de capa estratégica: la combinación de "objetivos del producto" y "necesidades del usuario" forma la capa estratégica, y también se convierte en la base para cada decisión que tomamos al diseñar la experiencia del usuario. Objetivo del producto: ¿Qué queremos obtener de este producto? Necesidades del usuario: ¿Qué quieren obtener nuestros usuarios de este producto?
2. Objetivos del producto: a. Objetivos comerciales Para evitar objetivos demasiado específicos y demasiado amplios, debemos sacar conclusiones después de comprender completamente el problema. Defina claramente las "condiciones para el éxito" en lugar del "camino hacia el éxito".
b. Reconocimiento de marca Para cualquier sitio web, uno de los objetivos básicos que debe describirse claramente es el reconocimiento de marca. Identidad de marca: además de las marcas, los colores y las fuentes, lo más importante es el sistema conceptual y la respuesta emocional (que juega un papel sutil en los usuarios). Debes decidir si la imagen de marca se forma involuntariamente o es el resultado de arreglos deliberados por parte de los diseñadores del producto.
Criterios de éxito, algunos indicadores rastreables (tasa de conversión, número de visitas repetidas, número de impresiones) utilizados. para mostrar si el producto cumple con nuestros propios objetivos y necesidades del usuario después de su lanzamiento. A veces, estos criterios de éxito tienen algo que ver con el sitio en sí y con cómo lo utilizan los usuarios.
3. Necesidades de los usuarios: a. Segmentación de usuarios, dividiendo en grupos a los usuarios con determinadas características o necesidades clave. Diferentes grupos de usuarios tienen diferentes necesidades y la creación de grupos de usuarios segmentados es solo un medio para "revelar las necesidades finales de los usuarios". Las necesidades de diferentes grupos de usuarios también pueden ser contradictorias entre sí, ya sea haciendo concesiones o eligiendo diferentes métodos operativos para diferentes grupos de usuarios que realizan las mismas tareas.
b. Usabilidad e investigación de usuarios, métodos de investigación de mercado, cuestionarios, grupos focales: son fuentes valiosas para obtener información básica sobre los usuarios. La encuesta in situ se refiere a un conjunto de métodos completo, eficaz e integral: se utiliza para comprender el comportamiento del usuario en situaciones de la vida diaria. Análisis de tareas, que desglosa cuidadosamente los pasos precisos que sigue un usuario para completar una tarea. Para las pruebas de usuario, pídales que le ayuden a probar su producto. Para productos basados en información, puede utilizar el método de clasificación de tarjetas: se utiliza para explorar cómo los usuarios clasifican u organizan varios elementos de información.
c. Crear personajes En el proceso de diseño de la experiencia del usuario, los personajes son personajes virtuales extraídos de la investigación de los usuarios que pueden convertirse en ejemplos.
4. Roles y procesos del equipo: los objetivos del producto y las necesidades de los usuarios suelen definirse en un documento de estrategia formal o en un documento de visión.
Capítulo 4 Capa de alcance
· Función y contenido
La capa de alcance determina todos los requisitos funcionales o especificaciones funcionales. El contenido real suele gestionarse a través de un sistema de gestión de contenidos.
· Definir requisitos
El grado de detalle de los requisitos muchas veces depende del alcance específico del proyecto, y la fuente más inagotable de requisitos siempre proviene de los propios usuarios.
· Requisitos de contenido
No confundas el formato y el propósito de un contenido.
Proporcione una estimación aproximada del tamaño de cada característica (recopilando solo los datos clave más críticos).
Identificar quién es el responsable de un determinado elemento de contenido y su "frecuencia de actualización".
Diversos usuarios tienen diferentes necesidades. Qué usuarios quieren qué contenido y cómo presentarlos
· Priorizar las necesidades
A menudo no existe una relación uno a uno entre los objetivos estratégicos y las necesidades.
A veces un objetivo estratégico generará múltiples requisitos. Por otro lado, un requisito también puede lograr múltiples objetivos estratégicos.
La prioridad es el factor principal a la hora de decidir si se adopta o no una característica propuesta.
Capítulo 5 Capa estructural
Tanto el diseño de interacción como el diseño de información enfatizan un punto clave: determinar el "modo" y la "secuencia" de cada elemento que se presentará al usuario.
· Modelo conceptual
1. Opiniones de los usuarios sobre “cómo funcionarán los componentes interactivos”
2. Diseñar una determinada característica del software para que sea familiar usuarios Un cierto concepto
3. Mantener la coherencia en el uso durante el proceso de desarrollo del diseño de interacción. El método de uso del software es consistente con la experiencia de la vida real y el método de interacción permanece consistente en todo el sistema.
4. El uso de modelos conceptuales familiares permitirá a los usuarios adaptarse más rápidamente a un sitio web desconocido.
5. Manejo y prevención de errores: el primero también es un método para prevenir errores. Diseñar el sistema de manera que sea imposible cometer errores. Corrección: cuando se producen errores, el sistema debe ayudar a los usuarios a identificarlos y corregirlos (mensajes de error efectivos, interfaces autoexplicativas). Recuperación: proporciona a los usuarios una forma de recuperarse de errores (deshacer)
· Arquitectura de la información
1. Contenido estructurado: la tarea principal de la arquitectura de la información es diseñar la clasificación organizacional y la estructura de navegación. para que los usuarios puedan encontrar y navegar por el contenido del sitio web de forma más eficiente. Sistema de clasificación top-down: diseño estructural directo basado en los objetivos del producto y las necesidades del usuario. Comience con la clasificación más amplia de contenidos y funciones que probablemente cumplan con los objetivos de la toma de decisiones y luego subdivida las subcategorías según la lógica. Sistema de clasificación ascendente: comience con los datos existentes, colóquelos en la clasificación de nivel más bajo y luego asígnelos a clasificaciones de nivel superior. El criterio más importante para la calidad estructural no es cuántos pasos requiere todo el proceso, sino "si el usuario cree que cada paso es razonable" y "¿si el paso actual es una continuación natural de la tarea del paso anterior?".
2. Método estructural: La unidad básica de la arquitectura de la información es el nodo.
Estructura jerárquica: Existe una relación padre/hijo entre nodos y otros nodos.
Estructura matricial: La estructura matricial puede ayudar a los usuarios "que vienen con diferentes necesidades" a encontrar lo que buscan en el mismo contenido.
Estructura natural: esta estructura no tiene un concepto fuerte de "categorización". Es adecuada para explorar una serie de temas cuyas relaciones no están claras o están en constante evolución, pero los usuarios aún deben confiar en ellos. El mismo camino la próxima vez, no es apropiado encontrar a alguien con el mismo contenido.
Estructura lineal: se suele utilizar para estructuras de pequeña escala.
Una arquitectura de información escalable puede acomodar contenido nuevo como parte de la estructura existente y también puede agregar contenido nuevo como una parte completamente nueva.
3. Principios organizativos: en términos generales, los principios organizativos utilizados en el nivel más alto del sitio web deben estar estrechamente relacionados con los "objetivos del sitio web" y las "necesidades del usuario". En los niveles inferiores de la estructura, las consideraciones de contenido y requisitos funcionales tendrán un gran impacto en los principios organizativos que se adopten.
4. Idioma y metadatos: siga el principio de nomenclatura de "utilizar el idioma del usuario" y "mantener la coherencia". Al mismo tiempo, evite la "ambigüedad o confusión semántica".
Capítulo 6 Capa de marco
· La capa de marco resuelve principalmente problemas de ubicación
1. El diseño de la interfaz considera el diseño de elementos interactivos.
2. El diseño de navegación considera la disposición de elementos que guían a los usuarios a moverse por el producto.
3. En el diseño de la información, considere la disposición de los elementos de información transmitidos a los usuarios.
· Hábitos y metáforas
La interfaz debe ser coherente con los hábitos que los usuarios ya han desarrollado. Más importante aún, la interfaz debe ser coherente consigo misma.
Un modelo conceptual de las características de un sitio web ayuda a mantener la coherencia dentro del sitio web. Si dos funciones utilizan el mismo modelo conceptual, se puede mantener una interfaz y un funcionamiento coherentes, lo que permite a los usuarios adaptarse rápidamente a la otra después de acostumbrarse a la función.
Incluso si los modelos conceptuales son inconsistentes, los módulos utilizados por estos modelos conceptuales deben tratarse de manera similar (por ejemplo: conceptos como inicio, fin, retorno o guardar)
Uso efectivo Las metáforas tratan de tomar la hacer conjeturas a los usuarios a la hora de comprender y utilizar un producto. El sitio web puede proporcionar contexto para ayudar a los usuarios a comprender las características representadas por las metáforas que utiliza, pero cuantas más funciones y contenido proporcione, menos confiables serán las conjeturas y algunos usuarios siempre adivinarán mal.
· Diseño de interfaz
Todo lo que tiene que hacer el diseño de interfaz es elegir los elementos de interfaz adecuados para ayudar a los usuarios a completar sus tareas y hacerlas fáciles de entender y usar de manera adecuada. . usar.
Un diseño de interfaz exitoso es un diseño de interfaz que permite a los usuarios descubrir "las cosas más importantes" de un vistazo.
· Diseño de navegación
1. El diseño de navegación debe lograr tres objetivos: proporcionar a los usuarios una forma de saltar entre sitios web y transmitir el contenido que contienen; la relación entre el contenido que transmite y la página por la que navega actualmente el usuario.
2. Sistema de navegación: Navegación global: Proporciona acceso a todo el sitio web. Navegación local: proporciona a los usuarios acceso a "lugares cercanos" en esta arquitectura. Navegación auxiliar: navegación clasificada por contenidos, productos o atributos del usuario. Navegación contextual (navegación en línea): un tipo de navegación incrustada en el contenido de la propia página.
· Diseño de información
1. Clasificar y organizar estos elementos de información de una manera que "refleje el pensamiento del usuario" y "respalde sus tareas y objetivos"
2. Las instrucciones ayudan a los usuarios a comprender "dónde están", "dónde pueden ir" y "qué camino está más cerca de la meta". Pueden utilizar guías visuales como iconos, sistemas de etiquetado, tipografía y colores.
Capítulo 7 Capa de Expresión
· Diseño razonable de la percepción
1. Cinco aspectos: visión, oído, tacto, olfato y gusto.
2. El sonido se puede aplicar a muchos tipos diferentes de productos; se puede utilizar para informar a los usuarios y también puede hacer que los productos sean más personalizados.
3. Al evaluar un plan de diseño visual, debes centrarte en si "funcionan bien".
· Contraste y coherencia
1. Llamar la atención del usuario sobre partes importantes a través del contraste.
2. El diseño excesivo también puede generar confusión visual. Las diferencias deben ser lo suficientemente claras como para que los usuarios puedan darse cuenta de que una determinada elección de diseño se transmite deliberadamente. La coherencia puede evitar la confusión y la ansiedad del usuario. basado en cuadrículas para mantener el diseño consistente.
· Combinación de colores y tipografía
1. Color El color central de la marca suele formar parte de una combinación de colores más amplia. Esta combinación de colores se utiliza en todos los materiales de una empresa. . Los colores utilizados en la combinación de colores estándar de una empresa se seleccionan específicamente para que funcionen juntos y sean complementarios pero no conflictivos.
2. Para la tipografía, no utilices estilos muy similares pero no idénticos. Sólo utiliza estilos diferentes cuando necesites transmitir información diferente. No utilices un estilo demasiado amplio y variado.
Capítulo 8 Aplicación de elementos
1. El contenido de trabajo más importante para crear una buena experiencia de usuario es recopilar una gran cantidad de problemas muy sutiles que deben resolverse con urgencia.
2. Todos los factores en los cinco niveles deben considerarse al mismo tiempo.
3. Los errores en el nivel superior pueden debilitar la toma de decisiones correcta en el nivel inferior. Las decisiones se toman en un nivel, los esfuerzos en el siguiente nivel no tendrán sentido.