Cassiopéa
Linguagem | Tecnologia | IA Gen
Design Conversacional | UX | Localização | Copywriting
Projeto
Contexto
Proposta de UX/UI design e writing com tipografia, iconografia, paleta de cores e arquitetura das informações selecionados e organizados visando compor um aplicativo que atenda às especificidades do usuário idoso (todo indivíduo com 60 anos ou mais) que deseja participar de excursões ou passeios do programa Turismo Social - Sesc São Paulo.
#DesignParaTodos #DesignInclusivo #acessibilidade #UxWriting #PósGraduação #BelasArtes
Como eu ajudei
Pesquisa, documentação, propostas de design e conteúdo textual, composição de protótipo no Figma, pesquisa netnográfica e análise de dados.
Estratégias
Partindo do pressuposto de que certas habilidades, em especial as que exigem rápida assimilação, tendem a demandar maior esforço cognitivo e físico conforme o envelhecimento do ser humano, neste projeto, foi priorizado o design minimalista com iconografia autoexplicativa e com descrições.
Por outro lado, entendemos que o usuário idoso também tenha uma expectativa ao interagir com a interface móvel que inclui tomar decisões de forma intuitiva num processo de descoberta e aprendizagem da interação com padrões pertinentes ao ambiente digital. Por isso, para o recurso de escurecer a tela, optamos por utilizar um ícone em um formato comumente utilizado (de sol) sem incluir descrições.
Objetivando tornar a legibilidade da interface adequada às alterações de visão mais comuns que atingem a população idosa, além do recurso que permite escurecer a tela e proteger os olhos durante o uso do dispositivo, (assim o texto preto em uma tela branca se torna branco em uma tela preta) inserimos o recurso de aumento e redução de fonte pelos ícones de indicação de mais e menos.
Todo texto que compõe a interface foi aplicado respeitando diretrizes de usabilidade e acessibilidade que incluem a seleção acurada dos contornos e cores dos ícones e do plano de fundo, e tipo, tamanho e cores das fontes, projetando a aplicação de um contraste suficiente que garanta uma boa legibilidade.
Fontes: projetamos o design do app com as fontes Poppins e Helvetica, pois possuem contornos geométricos que facilitam a leitura do conteúdo pelo usuário idoso. Ainda, por serem sem-serifa, trazem uma leveza visual para todo o fluxo de navegação, uma proposta alinhada com as boas práticas de usabilidade e a do aplicativo em si, que visa oferecer viagens para relaxar e curtir o destino.
Paleta de cores: na composição do layout das telas, além de explorarmos as cores da marca, priorizamos o uso de tons que despertam sensações de acolhimento e segurança, mas que também traduzem a empolgação e a expectativa de se estar programando um passeio ou excursão, utilizando-as em tons suaves que não comprometam a legibilidade.
Cores das fontes: para gerar contraste com o fundo claro, utilizamos a cor cinza chumbo em boa parte dos textos e, para informações de relevância secundária, como o caso do rodapé, um cinza chumbo em tom mais claro .
Procuramos evitar uma demasiada variação de cores e trabalhar com o bold em algumas partes, para preservar o contraste, a facilidade de leitura e a relevância da informação. A cor lilás em tom pastel foi aplicada no título do projeto buscando integração com o logo.
Cores dos botões: a ideia aplicada foi a de trazer a referência de mídia impressa para o layout utilizando a cor cinza chumbo de fundo e a fonte na cor preta.
Espaçamento: foi inserido espaçamento simples, uma vez que a pessoa usuária tem a possibilidade de aumentá-lo ou diminuí-lo quando o layout flexível se mantém estruturado com a utilização do recurso e aumento ou diminuição do corpo das letras dos textos.
Títulos: a fonte utilizada nos títulos é a Poppins Bold, com tamanhos entre 20 e 25.
Textos corridos: a fonte utilizada é a Helvetica e sua variação com e sem bold, com tamanhos entre 14 e 18.
Botões: utilizamos a fonte Poppins Bold nos botões, no tamanho 24. Objetivando o convite à ação e considerando a importância da concisão, os textos que compõem os botões são verbos no infinitivo indicando a conclusão de uma das etapas pelas quais o usuário será conduzido.
Descrições de ícones: usamos a Poppins Bold, 14, nos ícones de destaque. Já no ícone que fica no rodapé, utilizamos a Helvetica regular, 14.
Design
Amostras do fluxo de reserva de passagens de ônibus para excursão com
destino à cidade de Campos do Jordão (partindo da cidade de São Paulo)
como exemplo - elaborado no Figma.
![]() | ![]() |
|---|---|
![]() | ![]() |
Sentiu curiosidade de saber mais?
Aqui eu conto um pouco sobre o meu processo de pesquisa











