Elementos de la experiencia del usuario: diseño de producto centrado en el usuario

- Qué es la experiencia del usuario

La experiencia del usuario se refiere a la relación y función del producto en el mundo externo. Es el "toque" y. "toque" del producto Cómo utilizar "

- Del diseño del producto al diseño de la experiencia del usuario

1.

2. El diseño del producto no está completamente determinado. por función: la forma sigue a la función. Debe estar determinado por los propios sentimientos psicológicos y el comportamiento del usuario.

3. El diseño de la experiencia del usuario suele resolver 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, al mismo tiempo que resuelve otros problemas que enfrenta el producto.

- Experiencia de usuario y sitio web

Cada vez más empresas comienzan a darse cuenta de que brindar una excelente experiencia de usuario es una ventaja competitiva importante y sostenible, y esto no solo se aplica a los sitios web, también se aplica a todo tipo de productos y servicios.

- La experiencia del usuario es una oportunidad de negocio

1. Las características y la funcionalidad siempre son importantes, pero la experiencia del usuario tiene un impacto mayor en la fidelidad del cliente.

2. La tasa de conversión es un método común para medir la efectividad de la experiencia del usuario (la tasa de conversión es el indicador más común para medir la efectividad de la inversión)

3. El objetivo de cualquier experiencia de usuario nuestro trabajo es mejorar la eficiencia (ayudar a los usuarios a trabajar más rápido y reducir sus posibilidades de cometer errores)

- Se trata de sus usuarios

1. El enfoque para crear experiencias de usuario atractivas y efectivas se llama Por "diseño centrado en el usuario". Tenga en cuenta al usuario en cada paso del camino durante el desarrollo del producto.

2. El diseño centrado en el usuario tiene en cuenta la experiencia del usuario, descomponiéndola en sus elementos constitutivos y entendiéndola desde diferentes perspectivas.

3. Debes planificar una estrategia pegajosa, intuitiva, e incluso una experiencia agradable para sus usuarios

Capítulo 2: Comprender los elementos

Para comprender qué pueden hacer los usuarios durante la acción de uso que realizan. Comprender todas las posibilidades de cada acción que un usuario puede realizar en el proceso y comprender las expectativas del usuario en cada paso del proceso

- Cinco niveles

1. Capa de presentación: compuesta de imágenes y texto

2. Capa de marco: botones, espacio, fotografías y texto. Optimice la disposición del diseño para maximizar la efectividad y eficiencia de los elementos.

3. Capa estructural: Diseña cómo los usuarios ingresan a la página y hacia dónde van después de completar el negocio.

* Capa estructural y capa de marco: El marco es la materialización concreta de la estructura. La capa de marco define la ubicación de los elementos interactivos en la página de pago, mientras que la capa estructural se utiliza para diseñar cómo los usuarios ingresan a la página. La capa de marco define cómo se organizan los 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 estructural determina la forma más adecuada de combinar las diversas características y funciones del sitio web, que constituyen la capa de alcance del sitio web. La capa de alcance debe abordar si una característica particular debe ser una de las características del sitio web.

5. Capa estratégica: qué esperan obtener los operadores del sitio web y qué esperan obtener los usuarios del sitio web.

- Construir desde abajo hacia arriba

1. En el nivel inferior, no tenemos que pensar en la apariencia del sitio web, la implementación final del producto o servicio, Solo nos importa cómo el sitio web satisface nuestra estrategia y las necesidades de los usuarios.

2. En el nivel superior, sólo nos preocupamos por los detalles específicos del producto.

3. Cuanto mayor sea el nivel, más específica será la toma de decisiones y más refinado será el diseño.

4. Cada nivel se basa en el siguiente nivel

- Elementos de la experiencia del usuario

