Nuevos patrones de diseño orientados al usuario
Abarca artículos de investigación y reestructuración
Para obtener orientación para principiantes, los usuarios deben aprender a utilizar el producto de forma rápida y feliz, y el objetivo del producto es rápidamente Convierta a los usuarios novatos en usuarios avanzados. Usuarios activos y leales con alta adherencia. Las necesidades de los usuarios y los objetivos del producto parten de perspectivas diferentes y, a veces, entran en conflicto, pero no son contradicciones irreconciliables. Por lo tanto, el diseño orientado a principiantes busca equilibrar las necesidades del usuario y los objetivos del producto para lograr una situación en la que todos ganen.
Para no destruir las funciones y operaciones originales del producto para que los usuarios lo utilicen normalmente, es necesario equilibrar la fuerza de guía con la interferencia en el uso normal del usuario. Hágase algunas preguntas más: ¿Es realmente necesaria esta función para guiar y recordar a los usuarios? ¿Es necesario que esta función sea conocida por todos los usuarios o sólo por un determinado tipo de usuarios? ¿Es necesario solicitar este recordatorio en todos los escenarios o en escenarios específicos? Clasifiquemos los diversos patrones de diseño de guías:
1. Guía por primera vez
1 Página de guía de presentación de diapositivas
Hoy en día, la mayoría de los diseños de guía principales. patrones en el mercado Algunas aplicaciones proporcionarán una serie de páginas de guía de visualización deslizante al iniciar sesión por primera vez para presentar funciones de la aplicación o demostrar interacciones. La desventaja de este enfoque es que cierra la brecha entre el usuario y la aplicación. Incluso si la página está bellamente diseñada y es lo suficientemente interesante, será difícil para los usuarios leerla con paciencia y atención. Debido a que la gran mayoría de los usuarios todavía tienden a explorar la aplicación por su cuenta, incluso si el tutorial les resulta útil, se desvía de la intención original del usuario.
2. Guía de instrucciones
El "Tablero de bienvenida" es la primera interfaz que ven los usuarios cuando abren el panel de administración de tareas de Trello, que cubre una lista de tareas pendientes previamente completada y explica. la interacción y funcionalidad de los diferentes controles del programa. De esta forma, los usuarios pueden comprender de forma más eficaz la funcionalidad del producto.
Paper, el producto estrella de la App Store, es un software de dibujo cuya interacción se basa en muchos gestos especiales, y también define algunas especificaciones operativas con características de la marca. Debe saber que los usuarios no tienen mucho tiempo ni paciencia para explorar un producto completamente desconocido, por lo que Paper realiza una gran labor de orientación para los usuarios en las primeras etapas de uso.
2. Guía basada en escenarios
La guía para el usuario basada en escenarios proporciona a los usuarios las explicaciones necesarias en interfaces, escenarios y momentos específicos, o en nodos específicos del historial del usuario.
1. Avisos de protección
Los avisos de bloqueo son un tipo de guía sólida que enfatiza lo que actualmente necesita guía al cubrir directamente la interfaz. Este mensaje permite a los usuarios centrarse en interacciones primarias específicas y minimiza la cantidad de información explicada. El contenido de la guía se superpone al control de la interfaz de usuario correspondiente en forma de capa. Generalmente aparece cuando el usuario opera por primera vez y solo muestra uno a la vez. Requiere que el usuario vea el contenido del mensaje y realice la operación correspondiente o toque la tecla X para desaparecer. Es algo similar a la lógica emergente de la aplicación, pero la diferencia es que la ventana emergente suele ser una advertencia. o recordatorio para confirmar si se debe realizar la operación.
Aunque no existen estadísticas relevantes, es muy común que los usuarios cierren directamente el recordatorio gris y no lean el contenido. Utilice este recordatorio para sugerir que el diseño es simple y poderoso, con la menor copia posible.
2. Avisos de cuadros temporales
Los cuadros temporales se pueden dividir en dos categorías, una se llama cuadro temporal modal y la otra se llama cuadro temporal no modal. El cuadro temporal modal no desaparecerá hasta que el usuario seleccione una acción, como la confirmación de advertencia; el cuadro temporal no modal desaparecerá sin que el usuario seleccione una acción, como el mensaje Toast que aparece en la página.
Cuadro temporal modal:
A. Vista de alerta Vista de alerta
La vista de alerta es un concepto en iOS. La definición oficial es que los cuadros de advertencia se utilizan para notificar a los usuarios sobre información importante que afectará el uso de aplicaciones o dispositivos. El cuadro temporal correspondiente, llamado diálogo en el sistema Android, se traduce en un cuadro de diálogo.
Piensa en retrospectiva, cuando escuchaste una noticia impactante, ¿cuál fue tu reacción? La reacción de la mayoría de las personas es "¿Qué?" o "¿Qué dijiste?". Tu subconsciente le pide a la otra persona que lo diga nuevamente.
¿Por qué? Debido a que esta información es tan inesperada, ¡debe verificar si es cierta! Asimismo, ¿cómo reacciona la aplicación cuando activas el botón de eliminar? La operación de eliminación es demasiado sensible y necesita ser reconfirmada. Aquí se utiliza la vista de alerta. La aplicación necesita obtener información de ubicación; acceder al álbum de fotos y a la cámara; preguntar si desea actualizar la aplicación, etc. , todos requieren el uso de vistas de advertencia.
Además, la vista de advertencia también se puede utilizar como entrada o página de guía para actividades operativas.
Como se puede ver en la figura anterior, la vista de advertencia incluye tres partes: título; Algunas vistas de advertencia simples solo tienen títulos y botones y no requieren descripción de texto; otras pueden no tener botones. Haga clic en el área exterior del cuadro temporal y el cuadro temporal desaparecerá.
B. Hoja de acciones del menú Acción
La traducción china de Hoja de acción en iOS es menú de acciones, que corresponde a Hojas inferiores en Android, y la traducción china es barra de acciones inferior. Utilice una aplicación de música para escuchar canciones y mirar la interfaz de reproducción. En este momento desea verificar la información del artista, la información del álbum, recopilar esta canción... Para satisfacer tantas necesidades en la página actual, debe utilizar hojas de acción. Para la página actual, hay demasiadas operaciones que el usuario desea realizar y es imposible liberarlas todas, por lo que la página está llena de íconos y botones. Poner todos estos botones en un cuadro temporal en forma de lista de acciones resuelve este problema perfectamente.
Las dos imágenes de arriba se ven completamente diferentes, pero el principio es lo que dije anteriormente. No hay cambios, solo un estilo de interfaz de usuario diferente. Todos pertenecen al cuadro temporal de tipo menú de acciones. También existe una variante de este cuadro temporal, que no aparece en la parte inferior, sino cerca del área donde el usuario activa la operación, como se muestra en la siguiente figura:
C. vista
Global El modo pertenece a un cuadro temporal especial porque su área ocupa toda la pantalla. Pero en las especificaciones de diseño de iOS, el modo global se coloca en un cuadro temporal. La definición oficial es: una vista presentada en forma modal que proporciona una funcionalidad independiente y autónoma para la tarea o flujo de trabajo actual.
El modo global tiene las siguientes características (en comparación con las imágenes de la aplicación de buzón que viene con iOS, será más fácil de entender): ① Ocupa toda la pantalla o toda la vista principal. (2) Contiene el texto y los controles necesarios para completar la tarea actual. (3) Por lo general, también contiene un botón para completar la tarea y un botón para cancelar.
Cuadro temporal no modelo:
A. Toast
Toast es la forma de diseño de la plataforma Android. No está estipulado en la especificación de iOS, sino porque Toast. Puede desempeñar el papel de muy buenos comentarios livianos, por lo que muchas aplicaciones de iOS ahora usan este cuadro temporal. Toast es una retroalimentación liviana que a menudo aparece en forma de un pequeño cuadro con viñetas en cualquier posición de la pantalla. Sin embargo, el mismo producto intentará usar la misma posición para brindar a los usuarios una percepción unificada.
En cuanto al tiempo de visualización de las tostadas, los dos atributos de tiempo que vienen con Android son 2 segundos y 3,5 segundos, pero generalmente están personalizados a 1,5 segundos y 2,5 segundos. El texto en Toast tarda 2,5 segundos si tiene más de 10 caracteres y 1,5 segundos si tiene menos de 10 caracteres. Por lo tanto, no lo utilice como forma de guía para objetos importantes. La mayor parte es prescindible o aparecerá repetidamente. En segundo lugar, el lenguaje debe ser refinado. En cuanto al estilo, trate de ser coherente con el estilo general del producto, que será más armonioso y no abrupto.
B. Snack Bar
Al igual que Toast y SnackBar, también es una caja temporal dedicada a Android. SnackBar hereda todas las características de Toast, es decir, aparece en forma de pequeña ventana emergente y desaparecerá automáticamente. Hay tres diferencias: ① Puede tener operaciones de 0 a 1, excluyendo el botón cancelar (2) Haga clic en el área fuera de SnackBar y SnackBar desaparece ③ Generalmente solo aparece en la parte inferior de la pantalla; SnackBar rara vez se ve en el diseño de productos reales. A continuación se muestran dos figuras de la especificación MD.
Por ejemplo, puede utilizar el marco temporal de SnackBar: al eliminar una foto, puede aparecer un Snackbar en la parte inferior de la pantalla, indicando "Foto eliminada correctamente" y realizar la operación de deshacer. Cuando el usuario hace clic en Deshacer, la foto se puede restaurar. El Snackbar desaparece sin la acción del usuario y la foto se elimina correctamente.
C. Burbuja/Capa flotante
Burbuja/Capa flotante es un modo de guía ligero pero útil. Generalmente es un modo de diseño que combina una capa flotante translúcida con redacción. La mayoría de los patrones de capas flotantes tienen flechas direccionales que pueden usarse para indicar características importantes u ocultar acciones. Por lo general, no es modal y desaparece automáticamente después de 3 a 5 segundos, lo que causa menos interferencia al usuario.
3. Incrustado (incrustado parcial/integrado por completo)
El arranque integrado se divide en incrustación parcial e incrustación general. La incrustación local consiste en agregar indicaciones de orientación en el contenido de la página actual. Para garantizar que el objeto no quede enterrado en el flujo de información y atraiga eficazmente la atención del usuario, es necesario visualizarlo. La incrustación general reemplaza toda la visualización del contenido de la página con orientación y se utiliza principalmente en situaciones "vacías".
3. Guía interactiva
1. Aviso interactivo
Es un recordatorio que solo se activará cuando el usuario ingrese a un enlace específico y progrese durante el uso. No aparecen en un orden determinado, por lo que diferentes usuarios encuentran estos recordatorios en diferentes momentos y escenarios. Aprendizaje de idiomas Duolingo comprende muy bien los patrones de aprendizaje de idiomas de las personas. Aprender un idioma en combate real es la forma más efectiva, por lo que se proporcionarán indicaciones interactivas durante la interacción continua entre el usuario y la aplicación.
2. Diagrama de funcionamiento
Por lo general, se utilizan animaciones cortas para mostrar a los usuarios cómo operar, y también hay muchas imágenes estáticas con descripciones. La ventaja de este método es que es intuitivo y puede transmitir funciones nuevas y usos interesantes a los usuarios de una manera fácil y sencilla, que es más considerada que el texto rígido.
También hay una instrucción de operación oculta que guía al usuario para completar la operación durante la interacción entre el usuario y el producto. Las interacciones de gestos comunes, como desplegar para actualizar y desplegar hacia abajo, también suelen aparecer en las operaciones de voz. Por ejemplo, cuando el usuario usa un micrófono, la interfaz interactúa con la entrada de voz del usuario.
Cuatro. La intensidad y la activación de la guía
1. El poder de la guía
Las indicaciones de guía de diferentes intensidades se pueden dividir según si están bloqueadas cuando aparecen y si se requieren operaciones cuando aparecen. desaparece. A menudo, es posible que no todos los usuarios noten la presencia de un mensaje débil o que no sea necesario que todos los usuarios lo comprendan completamente. Dichos avisos no obstaculizarán el comportamiento de lectura y operación actual del usuario y pueden desaparecer automáticamente; los avisos fuertes requieren la atención del usuario, bloquearán el uso actual del usuario y deben especificarse explícitamente para que desaparezcan.
2. Selección del punto de activación de la guía
El punto de activación de la guía del usuario es donde se activa la guía. ¿Se activa cuando el usuario abre el programa? Se activa cuando se llega a una página específica. ¿Se activa después de operar la función especificada? ¿Se desencadenó en algún momento? Todos se agregan sobre la base del producto original y, a menudo, no son lo que los usuarios esperaban.
Método 1: Identifique claramente los usuarios a los que se dirige y considere los escenarios. ¿Cuáles son las características de este tipo de usuarios y qué páginas visitan con frecuencia? Según el usuario * * * y la página con más visitas, el punto de activación se colocará aquí, con el mayor impacto en los usuarios objetivo y el menor impacto en los usuarios no objetivo.
Método 2: a veces, el contenido de inicio limitará los puntos de activación, como el inicio de funciones. Cuando un usuario navega a la página donde se encuentra la función por primera vez, se activa una guía. Esto debe considerarse un método de operación común para nuevas funciones. En este punto, lo mejor es pensar al revés. ¿La mayoría de los usuarios de esta página necesitan orientación? Si es así, ¿cómo reducir la interferencia a usuarios no objetivo? Si no, es necesario reflexionar en este momento. ¿Es esta característica apropiada aquí?
3. La frecuencia de activación del piloto
se refiere al número de cambios periódicos por unidad de tiempo. Después de determinar el punto de activación y el tipo de guía, este es otro factor que no se puede ignorar. La forma de guía es demasiado fuerte para interferir con la operación actual del usuario, pero demasiado débil para ser ignorada.
Es necesario captar la frecuencia de su aparición, especialmente para indicaciones como tostadas y capas flotantes, que pueden ignorarse fácilmente. La siguiente imagen es la función para compartir capturas de pantalla de NetEase Cloud Music. Aunque la capa flotante compartida desaparecerá automáticamente después de 3 segundos, para evitar que la capa flotante moleste al usuario cada vez que toma una captura de pantalla, se agregó un interruptor de función a la página de configuración.
Entonces, ¿cómo decirle al usuario que hay un interruptor? El método consiste en cancelar manualmente las capas flotantes de todos los usuarios por primera vez (haga clic en "×" en la esquina superior derecha de la capa flotante, haga clic en la máscara translúcida), es decir, el mensaje del brindis indica "El mensaje para compartir captura de pantalla puede "se cancelará en la configuración" y luego cancélelo manualmente cada 3 veces.
Medición del efecto de orientación del verbo (abreviatura de verbo)
Después de diseñar el nuevo proceso de orientación del usuario, es necesario medir constantemente si el usuario realmente está utilizando los datos y la información basados en comentarios de los usuarios. Esta métrica es importante, así que establezca un valor, realice un seguimiento estricto de los cambios en los datos y ajuste en función de la tasa de éxito y la capacidad de respuesta del usuario. Antes de comenzar cualquier proyecto nuevo, debes hacerte una pregunta: "¿Cómo medirá este proyecto el éxito de la incorporación de nuevos usuarios?"