Compartilhar via


Visão geral do processo de desenvolvimento da interface do usuário

Esta seção descreve as três fases do design da interface do usuário e apresenta as tarefas que normalmente estão associadas a cada fase.

A interface do usuário do aplicativo e a experiência do usuário

Para começar, os termos "interface do usuário" e "experiência do usuário" devem ser esclarecidos.

A interface do usuário de um aplicativo normalmente envolve os objetos que um usuário vê e interage diretamente em sua tela. Por exemplo, esses objetos incluem o espaço do documento, menus, caixas de diálogo, ícones, imagens e animações.

No entanto, a interface do usuário de um aplicativo é apenas um aspecto da experiência geral do usuário. Outros aspectos da experiência do usuário que não são visíveis para o usuário, mas são parte integrante de um aplicativo e críticos para sua usabilidade, incluem tempo de inicialização, latência, tratamento de erros e tarefas automatizadas que são concluídas sem interação direta do usuário.

Em geral, uma interface de usuário requer ação de um usuário para realizar uma tarefa, enquanto uma ótima experiência de usuário pode ser alcançada sem nenhuma interface de usuário.

Desenvolvimento de Interface de Usuário

Fornecer uma experiência de usuário bem-sucedida requer uma abordagem equilibrada durante todo o ciclo de vida de desenvolvimento. Para garantir esse equilíbrio, você deve se concentrar não apenas na implementação da funcionalidade necessária para concluir uma tarefa, mas também em como a tarefa é exposta por meio da interface do usuário. Lembre-se, a interface do usuário não deve apenas ser funcional, ela também deve ser utilizável.

A seguir descrevemos as fases típicas do processo de desenvolvimento da interface do usuário:

Projetar

  • Requisitos funcionais – Determine os requisitos e metas iniciais para o aplicativo.
  • Análise de usuários – Identifique os cenários do usuário e entenda as necessidades e expectativas dos usuários para cada cenário.
  • Design conceitual – Modele o negócio subjacente ao qual o aplicativo deve dar suporte.
  • Design lógico – Projetar o processo e o fluxo de informações da aplicação.
  • Design físico – Decida como o design lógico será implementado em plataformas físicas específicas.

Implementação

  • Protótipo – Desenvolva maquetes de papel ou de tela interativa que se concentrem na interface e não incluam elementos de design visual que distraiam.
  • Construct – Crie o aplicativo e prepare-se para solicitações de alteração de design.

Testando

  • Teste de usabilidade – Teste o aplicativo com vários usuários e cenários.
  • Teste de acessibilidade – Teste o aplicativo com tecnologias acessíveis e ferramentas de teste automatizadas.