Partilhar 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 normalmente 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 aspeto da experiência geral do usuário. Outros aspetos 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 do 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 do 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 ser apenas funcional, ela também deve ser utilizável.

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

Projetando

  • Requisitos funcionais – Determine os requisitos e objetivos iniciais para a aplicação.
  • Análise do usuário – 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 que o aplicativo deve suportar.
  • Design lógico – Projetar o processo e o fluxo de informações do aplicativo.
  • Design físico – Decida como o design lógico será implementado em plataformas físicas específicas.

Execução

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

Testes

  • 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.