¿Cómo utilizar Axure para crear un prototipo de inicio de sesión multifunción?

El inicio de sesión multifunción es una característica requerida por muchos sistemas. Por ejemplo, en un sitio web de contratación, los roles de inicio de sesión incluyen solicitantes de empleo, reclutadores de recursos humanos, cazatalentos, empleados internos, etc. Luego diseñamos y creamos un prototipo de un inicio de sesión multifunción utilizando Axure. ¿Qué hacemos? Si también tienes curiosidad, puedes seguir los pasos a continuación para aprender Axure por ti mismo, ¡y listo! ¡Los cursos en video de autoaprendizaje de Axure seleccionados brindan un aprendizaje preciso y profesional punto a punto para amigos en diferentes etapas! No importa si no tiene conocimientos básicos o si tiene algunos conocimientos básicos, puede obtener cursos profesionales ~

Uso de Axure para crear un tutorial de prototipo de inicio de sesión multifunción;

Aquí usamos la dinámica panel directamente. El panel dinámico en este caso tiene cuatro estados, a saber, estado 1 (página de selección de usuario), estado 2 (página de inicio de sesión de usuario individual), estado 3 (página de inicio de sesión de usuario empresarial), estado 4 (página de inicio de sesión de empleado interno), estado 1 (Usuario página de selección), como se muestra a continuación. La página de selección de usuario es relativamente simple. La interacción en esta página también es muy sencilla. Cuando el mouse hace clic en un solo usuario, podemos configurar el panel dinámico en una página de inicio de sesión de un solo usuario configurando la interacción del estado del panel. De manera similar, cuando el mouse hace clic en un usuario empresarial, el panel dinámico se configura en la página de inicio de sesión del usuario empresarial mediante la interacción de configurar el estado del panel. Cuando el mouse hace clic en un empleado interno, el panel dinámico se configura en el inicio de sesión interno del empleado. página a través de la interacción de configuración del estado del panel. Estado 2 (página de inicio de sesión de usuario individual) La página de inicio de sesión de usuario individual incluye principalmente ícono de retorno, etiqueta de texto (inicio de sesión de usuario individual), cuadro de entrada (número de teléfono móvil y contraseña), botón de inicio de sesión, ventana emergente de aviso de error, imagen de fondo y ubicación del repetidor . Volver a la interacción del icono: establezca el estado del panel y vuelva a configurar el panel dinámico al estado 1 (página de selección de usuario). Botón de inicio de sesión: cuando el mouse hace clic en el botón de inicio de sesión, primero debe determinar si el número de teléfono móvil está vacío. Si está vacío, debemos establecer la posición de la ventana emergente para ingresar su número de teléfono móvil. Luego aparece una ventana emergente de error. Si el cuadro de entrada de contraseña está vacío, el texto de la ventana emergente se establece en Ingrese su contraseña. Finalmente, determine si el número de teléfono móvil y la contraseña son correctos. Aquí se necesita un repetidor. La función del repetidor es determinar si el número de teléfono móvil y la contraseña corresponden uno a uno. El repetidor contiene dos columnas: número de cuenta y contraseña, en las que podemos completar el número de teléfono móvil del usuario personal predeterminado y la contraseña correspondiente. El repetidor aquí solo se usa para grabar. Puede ocultarse de forma predeterminada o eliminarse el rectángulo interior. Volviendo a la interacción de hacer clic en el botón de inicio de sesión con el mouse, si los cuadros de número de teléfono móvil y contraseña no están vacíos, primero debemos filtrar el repetidor. La condición de filtrado es que el valor de la columna de cuenta del repetidor sea igual a. el contenido del cuadro de entrada del número de teléfono móvil y el valor de la columna de contraseña Igual al valor del cuadro de entrada de contraseña. Después del filtrado, debe observar la cantidad de repetidores visibles, es decir, qué más deben mostrar los repetidores después del filtrado. Podemos utilizar la función visibleItemCount para estadísticas. En términos generales, el resultado será sólo 1 o 0. Si es igual a 0, demuestra que el grupo de contraseñas del número de teléfono móvil que ingresamos es incorrecto. Esta es una ventana emergente, configuramos el texto del mensaje de error con el número de teléfono móvil o la contraseña incorrectos y mostramos el mensaje de error. Si el resultado es igual a 1, significa que el número de teléfono móvil y la contraseña que ingresamos son correctos y pueden corresponder, entonces podemos completar el inicio de sesión. En términos generales, saltaremos a la página de inicio o a la página anterior y simplemente abriremos el enlace. Si el resultado es mayor que 1, significa que dos o más grupos de números de teléfono móvil y contraseñas son iguales. Puede deberse a que accidentalmente completamos los datos iniciales incorrectos. Finalmente, está la interacción donde aparece el mensaje de error: oculto por defecto. Si se activan los tres errores anteriores, se mostrarán. Este es un mensaje suave y se puede ocultar después de 3 segundos. Estado tres (página de inicio de sesión de usuario empresarial) De hecho, la interfaz de usuario empresarial es similar a la interfaz de inicio de sesión de usuario individual, que incluye un icono de retorno, una etiqueta de texto (inicio de sesión de usuario empresarial), dos cuadros de entrada, un botón de inicio de sesión y un mensaje emergente de error. -up, y una imagen de fondo, un repetidor. La diferencia es que los usuarios corporativos generalmente inician sesión con sus direcciones de correo electrónico corporativas, mientras que los usuarios individuales inician sesión con sus números de teléfono móvil. Podemos copiar la página personal de arriba y modificar el texto, las imágenes y el diseño. Volver a la interacción del icono: igual que arriba, configure el estado del panel y vuelva a configurar el panel dinámico al estado 1 (página de selección de usuario).

La lógica de interacción entre el botón de inicio de sesión y la ventana emergente es la misma que la anterior, excepto que el texto específico del mensaje ha cambiado. Si se copia, solo necesita modificar el contenido del texto, el ícono, el fondo, el grupo de contraseñas y el texto del mensaje configurado en la interacción en el repetidor. Estado 4 (página de inicio de sesión interna) El material de la página de inicio de sesión interna del empleado es el mismo que el de las dos páginas de inicio de sesión anteriores, excepto que el texto y el fondo han cambiado. Lo que se ha registrado no es el número de teléfono móvil ni el correo electrónico corporativo, sino el número de empleado. La interacción es la misma, simplemente modificamos el texto de la ventana emergente en los tres estados de error. De esta manera, hemos completado la plantilla prototipo de inicio de sesión de múltiples funciones. Será muy sencillo agregar páginas de funciones en el futuro. Simplemente copie una página de inicio de sesión y simplemente cambie el texto, el icono y el fondo. Bien, el contenido anterior es "¿Cómo usar Axure para crear un prototipo de inicio de sesión de múltiples funciones?". ¡Espero que tenga cierto efecto en su operación de aprendizaje de Axure! Es imposible aprender Axure con un solo artículo. Docenas y cientos de artículos de Axure son todos diferentes. Obtenga más información sobre Axure, artículos relacionados con Axure, preguntas y respuestas y tutoriales en vídeo. Comenzar a utilizar Axure es fácil, ¡pero dominar el diseño de interacción de Axure puede llevar tiempo! Entonces, si quieres aprender bien Axure, te recomendamos estudiar en cursos profesionales ~