¿Cómo crear una página de guía en diseño web?

1. Comprenda los tipos de páginas de guía y limpie los tipos de guía.

Página previa al inicio: Una serie de imágenes o efectos de animación antes de ingresar a la función principal después de iniciar la aplicación. Permanece durante unos segundos y luego desaparece. Proporcione la ayuda necesaria cuando los usuarios utilicen productos móviles por primera vez, para que puedan comprender rápidamente el tipo de producto, las funciones y las operaciones específicas.

Guía del proceso: Proporciona una serie de contenidos de ayuda a los usuarios durante el proceso de uso del producto. Los métodos principales incluyen guía de contenido de página en blanco, carga y otras guías de estado, guía paso a paso para dividir la carga, guía de funciones para establecer inteligentemente valores predeterminados, guía de sugerencias, guía de punto flotante, guía de enfoque de máscara, guía de activación y vista previa de tareas. orientación, etc.

¿Cómo hacer una página guía en diseño web? Debido a que hablamos principalmente de orientación previa, aquí hay dos ejemplos:

A. Por ejemplo, Facebook ha habilitado la orientación de ubicación, pero cuando el usuario necesita enviar la ubicación actual, la aplicación mostrará la guía. formulario en la imagen para decirle al usuario que lo habilite. Debido a la función de la ubicación, los usuarios estarán felices de activar la ubicación en este escenario de uso, mejorando así la tasa de conversión de activar la ubicación, sin sentir que esta guía afecta. su experiencia.

B. Por ejemplo, en la búsqueda de Google, cuando el usuario arrastra, la barra de estado superior se convierte en un cálido recordatorio, lo que resulta útil en lugar de molestar al usuario, y el usuario se sentirá muy considerado.

2. Reconocer los problemas en la página de la guía y evitar ir en la dirección equivocada.

Con el cansancio estético de los visitantes, las páginas de guía visitadas con frecuencia han perdido su frescura y buena impresión de las páginas de guía. O hay demasiado contenido que no tiene ningún efecto práctico y se muestra como un truco, y este truco no atrae suficiente atención. En muchos casos, tiene el efecto contrario.

Después de todo, la importancia de la página de inicio como ventana de drenaje del tráfico es obvia. Los visitantes deben pasar tiempo esperando a que se inicie la página principal antes de colocar la página del asistente. Si la página de la guía es demasiado grande o el botón "saltar" en la página de la guía no es lo suficientemente obvio, es probable que se pierdan algunos visitantes. Como se mencionó anteriormente, las páginas de guía pueden aliviar las emociones de los usuarios cuando el acceso se retrasa por razones técnicas. Si la pérdida de visitantes se debe a un uso inadecuado de la página de la guía, será perjudicial para la página de la guía.

3. Controlar y guiar el contenido

Según el efecto 7^2 descubierto en psicología, la memoria a corto plazo de una persona puede recordar al menos 5 palabras y como máximo 9 palabras, es decir. es, 7^2 palabras. Por lo tanto, la copia mostrada debe controlarse dentro de las 9 palabras. Los usuarios la olvidarán fácilmente más tarde y sufrirán un sesgo de memoria. Si le resulta difícil expresarlo, puede proporcionar una breve explicación o un complemento. Por lo tanto, al determinar la copia final, es necesario resaltar los puntos clave y eliminar el texto redundante tanto como sea posible. Si el recuento de palabras sigue siendo demasiado alto después de eliminar la copia, considere superponer el texto en capas para optimizar visualmente con espacios, comas o saltos de línea.

También es importante una redacción publicitaria precisa y adecuada, que traduzca los términos profesionales a un lenguaje que los usuarios puedan entender. Especialmente para los diseños de páginas de guías que expresan temas a través de fotografías, la superposición entre redacción y fotografías afecta directamente el efecto de la comunicación emocional.

Se recomienda que la página de la guía sea simple y directa en colores sólidos, y sea lo más coherente posible con la estructura de la interfaz principal, para que los usuarios puedan experimentarla rápidamente. En algunas aplicaciones basadas en herramientas, la página del asistente se desplazará una vez cada 0,5 segundos en una sola pantalla y finalizará tan pronto como cierre los ojos.

Si las funciones de la aplicación se completan principalmente en modo horizontal, se recomienda presentar la página de guía en modo horizontal para guiar a los usuarios a cambiar la postura del dispositivo portátil con anticipación e ingresar rápidamente a la interfaz de su aplicación.

4. Utilizar especificaciones orientadas al usuario para fabricar productos que se ajusten a sus propias características.

Cada aplicación móvil tiene su propio conjunto de especificaciones de la guía del usuario al desarrollar las especificaciones de la guía del usuario.

Las instrucciones de la guía de usuario se pueden especificar de diferentes formas. Una es enumerar los diversos estilos de guía del usuario involucrados en el producto desde la perspectiva de los estilos de guía del usuario y explicar el alcance de aplicación, el mecanismo de activación y el mecanismo de eliminación de cada estilo de guía. La ventaja de este formulario es que los distintos estilos de orientación son claros y comprensibles de un vistazo. Otra forma es desde la perspectiva de la funcionalidad del producto. Dado que la importancia y prioridad de cada función del producto son diferentes, y el grado correspondiente de énfasis también es diferente, el estilo de guía del usuario se divide en tres categorías: fuerte, medio y débil. Para las funciones principales del producto, utilice un estilo de guía fuerte con alta prioridad, para funciones secundarias, use un estilo de guía media con prioridad baja y para funciones auxiliares, use un estilo de guía débil con la prioridad más baja. Al mismo tiempo, existen varios estilos rectores en las tres categorías de fuerte, medio y débil.

La ventaja de esta forma es que, desde la perspectiva del producto, se puede seleccionar cómoda y rápidamente el estilo de bota correspondiente en función de la prioridad de importancia funcional.

5. La simulación de escenarios garantiza la eficacia de la guía del usuario, reduce la interferencia y mejora la experiencia del usuario.

Cuando los usuarios utilizan productos, tienen ciertos escenarios de uso. Active una guía de usuario receptiva basada en escenarios de uso del usuario. La ventana emergente de guía del usuario durante el uso es inesperada para el usuario y puede alterar la fluidez del uso del usuario, porque esto es algo que el usuario no esperaba y, hasta cierto punto, le da una sensación de pánico y error. Esto garantiza que la ventana emergente cuando el usuario la necesita esté más en línea con la experiencia del usuario y también sea cuando el usuario esté más dispuesto a aceptarla. Este tipo de apariencia no será particularmente abrupta, no confundirá a los usuarios y también puede ayudarlos a responder a los escenarios.

6. Evitar referencias abrumadoras a páginas guía sobre cualquier tipo de APP.

(Las aplicaciones de información son un lugar donde el contenido es el rey, especialmente las aplicaciones llenas de contenido de información y las aplicaciones de herramientas orientadas a la eficiencia, como las aplicaciones de búsqueda, que buscan constantemente información para proporcionar información más rápida y detallada. Presentado a usuarios de una manera conveniente, hay RSS, un diseño de página basado en tecnología AJAX. Cualquier detalle que impida a los usuarios obtener información de manera eficiente conducirá a la pérdida de usuarios.