1. Nivel estratégico: centrarse en las necesidades del usuario fuera de la organización y responder en consecuencia El usuario necesita objetivos que esperamos que alcance nuestro sitio web. (Capa de alcance: para productos funcionales, creamos especificaciones funcionales (descripción del "conjunto de características" del producto). Para productos de información, requisitos de contenido (descripciones detalladas de los requisitos para varios elementos de contenido)

3. Estructura Capa: Producto de capa funcional, diseño de interacción: define cómo responde el sistema a las solicitudes de los usuarios.

Productos de capa de información y arquitectura de información: organizan razonablemente 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 presentar la información que favorece la comprensión. Diseño de interfaz: la disposición de los elementos de la interfaz para permitir a los usuarios interactuar con la funcionalidad del sistema. Diseño de navegación: la combinación de elementos en una pantalla que permite a los usuarios navegar dentro de una arquitectura de información.

5. Capa de demostración, que es el componente de la experiencia de percepción portátil del producto final.

- Aplicar estos elementos

1. En cada capa, estos elementos deben interactuar entre sí para lograr el objetivo de esa capa

2. Impactar al usuario experiencia Los otros dos factores: contenido y tecnología

Capítulo 3: Capa estratégica

1. "Definición de capa estratégica: la combinación de los objetivos del producto y las necesidades del usuario constituye la capa estratégica, que Es la base de cada decisión que tomamos al diseñar la experiencia del usuario. Objetivos del producto: ¿Qué queremos de este producto? Necesidades del usuario: ¿Qué quieren nuestros usuarios del producto? a. Los objetivos comerciales, para evitar ser demasiado específicos y demasiado amplios, debemos sacar conclusiones después de comprender completamente el problema. Aclarar las "condiciones para el éxito" en lugar de definir el "camino hacia el éxito"

b. . Identidad de marca. Para cualquier sitio web, uno de los objetivos básicos que debe describir claramente es la identidad de marca: además de los logotipos, los colores y las fuentes, lo más importante es el sistema conceptual y la respuesta emocional. juega un papel en la respuesta del usuario) (desempeña un papel sutil). Debes juzgar si la imagen de marca se forma involuntariamente o es el resultado de una cuidadosa consideración y disposición por parte del diseñador del producto.

c. Criterios, es decir, algunos resultados rastreables utilizados después del lanzamiento del producto. Métricas (tasas de conversión, visitas repetidas, impresiones) para mostrar si el producto cumple con nuestros propios objetivos y las necesidades de nuestros usuarios. A veces, estos criterios de éxito están relacionados con el sitio web en sí. y cómo lo usan los usuarios

3. Necesidades de los usuarios: a. Segmentación de usuarios, dividir algunos usuarios que tienen funciones o necesidades clave en varios grupos. Diferentes grupos de usuarios tienen diferentes necesidades, y establecer grupos de usuarios segmentados es simplemente. "revelador". Un medio para las necesidades finales de los usuarios. Diferentes grupos de usuarios pueden tener necesidades contradictorias. Para diferentes grupos de usuarios que realizan las mismas tareas, deben hacer concesiones o elegir diferentes métodos operativos. b. Estudios de usabilidad y usuarios, métodos de investigación de mercado, cuestionarios, grupos focales: fuentes valiosas de información básica sobre los usuarios. Encuestas de campo, un conjunto completo, eficaz y completo de métodos: utilizados para comprender el comportamiento de los usuarios en la vida diaria. Analice los pasos precisos que siguen los usuarios para completar una tarea, pidiendo a los usuarios que ayuden a probar su producto o clasificación de tarjetas para productos basados ​​en información: se utiliza para explorar cómo los usuarios categorizan u organizan varios elementos de información. > c. Crear "personas". Las "personas" son avatares extraídos de la investigación de usuarios que se pueden utilizar como muestras en el proceso de diseño de la experiencia del usuario

4. Roles y procesos del equipo: los objetivos del producto y los requisitos del usuario. normalmente se define en una estrategia formal o documento de visión

Capítulo 4 Capas de alcance

- Características y contenido

Las capas de alcance se identifican requisitos funcionales completos o especificaciones funcionales. El contenido real suele gestionarse a través de un sistema de gestión de contenidos.

