ioje.app

visão geral

visão geral

visão geral

the product

project duration

the problem

the goal

my role

responsibilities

o produto

Aplicativo mobile que funciona como agenda digital abrangente para eventos de Florianópolis, proporcionando aos usuários fácil acesso a informações e compra de ingressos para eventos diversos como festas, shows, teatros, museus e congressos.

duração do projeto

16 semanas

o problema

Os usuários têm dificuldade para encontrar informações sobre eventos devido a anúncios dispersos em diferentes plataformas, levando a um processo de pesquisa demorado e a oportunidades perdidas.

o objetivo

Desenvolva uma aplicação móvel que consolide informações de eventos, simplificando o processo de pesquisa e permitindo aos usuários descobrir e participar de uma ampla gama de eventos sem esforço.

minha função

O projeto contou com a participação de três pessoas: dois colegas programadores e eu, como designer de UX/UI. Desta forma, liderei todo o processo de design, aproveitando a minha experiência em design de UI mobile.

responsabilidades

• Realizar pesquisas de usuário

• Definir personas, jornadas de usuários, mapas de empatia e fluxos de usuários

• Design visual de wireframes de baixa e alta fidelidade, protótipos e testes de usuários

entendendo o usuário

entendendo o usuário

entendendo o usuário

pesquisa do usuário

personas

mapa de jornada do usuário

pesquisa do usuário

resumo

Devido ao pouco tempo e baixo investimento, optei por realizar 3 entrevistas e 10 pesquisas para entender as frustrações e necessidades dos usuários em relação à descoberta de eventos.


Dessa forma, sem priorizar apenas um tipo de pesquisa, obtive dados tanto qualitativos quanto quantitativos.

pesquisa do usuário

pain points

  1. Pesquisas de eventos demoradas : dificuldade em encontrar eventos, pois leva muito tempo.


  2. Falta de informações abrangentes sobre os eventos : Detalhes incompletos dos eventos dificultam a tomada de decisões informadas.


  3. Dificuldade em encontrar eventos relevantes para o usuário : não há recomendações de eventos baseadas nas escolhas do usuário.

personas

nome:

Guilherme

idade:

23

cargo:

analista de dados

status:

solteiro

endereço:

Florianópolis, SC

sobre:

Guilherme é um profissional remoto ocupado durante a semana, então sempre que pode gosta de sair com os amigos e explorar novos lugares nos momentos de lazer. Ao longo da semana, procura constantemente restaurantes, bares e festas na zona, mas debate-se com a falta ou insuficiência de informação que encontra. Com isso, ele acaba repetindo os mesmos locais semana após semana.

metas:

• Para descobrir novos lugares, culinárias e bebidas.

motivações:

• Ter novas experiências e quebrar a rotina.

Pain Points:

• Passa muito tempo procurando eventos e locais.

• Nunca encontra facilmente todas as informações necessárias sobre o evento.

nome:

Vinicius

idade:

42

cargo:

desenvolvedor de projeto

status:

Married

endereço:

Florianópolis, SC

sobre:

Vinicius é casado e tem dois filhos: Gustavo, de 9 anos, e Davi, de 11 anos. Ele leva uma vida profissional agitada, mas sempre tenta estar presente para os filhos, participando de passeios e atividades que lhe permitam se relacionar com eles. Atualmente, ele deseja realizar atividades que sejam ao mesmo tempo divertidas e culturalmente enriquecedoras, para que seus filhos possam se divertir e aprender mais sobre o mundo. Porém, por falta de tempo e por não saber onde procurar, sente-se frustrado e tem dificuldade em encontrar informações sobre museus e espetáculos teatrais.

metas:

• Ter novas experiências com sua família.

motivações:

• Ser um pai melhor e mais presente.

Pain Points:

• Não sabe onde encontrar os eventos desejados.

• Tem dificuldade em encontrar informações relevantes.

jornada de mapa do usuário

Ao criar mapas de jornada do usuário, quis ilustrar o processo de como Guilherme e Vinicius se comportam, sentem e o que pensam ao atingir seus objetivos para solucionar pontos problemáticos ou proporcionar momentos de alegria.

iniciando o design

iniciando o design

iniciando o design

mapa do site

fluxo do usuário

wireframes em papel e digitais

protótipo de baixa fidelidade

estudos de usabilidade

Criei fluxos focados no usuário para garantir que minhas personas pudessem concluir com êxito seus principais objetivos e, ao mesmo tempo, reduzir quaisquer pontos problemáticos existentes.

mapa do site

fluxo do usuário

wireframe de papel

Concentrando-me nos principais recursos identificados durante a pesquisa do usuário, esbocei os primeiros wireframes.

wireframe digital

Para fazer os wireframes digitais, comecei colocando minhas ideias no papel. Então comecei a trabalhar nos wireframes de alta fidelidade no Figma. Depois de várias iterações, criei esses wireframes.

