Design de Interação e fluxo de usuários de um novo site

design de interação é diferente do design de informação. Isso é muitas vezes um importante ponto de confusão para as pessoas novas para web design. Enquanto ofertas de design da informação com a estrutura geral de um site e a melhor maneira de organizar o conteúdo, design de interação

é o fluxo real que os usuários seguem para completar tarefas como se inscrever para o boletim de um site, navega de uma página para outra, ou a compra de uma série de produtos e passar pelo processo de checkout.

Como designer, você deve pensar através de todos os passos possíveis os seus utilizadores têm de tomar para completar uma tarefa. Você deve antecipar suas perguntas e diz respeito a cada passo do caminho, e pensar em como você pode facilitar a conclusão bem-sucedida. Se as etapas são muito complexos ou a interface não é clara, os usuários vão ficar frustrados e abandonar a tarefa. Além de decidir sobre o uso adequado de widgets como caixas de seleção, menus, links, ícones e botões, o design visual e posicionamento físico dos elementos de interface pode melhorar ou prejudicar a capacidade do usuário para navegar com sucesso através de uma tarefa.

Criação de diagramas de fluxo de usuários para sites

A fim de elaborar os usuários caminho mais lógico deve tomar para completar uma tarefa, designers de interação muitas vezes criam diagramas de fluxo de usuários. Esses diagramas antecipar todos os possíveis caminhos que os usuários podem tomar para fazer o seu caminho através de uma tarefa. Como você pode ver, cada junção decisão pode ir em um par de direções, muitas vezes looping de volta a uma etapa anterior na tarefa.

Depois de explicar todos os resultados possíveis, você pode descobrir a melhor forma de projetar a interação. Por exemplo, você pode optar por fazer o seguinte com o seu design:

  • Apresentar o conjunto inicial de opções em um menu que se atualiza dinamicamente a página com o conteúdo apropriado.

  • Incluir um link Senha Esqueceu, ea capacidade de criar uma nova conta, na primeira página da seqüência de login.

  • Incluir uma caixa de verificação Registar-me no final de um processo de vendas on-line para encorajar inscrições porque você já capturou mais de metade os dados que você precisa de qualquer maneira.

  • Fornecer aos usuários feedback, deixando que eles sabem que estão em (digamos) Etapa 2 de 5.

    Um diagrama de fluxo do usuário mapeia todas as possíveis rotas de um usuário pode tomar para completar uma tarefa. [Crédito:
    Um diagrama de fluxo do usuário mapeia todas as possíveis rotas de um usuário pode tomar para completar uma tarefa.

Indo com o fluxo

A maioria das tarefas são exclusivas para o seu site, exigindo-lhe para criar fluxos de usuários específicos do site e descobrir o melhor design de interface para obter alguém através de uma determinada tarefa. No entanto, o site inclui uma série de tarefas comuns, como login, voltar para a página inicial, e pesquisa. Para estas tarefas diárias, você pode usar modelos de interação padrão que surgiram como a web amadureceu ao longo dos últimos anos.

Aqui estão algumas convenções comuns para manter intacto, ou pelo menos entender completamente antes de ajustá-los em novas variações:

  • função de pesquisa. Se você está fornecendo uma função de busca em seu site, tenha em mente que a maioria das funções de pesquisa estão localizados no canto superior direito da página web. As pessoas olham para as funções de busca neste local geral por isso, se você colocá-lo em outro lugar, o seu design visual realmente precisa chamá-lo de fora.

    Veer.com é um recurso de mídia para os designers, então a pesquisa é uma característica importante do site. Aqui vocÊ
    Veer.com é um recurso de mídia para os designers, então a pesquisa é uma característica importante do site. Aqui você pode ver a função de pesquisa aparecem com destaque.
  • Link para a página inicial. Por alguma razão, ele evoluiu que o logotipo da empresa em uma página da web (normalmente localizado no canto superior esquerdo) é tipicamente o link oficial para a página inicial - especialmente para as culturas ocidentais. Para acomodar um público mais global, no entanto, a maioria dos sites também oferecem um link Home explícita como parte do sistema global de navegação.

  • link de login. Ao contrário da função de pesquisa, a maioria dos sites não fornecem campos de entrada de texto em cada página para a função de login. Em vez disso, eles fornecem um único link Login texto, em algum lugar no topo da página, que funciona como o link para registo. O link leva as pessoas a uma página de login, onde eles podem entrar com um nome de usuário e senhas ou se inscrever para ser um novo usuário (com a função de cair abaixo da área de login).

    Esta página de login muitas vezes tem outras características como um Lembrar link, que estabelece um biscoito (Um pouquinho de dados armazenados no seu computador) para que os usuários não precisam efetuar login ou re-introduzir as suas credenciais na próxima vez que visitar o site. Também deve haver um link Senha Esqueceu para as pessoas que continuamente se esquecem de suas senhas.

    Coloque a função de busca no canto superior direito da página web, onde os usuários geralmente olhar para este fea
    Coloque a função de busca no canto superior direito da página web, onde os usuários geralmente olhar para este recurso.

menu