¿Cómo crear un prototipo de inicio de sesión multifunción usando Axure?
El inicio de sesión multifunción es una característica que muchos sistemas deben tener. 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. Entonces, si usamos Axure para diseñar y crear un prototipo de inicio de sesión multifunción, ¿cómo deberíamos hacerlo? Si también tienes curiosidad, puedes seguir los pasos a continuación para aprender Axure por tu cuenta, ¡simplemente adelante! ¡Los cursos en video de autoaprendizaje de Axure seleccionados brindan un aprendizaje punto a punto preciso y profesional para amigos en diferentes etapas! Independientemente de si no tiene ninguna base o tiene cierta base, puede obtener cursos profesionales ~
Uso de Axure para crear un tutorial de prototipo de inicio de sesión de múltiples funciones: aquí usamos el panel dinámico directamente. hay *** Hay 4 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 interna de empleado) estado 1 (selección de usuario página) como se muestra en la figura siguiente. La página de selección de usuario es relativamente simple e incluye un texto de solicitud (elija su identidad para iniciar sesión) y 3 opciones (iconos rectangulares). La interacción en esta página también es muy simple. Cuando el mouse hace clic en un usuario individual, usamos la interacción para configurar el estado del panel y configurar el panel dinámico en la página de inicio de sesión del usuario individual. De la misma manera, cuando el mouse hace clic en el usuario empresarial, use la interacción de configurar el estado del panel para configurar el panel dinámico en la página de inicio de sesión del usuario empresarial. Cuando el mouse hace clic en el empleado interno, use la interacción de configuración. el estado del panel para configurar el panel dinámico en la página de inicio de sesión del empleado interno. Estado 2 (página de inicio de sesión de usuario individual) página de inicio de sesión de usuario individual, que 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 repetidor colocación puesta. 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 seleccionada por el usuario). Botón de inicio de sesión: cuando el mouse hace clic en el botón de inicio de sesión, primero debemos determinar si el número de teléfono móvil está vacío. Si está vacío, debemos configurar la posición de la ventana emergente para ingresar el número de teléfono móvil. Luego se muestra la 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 la contraseña. Finalmente, debe determinar si el número de teléfono móvil y la contraseña son correctos. Aquí debe utilizar 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, cuenta y contraseña, donde 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, por lo que se puede ocultar de forma predeterminada o se puede eliminar el rectángulo interno. 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 de arriba 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 al. contenido del cuadro de entrada del número de teléfono móvil y el valor de la columna de contraseña es igual al valor del cuadro de entrada de contraseña. Después del filtrado, debe determinar la cantidad de elementos visibles según el repetidor, es decir, una vez completado el filtrado, si el repetidor todavía tiene contenido mostrado. Podemos utilizar la función visibleItemCount para estadísticas. En términos generales, el resultado solo aparecerá 1 o 0. Si es igual a 0, prueba que el número de teléfono móvil y el grupo de contraseña que ingresamos son incorrectos. Aquí es cuando configuramos el texto del mensaje de error para que sea el teléfono móvil. el número o la contraseña son incorrectos y muestra una ventana emergente con un 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 coincidir, entonces podemos completar el inicio de sesión; En términos generales, saltará a la página de inicio o a la página anterior. Usamos la interacción de abrir el enlace. Si el resultado es mayor que 1, prueba que hay dos o más conjuntos de números de teléfono móvil y contraseñas iguales. Esto puede significar que accidentalmente completamos los datos iniciales de manera incorrecta. Finalmente, está la interacción de la ventana emergente de aviso de error: está oculta de forma predeterminada. Si se activan los tres errores anteriores, se mostrará. Este es un aviso suave que se puede ocultar después de 3 segundos.
Estado 3 (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 una ventana emergente de aviso de error. , imagen de fondo, La diferencia con los repetidores es que los usuarios corporativos generalmente usan su correo electrónico corporativo para iniciar sesión, mientras que los usuarios individuales usan sus números de teléfono móvil para iniciar sesión. Podemos copiar la página personal de arriba y luego modificar el texto, las imágenes y el diseño. Volver a la interacción del icono: establezca el estado del panel como se indica arriba y vuelva a configurar el panel dinámico al estado 1 (página de selección de usuario). La lógica interactiva del 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 de configuración ha cambiado. Si se copia, solo necesita modificar el contenido del texto, el icono, el fondo y. contraseña en el repetidor. El texto de aviso establecido en el grupo y la interacción es suficiente. Estado 4 (página de inicio de sesión interna) La página de inicio de sesión interna del empleado tiene los mismos materiales que las dos páginas de inicio de sesión anteriores, excepto que se cambian el texto y el fondo. La entrada de inicio de sesión no es un número de teléfono móvil o un correo electrónico corporativo, sino un empleado. número. 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 para el inicio de sesión de múltiples roles. Si queremos agregar una página de rol más adelante, es muy simple, solo necesitamos copiar una página de inicio de sesión y simplemente cambiar el texto, el ícono y el fondo.
Bien, el contenido anterior está relacionado con "¿Cómo crear un prototipo de inicio de sesión multifunción usando Axure?". ¡Espero que sea útil para su operación de aprendizaje de Axure! Al aprender Axure, es imposible aprenderlo en un solo artículo, pero es diferente con docenas de artículos de Axure y cientos de artículos. Obtenga más información sobre Axure con ayuda integral de artículos relacionados con Axure, preguntas y respuestas y tutoriales en video. Comenzar a usar Axure es fácil, ¡pero dominar el diseño de interacción de Axure puede llevar tiempo! Por tanto, si quieres aprender bien Axure, te recomendamos estudiar cursos profesionales ~