protótipo de baixa fidelidade

Criei um protótipo de baixa fidelidade a partir do diagrama de fluxo do usuário e wireframes para testar a funcionalidade antes de incorporá-lo ao design final e para garantir acessibilidade aos usuários finais.

estudos de usabilidade

parâmetros

tipo de estudo

Estudo de usabilidade não moderado

localização

Florianópolis - SC - Brasil, remota

participantes

3 participantes

duração

20-30 minutos

descobertas

  1. tela inicial: usuários comentaram sobre a possibilidade de pesquisar o perfil dos organizadores de eventos, podendo assim acompanhar os próximos eventos em seus locais preferidos.


  2. Filtros: os usuários notaram que embora seja útil filtrar por dia desejado, seria muito interessante poder filtrar por período, por exemplo, de sexta a domingo, para visualizar todos os eventos do fim de semana

refinando o design

refinando o design

refinando o design

mockups

protótipo de alta fidelidade

acessibilidade

Guia de estilo

acessibilidade

  1. Ao escolher uma paleta de cores, certifiquei-me de que minhas cores primárias atendessem à conformidade com WCAG AA antes de criar a IU para cada tela.


  2. Estou usando apenas uma fonte : Space Grotesk é uma fonte sem serifa com um bom número de fontes para usar em tamanhos diferentes.


  3. Implementei uma hierarquia de texto em todo o aplicativo. Isso ajuda os usuários a distinguir as diferentes seções e informações na tela.

Guia de estilo

mockups

Com base nos insights dos estudos de usabilidade, apliquei alterações de design.

mockups

Com base nos insights dos estudos de usabilidade, apliquei alterações de design.

mockups

Com base nos insights dos estudos de usabilidade, apliquei alterações de design.

protótipo de alta fidelidade

Após finalizar os wireframes de baixa fidelidade, trabalhei na criação dos designs finais com o objetivo de torná-los simples e intuitivos.

protótipo de alta fidelidade

Após finalizar os wireframes de baixa fidelidade, trabalhei na criação dos designs finais com o objetivo de torná-los simples e intuitivos.

protótipo de alta fidelidade

Após finalizar os wireframes de baixa fidelidade, trabalhei na criação dos designs finais com o objetivo de torná-los simples e intuitivos.

avançando

avançando

avançando

aprendizado

próximos passos

seu feedback

aprendizado

impacto

O desenvolvimento do ioje.app aborda o problema predominante de informações fragmentadas sobre eventos, oferecendo uma solução que agiliza a descoberta de eventos para usuários em Florianópolis .


Ao consolidar os detalhes do evento em uma única plataforma, o aplicativo reduz significativamente o tempo e o esforço que os usuários gastam na busca de eventos em diversas fontes . Isto não só aumenta a conveniência do usuário, mas também promove uma comunidade local mais dinâmica e engajada, incentivando a participação em diversos eventos.


Além disso, ao atender diferentes faixas etárias e interesses, o ioje.app contribui para uma cultura de eventos mais inclusiva e vibrante na região . Como resultado, o impacto do ioje.app vai além dos usuários individuais, enriquecendo o panorama social e cultural geral de Florianópolis.

o que eu aprendi

Como designer UX trabalhando em uma plataforma de eventos, adquiri insights e conhecimentos valiosos por meio do processo de design. Algumas das principais coisas que aprendi incluem:

  1. Entendendo as necessidades do usuário

  2. Importância da simplicidade

  3. Considerações de acessibilidade

  4. Feedback do usuário

próximos passos

No futuro, o foco será melhorar ainda mais a experiência do usuário e expandir o alcance do aplicativo . Isso inclui obter feedback de designers experientes de UX/UI para identificar áreas de melhoria e refinar os elementos de design de acordo.


Além disso, os esforços serão direcionados para o desenvolvimento de um design responsivo multiplataforma para garantir uma experiência de usuário perfeita em diferentes dispositivos. Além disso, atualizações e otimizações contínuas serão feitas com base no feedback dos usuários e nas tendências tecnológicas em evolução para manter a relevância e a eficácia do aplicativo .


Ao iterar e refinar continuamente o ioje.app, pretendemos criar uma ferramenta robusta e indispensável para descoberta e engajamento de eventos em Florianópolis e além.

seu feedback

seu feedback

seu feedback

Eu apreciaria suas ideias e insights sobre este projeto, pois o feedback é crucial para aprimorar ainda mais as descobertas deste estudo.

pietrogfb@gmail.com

+55 48 98426-9131

LinkedIn

Behance

pietrogfb@gmail.com

+55 48 98426-9131

LinkedIn

Behance

pietrogfb@gmail.com

+55 48 98426-9131

LinkedIn

Behance

Create a free website with Framer, the website builder loved by startups, designers and agencies.