- Determinar requisitos

El nivel de detalle de los requisitos suele depender del alcance concreto del proyecto, y la fuente más inagotable de requisitos siempre es la de los propios usuarios.

- Requisitos de contenido

No confundas formato de contenido y propósito.

Haga una estimación aproximada del tamaño de cada característica (reúna sólo la información clave más crítica).

Determinar quién es responsable de los elementos del contenido y su "frecuencia de actualización".

Diferentes usuarios tienen diferentes necesidades. Qué usuarios necesitan qué contenido y cómo presentarlo

- Priorizar las necesidades

A menudo no existe una correspondencia uno a uno entre los objetivos estratégicos y las necesidades.

A veces un objetivo estratégico crea múltiples requisitos. Por otro lado, un requisito puede satisfacer múltiples objetivos estratégicos.

La priorización es el factor principal a la hora de decidir si se adoptan funciones relacionadas que la gente sugiere.

Capítulo 5: Capas estructurales

Tanto el diseño de interacción como el diseño de información enfatizan un punto importante: determinar el "patrón" y la "secuencia" de elementos que se presentarán al usuario.

- Modelo conceptual

1. Vista de los usuarios sobre "cómo funcionarán los componentes interactivos"

2. Diseñar funciones de software en conceptos familiares para los usuarios

p>

3. Mantener la coherencia en el uso durante el diseño y desarrollo de la interacción. La forma en que se utiliza el software debe ser coherente con la experiencia del mundo real, y la forma en que interactúa con el software debe ser coherente en todo el sistema.

4. El uso de modelos conceptuales familiares permite a los usuarios adaptarse más rápido a sitios web desconocidos

5. Manejo y prevención de errores: la primera y más efectiva forma de prevenir errores es integrar el sistema Diseñado ser imposible equivocarse. Corrección de errores: cuando se producen errores, el sistema debe ayudar al usuario a identificar el error y corregirlo (mensajes de error efectivos, interfaz que se explica por sí misma). 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 una estructura que organice la clasificación. y navegación, para que los usuarios puedan encontrar y explorar el contenido del sitio web de manera más eficiente. Sistema de clasificación de arriba hacia abajo: diseñe la estructura directamente en función de los objetivos del producto y las necesidades del usuario. Comience con el contenido y la funcionalidad más amplios que puedan cumplir con sus objetivos de decisión y luego, lógicamente, divídalos en subcategorías. Sistema de clasificación ascendente: comience con la información existente, colóquela en el nivel de clasificación más bajo y luego asígnela a niveles de clasificación más altos. El criterio más importante para medir la calidad estructural no es cuántos pasos se requieren en el proceso, sino "si el usuario siente que cada paso es razonable" y "¿Es el paso actual una continuación natural del paso anterior? ¿Es el paso actual una continuación natural de la tarea del paso anterior".

2. Método estructural: La unidad básica de la estructura de información es el nodo.

Jerarquía: Existe una relación padre-hijo entre nodos y otros nodos.

Estructura matricial: La estructura matricial ayuda 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" y es adecuada para explorar una serie de temas con relaciones poco claras o cambiantes, pero no es adecuada para usuarios que necesitan seguir el mismo camino. para acceder al mismo contenido la próxima vez.

Estructura lineal: se suele utilizar para estructuras de pequeña escala.

Una arquitectura de información extensible puede incorporar contenido nuevo como parte de una estructura existente, o puede agregarse 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, el contenido y los requisitos funcionales considerados tendrán un gran impacto en los principios organizativos que utilice.

4. Idioma y metadatos: siga los principios de nomenclatura de "usar el lenguaje del usuario" y "mantener la coherencia". Evite la "ambigüedad o ambigüedad semántica".

Capítulo 6: Capa de marco

- En la capa de marco, el principal problema a resolver es el problema de diseño.

1. El diseño de la interfaz debe tener en cuenta la disposición de los elementos interactivos.

