top of page

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.

1_Menu
2_Excursões
3_Destino
4_Passagns e horários

Sentiu curiosidade de saber mais?

Aqui eu conto um pouco sobre o meu processo de pesquisa

Mapa de empatia

Idealizadoras do projeto: Cassiopéa Bezerra, Esther Morel, Jailma Souza, Nataly Rivas e Priscilla Santos Motta. 

Considerações finais: O projeto foi desenvolvido como objeto de avaliação da disciplina de UI e Mobile, ministrada pela Ma. Sica Cavalcante, da pós-graduação em UX Writing do Centro Universitário Belas Artes de São Paulo em dez/2021 e inserido num contexto mais aprofundado de pesquisa etnográfica e análise de dados por Cassiopéa ao cursar a disciplina optativa de Etnografia e Análise de Dados do mesmo curso ministrada por Vivian Aparecida Blaso Souza.

bottom of page