Tarefa de Design de Animação
Apresentação
Projete a tela principal de um aplicativo de treinamento e medicina personalizada que os usuários preocupados com a saúde adorariam.
Visão geral
A tarefa é projetar a tela principal de um aplicativo de treinamento e medicina personalizada para usuários preocupados com a saúde.
A abordagem empregada foi fornecer aos usuários recomendações de saúde personalizadas, rastreamento e registro de seus sinais vitais (dados de fontes vestíveis)
Além disso, para fornecer suporte de coaching e planos de saúde para ajudá-los a atingir suas metas de saúde e bem-estar; essas seriam as métricas que seriam exibidas com suas respectivas funcionalidades, além de uma comunidade de pessoas com problemas de saúde semelhantes e um centro de diversão.
Instruções adicionais foram observar o seguinte
- Pontuações de risco genético, fatores de risco e comportamento do usuário,
- Sem acesso a um mercado de médicos,
- Um produto que os usuários adorariam e teriam prazer em pagar.
Métodos
Para informar o design do aplicativo, realizamos os seguintes métodos de pesquisa:
- Pesquisa de persona do usuário: a pesquisa qualitativa foi realizada por meio de entrevistas e pesquisas com usuários para desenvolver personas de usuário que informariam a direção do design do aplicativo. Identificamos duas personas de usuários principais: millennials preocupados com a saúde que são conhecedores de tecnologia e profissionais ocupados que priorizam a saúde, mas têm tempo limitado para o autocuidado.
- Teste de Usabilidade: O método de teste de usabilidade pessoal com uma gama diversificada de usuários para avaliar o quão fácil e intuitivo o aplicativo era de usar. Um protocolo pensado em voz alta para coletar feedback qualitativo dos usuários sobre sua experiência de uso do aplicativo.
- Métricas de engajamento: foram rastreadas métricas de engajamento, como o número de usuários ativos diariamente, a duração de cada sessão do usuário e o número de vezes que os usuários acessaram recursos específicos do aplicativo para identificar quais recursos eram mais populares e úteis.
As métricas de pesquisa ajudaram a orientar a direção do design do aplicativo e levaram aos seguintes resultados:
- Seção de bem-estar pessoal: com base na pesquisa de persona do usuário e nos resultados dos testes de usabilidade, desenvolvemos um design de interface de usuário que priorizou simplicidade, facilidade de uso e instruções claras. Mostrando os sinais vitais dos usuários e as pontuações de risco personalizadas para melhor informá-los sobre sua saúde. A abordagem de design minimalista foi usada com foco em tipografia e espaço em branco para garantir que o aplicativo seja fácil de navegar e garantir a usabilidade ideal.
- Recomendações personalizadas: Verificou-se que os usuários acessam com frequência o recurso de recomendação personalizada. Assim, esse recurso foi otimizado para garantir que os usuários recebam recomendações relevantes e úteis com base em seus objetivos de saúde, preferências, genética e hábitos.
- Ferramentas de rastreamento e registro: com base no feedback dos usuários durante o teste de usabilidade, vários ajustes de design nas ferramentas de rastreamento e registro, incluindo a simplificação das opções de exibição de dados e a adição de dicas visuais para facilitar a compreensão.
Usando uma combinação de pesquisa de persona do usuário, testes de usabilidade, pesquisas e canais de feedback, foi possível projetar um aplicativo de treinamento e medicina personalizada que atendesse às necessidades e preferências dos usuários preocupados com a saúde.
A abordagem de design minimalista do aplicativo, pontuações de risco pessoal com dicas visuais, recurso de recomendação personalizada e ferramentas de rastreamento e registro otimizadas ajudaram os usuários a atingir suas metas de saúde e bem-estar com facilidade. O aplicativo recebeu feedback positivo dos usuários e obteve muitos elogios e acenos, inclusive obtendo um número significativo de usuários interessados em seus processos finais de implementação.
O design
Ideação
- A tela principal de qualquer aplicativo deve ser fácil de navegar e visualmente atraente.
- Os usuários devem ser capazes de encontrar rápida e facilmente os recursos de que precisam.
- Personal Wellness Dashboard: A tela principal possui um painel que fornece uma visão geral das pontuações de risco personalizadas do usuário contra doenças e enfermidades, em particular, T2DM (Type 2 Diabetes Mellitus), mostrando uma exposição de risco de 39%, mais detalhes em outra tela apresentariam a análise e o relatório. além disso, mostrando possíveis fatores de risco - tanto modificáveis quanto não modificáveis e planos de saúde
- Vitals Display Sections: Incorporação de uma seção na tela principal que fornece informações personalizadas e sinais vitais dos usuários, obtendo dados de seus wearables de saúde, por exemplo, relógios de saúde, isso fornece ao usuário informações básicas sobre o status de seu corpo com métricas e carimbos de hora
- Secção Extracurricular: Aqui, o utilizador é encorajado a socializar e divertir-se, e também a fazer parte da discussão com outros doentes da mesma doença, secção de jogos e notícias para entretenimento
- Notificação: Um sino de notificação é colocado estrategicamente na parte superior da tela e permite que os usuários mantenham contato com medidas e lembretes importantes, para o propósito desta tarefa, um lembrete de beber água é usado para fins ilustrativos.
- Planos de saúde personalizados: Diferentes planos de saúde são apresentados ao usuário, oferecendo diferentes serviços, o usuário escolhe e decide qual funciona melhor de acordo com as restrições financeiras
Wireframes e Esboços
Fiz alguns esboços de wireframes no papel, o que facilitou a criação e reiteração rápida de ideias e informou ainda mais minha direção de design.
Wireframe inicial:
Ideação final:
Protótipo
Arte não é o que você vê, mas o que você faz os outros verem.” —Edgar Degas
Foi assim que cheguei ao protótipo final de alta fidelidade, aqui, a combinação de várias habilidades de design, como conhecimento de grades, espaçamento e cores, estavam em jogo para informar a experiência do usuário projetada, abaixo estão as telas inteiras:
Explicação de alguns elementos e casos de uso.
Todas as telas abaixo
O FIM





































![O que é uma lista vinculada, afinal? [Parte 1]](https://post.nghiatu.com/assets/images/m/max/724/1*Xokk6XOjWyIGCBujkJsCzQ.jpeg)