Para que serve um Fluxograma ?
O fluxograma é uma representação gráfica de um processo ou sistema, que utiliza símbolos e setas para mostrar a sequência das etapas e as relações entre elas. É uma ferramenta amplamente utilizada em diversas áreas, como engenharia, administração, programação, entre outras, para facilitar a compreensão e a comunicação de processos complexos. Na programação usamos muito em criações de sites um um fluxograma podemos representar, de maneira visual, a definição dos caminhos a serem percorridos pelos usuários até cada uma das informações disponíveis. Essa etapa pode ser bastante importante para que sejam captados os erros ainda o planejamento, guiando as equipes nas fases seguintes e facilitando, para o cliente, a visualização de um todo. Fizemos um fluxograma de um site no meu caso era sobre futebol.
Segue um exemplo de um fluxograma:
Para que serve um Wireframe ?
Depois que você definiu a navegação geral do projeto, é necessário pensar na organização e localização das interfaces do site. Com isso entra os Wireframes, estruturas que funcionarão como os primeiros guias visuais para continuidade do projeto, essa parte é muito importante para poder guiar o usuário na sua busca por informação e navegação pelo projeto. Nessa fase não precisamos nos preocupar com acabamento da interface etc.
Video:
Exemplo:
