Muchos conceptos en el diseño de la interfaz de usuario no se ven muy diferentes en términos literales, pero de hecho varían mucho. El maestro @akane_lee, un diseñador taiwanés que no ha publicado mucho tiempo, aprovechó la oportunidad de analizar conceptos y elaboró las funciones del diagrama de flujo y el flujo de la interfaz de usuario en detalle ~
No he publicado ningún artículo durante casi un mes, y estoy ocupado escribiendo planes, haciendo prototipos y ejecutando informes de estudiantes experimentales. Recientemente, tengo que organizar muchos flujos de interfaz de usuario. Cuanto más organizo mi cabeza, más me siento como una pasta. Hablemos sobre el flujo de la interfaz de usuario y el diagrama de flujo. El flujo es "proceso", la interfaz de usuario es el flujo de la página, y el diagrama de flujo es el diagrama de flujo, los dos son gráficos completamente diferentes.
UI Designer está muy familiarizado con la interfaz de usuario, pero puede no estar familiarizado con el diagrama de flujo. En el desarrollo de software, SA generalmente es escrito por SA, con el enfoque en el "juicio" ... no es tan difícil, trátelo como una prueba psicológica adjunta a la revista, simplemente seleccione "sí" y vaya a la derecha y seleccione "no" e vaya a la izquierda.
Para RD, primero debe conocer la "lógica" antes de escribir un programa, es decir, una arquitectura operativa compuesta por varios "juicios". La lógica también es muy importante para la interfaz de usuario, de lo contrario, ¿qué respuesta debe darle el usuario después de la operación?
El miembro más próspero inicia sesión
Tomar "Inicio de sesión del miembro" como ejemplo, si el usuario ingresa la contraseña de la cuenta, y si la entrada es correcta, saltará automáticamente a la página de información del miembro. Si la entrada es incorrecta, provocará un error ...
Solo desde el mapa funcional, quiero dibujar el flujo de interfaz de usuario. A menudo ignoro "qué hacer si el usuario opera incorrectamente". En el último momento, descubrí que hay una escasez, lo que significa que la interfaz de usuario agrega urgentemente páginas faltantes, y el RD no es elegante en su arduo trabajo. Indica que el error no es algo que se coloque en una etapa o se complementa cuando tiene tiempo. Las páginas y los programas no están escritos por sus bocas ...
Te enviaré un código de verificación
Parece muy simple? No es solo eso. Cuando realmente lo dibuje, descubrirá que muchas cosas se pasan por alto fácilmente en el flujo de la interfaz de usuario que no se consideran. (¿Y cómo podría ser que no hay función agregada?)
A veces, el usuario seguirá escribiendo errores, y es razonable adivinar que alguien está tratando de robar la cuenta. Un método de bloqueo común es pedir a los usuarios que ingresan múltiples errores que complete un campo más del código de verificación. Entonces el diagrama de flujo se convierte en:
La imagen de arriba es solo una simple demostración de procesos, pero es solo una oración casual "Hola, agregue una función de código de verificación para mí", y el diagrama de flujo de repente se volverá gordo. Hay más trucos y consideraciones de seguridad para la verificación de inicio de sesión de miembros reales. Por ejemplo, si tiene 3 errores de inicio de sesión, me dará más "olvidó su contraseña", etc. Si bloquea la cuenta directamente, comuníquese con el servicio al cliente para apelar.
El diagrama de flujo y el flujo de UI se complementan entre sí, e incluso se proporciona primero el diagrama de flujo de UI. Cuando no hay diagrama de flujo y no sabe cuánto juicio procesar, producirá flujo de interfaz de usuario. La probabilidad de faltar páginas y funciones faltantes es muy, muy alta.
Si solo hay flujo de interfaz de usuario y sin diagrama de flujo, RD apenas puede imaginar un diagrama de flujo basado en la imagen y cómo juzgar, pero cuanto más grande sea el sistema, más errores serán el paquete y la posibilidad de que el paquete se determine en función del valor de la experiencia RD. Pero ni siquiera hay un flujo de UI. Solo unas pocas marcas o maquetas son solo un hombre ciego que toca un elefante. Si observa una sola imagen estática, no sabrá cómo encadenar la página. Sería extraño si confíe en su cerebro para compensarlo.
Si no da nada, simplemente arroje prototipo y pídale a RD que lo copie. ¿Es muy simple hacerlo exactamente igual? RD también necesita pinchar y pinchar cada botón presione en cada pantalla y probar varios errores antes de saber cómo conectar la función. ¿Cuánto odias a Rd por hacer esto?
Referencias:
Flowickfart - Enciclopedia de think tank de MBA
Descripción del diagrama de flujo
Desde la perspectiva del diseñador de la interfaz de usuario, el diagrama de flujo puede considerarse como "cómo los usuarios operan y completan las tareas y cómo responde el software en esta situación", y el flujo de la interfaz de usuario se extiende a "porque los usuarios operan de esta manera y tenemos estas funciones e información para presentar, por lo que la página y la página están conectados de tal manera".
UI Designer no tiene que saber cómo dibujar diagramas de flujo, pero debe entenderlos. Los símbolos comunes del diagrama de flujo son fijos. No diseñes un nuevo estilo solo porque te ves feo. RD definitivamente girará la mesa.
Hay un dicho famoso que "el agua en su cabeza antes del matrimonio es las lágrimas derramadas después del matrimonio", que se aplica al desarrollo de software, "el cerebro que se gasta menos antes del trabajo es el hígado que se dañará después del trabajo es el hígado que se dañará después del trabajo es el que comienza". Cuántas funciones no se esperan en la etapa inicial, cuántas horas de trabajo no se esperan en la etapa posterior ...