Semana 07: Design de Interfaces e Experiência do Usuário

Na sétima semana de nosso projeto, focamos em atividades fundamentais para a criação de interfaces de usuário intuitivas e eficazes. Realizamos dois exercícios práticos que nos desafiaram a aplicar conceitos de design de interface e experiência do usuário. Aqui está um resumo das atividades que desenvolvemos.

Atividade 1: App de Mapas

O primeiro desafio da semana foi desenvolver wireframes de baixa fidelidade para um aplicativo de mapas, que está sendo planejado para dispositivos móveis. Assumindo o papel de designers freelancers, nosso objetivo era criar esboços iniciais para ilustrar a estrutura básica e o fluxo do aplicativo.

Principais Tarefas:

  • Página Inicial: O ponto de entrada para os usuários ao abrir o aplicativo.
  • Busca de Local: Tela onde o usuário pode procurar endereços ou locais específicos.
  • Detalhes do Local: Apresentação das informações de um local, incluindo fotos, descrições, avaliações e outras informações úteis.
  • Tela de Rota: Visualização do caminho a ser seguido para alcançar o local desejado

Considerações Importantes:

  • Inclusão de rotas para diferentes meios de locomoção, como carro, bicicleta e a pé.
  • Exibição de informações de trânsito de forma clara e acessível, utilizando ícones e cores para alertar sobre congestionamentos ou acidentes.
  • Destaque para informações cruciais nos detalhes do local, como horários de pico e faixa de preço.
Resolução wireframes de baixa fidelidade:
Wireframes de baixa fidelidade

Atividade 2: Sistema de Gerenciamento de Ponto

A segunda atividade foi mais complexa e envolveu a criação de storyboards e wireframes de baixa fidelidade para um sistema de gerenciamento de ponto. Este sistema será utilizado tanto pelo time de RH quanto pelos funcionários, e deve ser acessível através de múltiplas plataformas.

Principais Tarefas:

Para o Analista de RH:

    • Cadastrar novos funcionários e definir suas jornadas de trabalho.
    • Visualizar e gerenciar o espelho de ponto dos funcionários.
    • Aprovar ou reprovar solicitações de ajustes de ponto.
    • Remover registros de funcionários do sistema.

Para os Funcionários:

    • Registrar o ponto de entrada e saída.
    • Visualizar seu próprio espelho de ponto.
    • Solicitar ajustes em batidas de ponto específicas.

Questões Consideradas:

  • Escolha da plataforma ideal para cada usuário: smartphones para mobilidade e computadores para tarefas administrativas.
  • Design de interfaces intuitivas, utilizando listas, tabelas e abas para organizar informações de forma clara.
  • Definição de campos essenciais para cadastros, focando na simplicidade e eficiência.
  • Restrição de uso do sistema, como permitir batidas de ponto apenas dentro do local de trabalho.
Resolução storyboards e wireframes de baixa fidelidade:

Para o Analista de RH:

 
Para os Funcionários:


Atividade 3: Redesign de Aplicativo

O redesign de aplicativos é uma atividade essencial para aprimorar a usabilidade e a estética de interfaces digitais. Durante uma de nossas atividades, fomos desafiados a redesenhar o aplicativo Consulta Fácil, uma plataforma que permite aos usuários agendar consultas no Hospital Adventista de Manaus.

O Desafio

Nosso objetivo era claro: reconstruir as principais telas do aplicativo utilizando wireframes de média fidelidade no Figma, focando em melhorias que tornem a navegação mais intuitiva e agradável para o usuário. As telas que redesenhamos incluíam a tela inicial, a tela de consultas, a tela de perfil e a tela de agendamento de consultas.

O Processo

Começamos a atividade seguindo as instruções fornecidas, duplicando o arquivo do template disponível no Google Classroom e organizando nosso espaço de trabalho no Figma. Cada membro da equipe foi adicionado ao arquivo compartilhado para que todos pudessem colaborar em tempo real. A familiarização com os atributos dos componentes foi fundamental antes de iniciarmos o redesign, garantindo que cada elemento fosse utilizado de forma eficiente.

Redesign


Reflexão

Essa atividade não apenas reforçou nossos conhecimentos em design de interfaces, mas também destacou a importância da colaboração em equipe e do uso de ferramentas adequadas como o Figma para criar produtos que realmente atendam às necessidades dos usuários.
Se houver tempo extra, continuaremos a explorar o redesign das demais telas e, quem sabe, até mesmo propor novas funcionalidades para enriquecer ainda mais a experiência do usuário no Consulta Fácil. Essa foi uma experiência prática e imersiva que nos permitiu aplicar conceitos de usabilidade e design centrado no usuário, preparando-nos para desafios maiores no futuro.