Olá ! Meu nome é Alvin Putra Perdana e sou UI/UX Designer. Neste projeto, desenvolvi um aplicativo de fitness e também um produto de saúde em uma plataforma móvel. A combinação entre agendar métodos de academia e produtos de saúde em um único aplicativo é uma ótima ideia que simplificará a vida do usuário.

01

Visão geral

A PT Farmagym Sehat Sekali é uma empresa dedicada ao condicionamento físico relacionado à obesidade, perda de peso e manutenção da resistência. Estas são as fontes de receita atuais para a empresa:

1. Alimentos e bebidas orgânicos que podem perder peso controlando o valor nutricional de acordo com as necessidades de seus usuários e
2. Fornecer um local para os usuários usarem ferramentas de condicionamento físico separadas para homens e mulheres,

Recentemente, a equipe de desenvolvimento de negócios queria expandir o mercado realizando um programa Farmagym Tech que oferecia promoções atraentes. Este programa foi criado com base em pesquisas realizadas pela equipe de desenvolvimento de negócios, cujos resultados revelaram que os universitários são o próximo mercado-alvo da empresa porque seus grandes sonhos não estão alinhados com estilos de vida pouco saudáveis, como ficar acordado até tarde, dormir pouco, dormir cedo , comer junk food, etc. Isso os torna muito vulneráveis ​​ao estresse, obesidade, transtornos mentais, ataques cardíacos em tenra idade e outros.

A empresa espera ajudá-los a realizar seus grandes sonhos, iniciando um estilo de vida saudável, como exercícios, condicionamento físico e alimentação saudável, o que obviamente a empresa facilitará.

02

Metas

Crie um aplicativo para ser um companheiro para os alunos iniciarem um estilo de vida saudável, praticando exercícios e comendo alimentos saudáveis. Além disso, este aplicativo pode aumentar o engajamento de novos usuários e melhorar a reputação da empresa, além de aumentar a fidelidade dos clientes.

03

Minha função

Designer de UI/UX Sozinho

04

Metodologia

Ao projetar este design de aplicativo, apliquei a metodologia Design Thinking para abordar o problema e resolvê-lo em um design de protótipo. Esta abordagem tem 5 fases que são Empatizar, Definir, Idealizar, Prototipar e, finalmente, Testar.

05

Resultado da pesquisa

5.1 Enfatizar

Aproveito este estágio para poder obter uma compreensão aprofundada. Isso significa que tenho que ter empatia para conhecer os usuários e entender seus desejos, necessidades e objetivos.

Usuários-alvo do aplicativo móvel FarmaGym:

1. Homens/mulheres de 20 a 25 anos
2. Aqueles que estão lutando para viver um estilo de vida saudável
3. Aqueles que têm a motivação para viver um estilo de vida saudável

1. Pesquisa Primária: entrevistou 1 entrevistado para obter informações diretas de usuários em potencial do Farmagym Mobile App.
2. Pesquisa Secundária: fazer pesquisa pessoal para coletar informações de fontes existentes.

O que é um mapa de empatia? — “Um mapa de empatia é uma visualização colaborativa usada para articular o que sabemos sobre um determinado tipo de usuário. Ele externaliza o conhecimento sobre os usuários para 1) criar um entendimento compartilhado das necessidades do usuário e 2) auxiliar na tomada de decisões”. (Sarah G — Grupo NN, 2018)

5.2 Definir

O que é uma definição? — “Uma declaração de necessidade do usuário é uma declaração de problema acionável usada para resumir quem é um determinado usuário, a necessidade do usuário e por que a necessidade é importante para esse usuário. Ele define o que você deseja resolver antes de passar para a geração de possíveis soluções, a fim de 1) condensar sua perspectiva sobre o problema e 2) fornecer uma métrica de sucesso a ser usada em todo o processo de design thinking.” (Sarah G — Grupo NN, 2019)

Esta fase visa desconstruir e sintetizar as descobertas no mapa de empatia (Figura 5.1). Essas descobertas são insights interessantes porque incluem os desafios específicos. Esse processo é muito importante para mim ao projetar um produto porque pode revelar os problemas das várias questões do mapa de empatia.

Depois de passar por esse processo, poderei fazer várias declarações de problemas acionáveis ​​(POVs), ou seja, como podemos ver abaixo:

5.3 Idealizar

Nesta fase, criei uma grande variedade de alternativas radicais de design com o objetivo de explorar uma solução ampla de um grande número de ideias e de uma variedade de ideias. A ideia que compilei é baseada em um resumo do como podemos ( Imagem 5.2.2 ).

De acordo com o The Concise Oxford Dictionary (1987), o termo radical significa 'raiz', 'fonte' ou 'origem'. Definido de forma mais ampla, o termo radical refere-se às coisas básicas, princípios fundamentais, questões e essenciais para vários fenômenos, ou também pode significar “incomum”.

Agrupei essa ideia de solução por categoria com o Diagrama de Afinidades abaixo:

Depois de agrupar por categoria, fiz uma lista de ideias que deveria desenhar de acordo com sua urgência com os seguintes quatro quadrantes de priorização de ideias :

5.4 Protótipo

Nesta fase, fiz a parte do protótipo do design sequencialmente, como Fluxo de Tarefas, Design de Baixa Fidelidade com Protótipo, Guia de Estilo, Design de Alta Fidelidade e Protótipo .

Fluxo de tarefas:

Este é um esboço do fluxo do usuário ao usar o aplicativo.

Projeto de baixa fidelidade:

Este é um esboço do fluxo do usuário ao usar o aplicativo na forma de wireframes.

Guia de estilo:

Para desenvolver a manutenção da marca da interface, tenho que criar um guia de estilo composto por cores, tipografia, logotipos, barras, campos de entrada, menus suspensos, botões, ícones, alternâncias e outros.

Veja o Guia de Estilo:https://www.figma.com/file/yxNWz9ONV3mvhxES14zCFa/7_Design-System-%E2%86%92-UI-Style-Guide-dan-Component-Library?type=design&node-id=0%3A1&t=E1dqz9XVJI20r2tj-1

Design de alta fidelidade:

Protótipo de Alta Fidelidade

teste

Aqui.. você pode testar meu Protótipo via Labirinto

fechando

No geral, estou orgulhoso do trabalho que realizei com o estudo de caso de UI/UX do aplicativo móvel Farma Gym. Dito isto, como designer, estou sempre em busca de oportunidades para melhorar e crescer. Se você tiver alguma sugestão ou feedback para o meu projeto, eu agradeceria muito. Obrigado por reservar um tempo para revisar meu trabalho e espero refinar ainda mais minhas habilidades e criar designs ainda melhores no futuro.