Muitos conceitos no design da interface do usuário não parecem muito diferentes em termos literais, mas na verdade eles variam muito. Professor @akane_lee, um designer de Taiwan que não publica há muito tempo, aproveitou a oportunidade de analisar conceitos e elaborou as funções de fluxograma e fluxo de interface do usuário ~
Não publico nenhum artigo há quase um mês e estou ocupado escrevendo planos, fazendo protótipos e executando relatórios de alunos experimentais. Recentemente, tenho que organizar muitos fluxos de interface do usuário. Quanto mais eu organizo minha cabeça, mais me sinto uma pasta. Vamos falar sobre fluxo da interface do usuário e fluxograma. O fluxo é "processo", o fluxo da interface do usuário é o fluxo de página e o fluxograma é o fluxograma, os dois são gráficos completamente diferentes.
O designer da interface do usuário está muito familiarizado com o fluxo da interface do usuário, mas pode não estar familiarizado com o fluxograma. No desenvolvimento de software, o fluxograma geralmente é escrito pela SA, com o foco no "julgamento" ... não é tão difícil, trate -o como um teste psicológico anexado à revista, basta selecionar "sim" e ir para a direita e selecionar "não" e ir para a esquerda.
Para a RD, você deve primeiro saber "lógica" antes de escrever um programa, ou seja, uma arquitetura operacional composta por vários "julgamentos". A lógica também é muito importante para a interface do usuário, caso contrário, qual resposta o usuário deve dar a ele após a operação?
O login de membros mais prósperos
Tomando o "Login do membro" como exemplo, se o usuário inserir a senha da conta e, se a entrada estiver correta, ele saltará automaticamente para a página de informações do membro. Se a entrada estiver errada, ele solicitará um erro ...
Apenas do mapa funcional, quero desenhar fluxo da interface do usuário. Costumo ignorar "o que fazer se o usuário operar incorretamente". No último momento, descobri que há uma escassez, o que significa que a interface do usuário adiciona urgentemente páginas ausentes, e o RD não é elegante em seu trabalho duro. Isso solicita que o erro não seja algo que seja colocado em um estágio ou suplementado quando você tem tempo. As páginas e programas não são escritos por suas bocas ...
Vou te enviar um código de verificação
Parece muito simples? Não é só isso. Quando você realmente desenha, você descobrirá que muitas coisas são facilmente negligenciadas no fluxo da interface do usuário que não são consideradas. (E como poderia ser adicionado a função?)
Às vezes, o usuário continua digitando erros e é razoável adivinhar que alguém está tentando roubar a conta. Um método de bloqueio comum é pedir aos usuários que inspirem vários erros para preencher mais um campo de código de verificação. Então o fluxo se torna:
A imagem acima é apenas uma demonstração simples do processo, mas é apenas uma frase casual "Ei, adicione uma função de código de verificação para mim", e o fluxograma de repente ficará gordura. Existem mais truques e considerações de segurança para a verificação de login de membros reais. Por exemplo, se você tiver 3 erros de login, me dará mais "esqueça sua senha" e assim por diante. Se você bloquear a conta diretamente, entre em contato com o Serviço ao Cliente para recorrer.
O fluxograma e o fluxo da interface do usuário se complementam, e até o fluxograma da interface do usuário é fornecido pela primeira vez. Quando não há fluxograma e você não sabe quanto julgamento para processar, você produzirá fluxo da interface do usuário. A probabilidade de perder páginas e funções ausentes é muito, muito alta.
Se houver apenas fluxo da interface do usuário e nenhum fluxograma, a RD mal pode imaginar o fluxograma com base na figura e em como julgar, mas quanto maior o sistema, mais bugs o pacote será e a chance do pacote é determinada com base no valor da experiência RD. Mas não há nem um fluxo de interface do usuário. Apenas alguns wireframes ou maquetes são apenas um cego tocando um elefante. Se você olhar para uma única imagem estática, não saberá como amarrar a página. Seria estranho se você confiar no seu cérebro para compensar isso.
Se você não der nada, basta jogar protótipo e pedir a RD para copiá -lo. É muito simples fazer exatamente o mesmo? A RD também precisa cutucar e cutucar cada botão pressionar em cada tela e experimentar vários erros antes de saber como conectar a função. Quanto você odeia RD por fazer isso?
Referências:
Flowchart - Enciclopédia de think tank de MBA
Descrição do fluxograma
Do ponto de vista do designer da interface do usuário, o fluxo pode ser considerado "como os usuários operam e completam tarefas e como o software responde nessa situação", e o fluxo da interface do usuário é estendido a "porque os usuários operam dessa maneira e temos essas funções e informações a serem apresentadas, para que a página e a página estejam conectados dessa maneira".
O designer da interface do usuário não precisa saber como desenhar fluxogramas, mas você deve entendê -los. Os símbolos de fluxograma comuns são fixos. Não projete um novo estilo só porque você parece feia. RD definitivamente virará a mesa.
Há um ditado famoso "a água na sua cabeça antes do casamento é que as lágrimas derramam após o casamento", que é aplicado ao desenvolvimento de software, "o cérebro que é menos gasto antes do trabalho é o fígado que será danificado depois que o trabalho for o fígado que será danificado depois que o trabalho é o que começará". Quantas funções não são esperadas no estágio inicial, quantas horas de trabalho não são esperadas no estágio posterior ...