2. El diseño de navegación considera la disposición de elementos que guían a los usuarios a buscar productos.

3. El diseño de la información considera la disposición de los elementos que transmiten información a los usuarios.

- Hábitos y Metáforas

La interfaz debe ser coherente con los hábitos que el usuario ha desarrollado y, lo que es más importante, la interfaz debe ser coherente consigo misma.

Un modelo conceptual de la funcionalidad de un sitio web ayuda a mantener la coherencia dentro del sitio web. Si tiene dos funciones que utilizan el mismo modelo conceptual, puede mantener la coherencia en la interfaz y el funcionamiento y permitir que los usuarios se adapten rápidamente a una función una vez que se acostumbren a la otra. Incluso cuando los modelos conceptuales son inconsistentes, los módulos utilizados por estos modelos conceptuales deben procesarse de manera similar (por ejemplo: iniciar, finalizar, regresar o guardar)

El uso eficaz de metáforas puede reducir la dificultad del usuario para comprensión y las conjeturas involucradas en el uso del producto. Los sitios web pueden proporcionar contexto para ayudar a los usuarios a comprender las funciones que representan las metáforas que utiliza, pero cuantas más funciones y contenido proporcione, menos confiables serán las conjeturas y siempre habrá una parte de los usuarios que adivinarán mal.

- Diseño de interfaz

El diseño de interfaz consiste en elegir los elementos correctos de la interfaz para ayudar a los usuarios a completar sus tareas y, al mismo tiempo, facilitar que los usuarios comprendan y utilicen esos elementos de la manera correcta. forma.

El diseño exitoso de la interfaz permite a los usuarios encontrar "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 acceder al sitio web; transmitir la relación entre estos elementos y el contenido que contienen; transmitir la relación entre lo que transmite y la página que el usuario está viendo actualmente.

2. Sistema de navegación: Navegación global: Proporciona acceso a todo el sitio web. Navegación local: proporciona a los usuarios acceso a "ubicaciones cercanas" en la estructura. Navegación secundaria: navegación por categorías para contenido, productos o atributos de usuario. Navegación contextual (navegación integrada): un tipo de navegación que está integrada en el propio contenido de la página.

- Diseño de información

1. Clasifique y organice estos elementos de información de una manera que "responda al pensamiento del usuario" y "respalde las tareas y objetivos del usuario". "Dónde están", "dónde pueden ir" y "qué camino está más cerca de la meta" se pueden guiar a través de íconos, sistemas de etiquetado, tipografía, color y otros efectos visuales.

Capítulo 7: Capa de Presentación

- Diseño Racional de la Percepción

1. Cinco componentes: visión, oído, tacto, olfato y gusto.

2.

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 prestar atención a su "efecto".

- Contraste y Consistencia

1. Llamar la atención del usuario hacia lugares importantes a través del contraste.

2. El diseño excesivo también puede generar desorden visual. Las diferencias deben ser lo suficientemente claras para que los usuarios reconozcan que las opciones de diseño son intencionales, para transmitir coherencia, evitar la confusión y la ansiedad del usuario y mantener la coherencia entre los diseños basados ​​en cuadrículas.

- 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, que debe aplicarse a todos los materiales de la empresa. Los colores utilizados en el esquema de color estándar de la empresa se eligen específicamente para sus combinaciones y se complementan pero no entran en conflicto.

2. Para la tipografía, no utilices estilos muy similares pero no idénticos. Utiliza estilos diferentes sólo cuando necesites transmitir información diferente. No utilices estilos que sean demasiado amplios y variados.

Capítulo 8: Puntos de aplicación

1. La parte más importante del trabajo de crear una buena experiencia de usuario es recopilar una gran cantidad de problemas muy sutiles que deben resolverse.

2. Los problemas en los cinco niveles deben considerarse simultáneamente

3. Los errores en la cima socavarán las decisiones correctas en los niveles inferiores Si las decisiones en los niveles inferiores son incorrectas, Los esfuerzos en la cima serán inútiles.