Meu processo de design para meus modelos de aplicativos de cuidados com animais de estimação teve 5 etapas:

1. Pesquisa de tendências e concorrentes

2. Entrevistas com usuários — Empatia

3. Ideação

4. Estrutura de arame

5. Maquetes

Passo 1. Pesquisa

Primeiro, dei uma olhada em alguns aplicativos/aplicativos concorrentes que eram tematicamente semelhantes ao que eu estava tentando criar

Estes incluíram:

Daphnee

Floofers

WWF Juntos

Notas sobre Daphnee:

• 5 Hat Racks, informações classificadas no perfil de um animal de estimação em categorias
• Orientação curta e ignorável
• Ilustrações fofas e simples (atualmente uma tendência de UX)
• Possui apenas as informações mais básicas e 3 seções (compensação flexibilidade-usabilidade)
• Aplicativo de estilo Habit Tracker, pode marcar tarefas e definir lembretes para compromissos
• Pode armazenar registros médicos anexando arquivos
• Usa viés de contorno para uma aparência amigável
• O gabinete é usado para separar diferentes seções de informações em um fundo branco

Notas sobre Floofers:

• Exibição da galeria de estilos do Pinterest de diferentes animais de estimação
• Orientação curta e ignorável
• Organiza datas para vacinações e consultas
• Representação icônica para diferentes seções
• 5 porta-chapéus separam seções por categorias
• O princípio de similaridade da Gestalt é usado para ajudar os usuários a entender que as seções de ícones são todas funções semelhantes

Notas sobre o WWF Together:

• aplicativo puramente educacional
• Usa imagens em tela cheia por trás do texto branco
• Inclui imagens/gráficos para maior profundidade de processamento
• Usa camadas bidimensionais para evitar sobrecarregar os usuários com fatos diferentes em telas diferentes
• Usa o mapeamento para ajudar os usuários a entender em que direção eles se moverão ao deslizar

Uma lista de tendências de UX para 2023:

1. Tamanho de fonte grande e experiência imersiva

Usar toda a tela com um gráfico e um cabeçalho é uma tendência usada pela apple e outras grandes marcas para exibir informações de maneira visualmente impressionante. Posso usar essa tendência para destacar seções específicas do meu aplicativo.

2. Design Acessível

O design que possui opções de acessibilidade que permitem que pessoas com diferentes deficiências ainda possam navegar pelo design e atingir seus objetivos não é apenas algo que está se tornando cada vez mais importante, mas necessário. Garantir que meu design seja utilizável por pessoas com baixa visão ou daltonismo será essencial para o sucesso da usabilidade do meu design.

3. Narrativa de Dados

Assim como o aplicativo WWF discutido anteriormente, muitos aplicativos e sites estão usando o Data Storytelling para tornar as informações de aprendizado uma tarefa mais atraente. Usando imagens, gráficos e animações, posso criar um design que fará com que os usuários sintam que o processo de aprendizagem é interativo e agradável.

4. Minimalismo

O minimalismo é uma tendência em curso que tem sido popular por um tempo agora. Ficar longe do Horror Vacui impedirá que meu design pareça confuso e difícil de navegar.

5. Estrutura geométrica

Usar formas geométricas interessantes em vez de usar apenas retângulos ajudará meu design a se destacar como mais criativo e vivo, embora ainda seja limpo e moderno. Posso ver essa tendência sendo usada em meu design do Firefox Photon como algo que o mantém profissional, mas também divertido.

Etapa 2. Entrevistas e empatia do usuário

Para conhecer meu público-alvo, realizei entrevistas e uma pesquisa. A partir dos dados que coletei, criei algumas personas de usuário.

Personagens:

Passo 3. Ideação

Com meu público-alvo em mente, comecei a idealizar telas que atendessem às suas necessidades.

Esboços de Ideação:

Etapa 4. Armação de arame

Ao todo, fiz 3 conceitos diferentes de Wire framing. O Conceito 1 focado na adoção de animais de estimação, o Conceito 2 focado na estética do Photon Design System e o Conceito 3 focado na acessibilidade para pessoas com baixa visão ou daltonismo.

Conceito 1 (Design de Contexto):

Conceito 2 (Sistema de Design de Fótons):

Conceito 3. Acessibilidade

Etapa 5. Modelos

Aqui estão meus conceitos finais!

Fundamentação do Conceito 1: Simples e focado na imagem, o Conceito 1 tratava de anunciar as boas características e informações importantes de um animal para adoção. Usei Data Storytelling e camadas 2D para criar um design interessante e compreensível.

Conceito 2 Justificativa: Este conceito enfocou três funções diferentes — encontrar serviços próximos, acompanhar registros médicos e comparar produtos para animais de estimação. A estética foi inspirada no guia da marca Mozilla Firefox e, portanto, usa cores vivas e fontes aprovadas pela Mozilla.

Fundamentação do Conceito 3: O Conceito 3 enfocou a acessibilidade para usuários com baixa visão ou daltonismo. Em vez de usar uma paleta de cores complicada, concentrei-me em usar contraste para distinguir os elementos. As configurações de acessibilidade são facilmente acessadas a partir da tela de abertura e as seções possuem diversos elementos que contribuem para sua indicação de seleção.