ÁREA
UX/UI & DESIGN DE PRODUTO DIGITAL
PROJETO
eFácil São Roque
ANO
2024
EXPERIÊNCIA
UX/UI DESIGN
app eFácil São Roque
sobre.
O eFacil São Roque é um aplicativo de estacionamento rotativo (Zona Azul) para moradores da cidade de São Roque. A empresa responsável fornece o mesmo aplicativo para outras cidades de São Paulo, como, Paraisópolis, Ferraz, Poá, Suzano, Santa Isabel, Biritiba Mirim, Bertioga, Capivari e Registro, porém customizado de acordo com a cor da marca da prefeitura de cada uma.
Após o levantamento das hipóteses com relação ao aplicativo, a pesquisa qualitativa foi realizada. O objetivo central era identificar como os usuários do aplicativo eFacil São Roque avaliam suas experiências e descobrir as principais dificuldades e frustrações enfrentados durante a utilização, validando ou refutando as hipóteses levantadas inicialmente.
Além disso, o objetivo também era melhorar a arquitetura da informação e o contraste visual, então os usuários teriam menos problemas para encontrar funcionalidades simples, como adicionar a placa de seu carro e adicionar/escolher uma forma de pagamento; A API de realização de pagamentos do aplicativo precisava melhorar, assim os usuários não teriam que enfrentar problemas de lentidão e erros críticos na experiência do usuário;
eFacil São Roque is a mobile app for managing paid street parking (Zona Azul) designed for residents of São Roque, Brazil. The company behind the app also provides customized versions for other cities in São Paulo state—such as Paraisópolis, Ferraz, Poá, Suzano, Santa Isabel, Biritiba Mirim, Bertioga, Capivari, and Registro—tailoring the visual identity to match each municipality’s official brand colors.
After formulating initial hypotheses about the app’s usability, a qualitative research study was conducted. The main objective was to understand how users of the eFacil São Roque app evaluate their experience and to uncover the key challenges and frustrations they encounter, with the aim of validating or disproving the original assumptions.
Moreover, the goal was also to improve the information architecture and visual contrast, so that users would have fewer difficulties finding simple features—such as entering their car’s license plate and adding/selecting a payment method.
The app’s payment-processing API needed enhancement to prevent users from experiencing slowdowns and critical errors in their user journey.
desafio.
Os principais desafios foram o aplicativo não ter uma interface visualmente atraente e deixar a desejar na usabilidade e com relação a feedbacks, além de não ter hierarquia visual e contraste.
Além disso, a falta de feedback dentro do aplicativo com relação ao tempo limite prestes a expirar poderia levar com que os usuários recebessem multas que poderiam ser evitadas.
The main challenges were that the app lacked a visually appealing interface and fell short in usability and feedback mechanisms, as well as suffering from poor visual hierarchy and insufficient contrast.
Moreover, the lack of in-app feedback about an impending time‐limit expiration could cause users to incur fines that might otherwise have been avoided.
resultado.
Os usuários entrevistados demonstraram alta aceitação com relação ao design proposto, apresentando poucas ou nenhuma dúvida e/ou dificuldade.
Além disso, a hierarquia das informações do aplicativo foram organizadas para maior entendimento do usuário. Com a construção de um UI Kit conseguimos obter um Style Guide para padronizar o aplicativo tanto para IOS quanto Android, reduzindo consideravelmente possíveis erros.
Foram acrescentadas novas funcionalidades como, por exemplo, a contagem do tempo em que o usuário estacionou, onde será emitido um aviso quando esse respectivo tempo estiver expirando, para que possa ser renovado.
Novas formas de pagamento foram adicionadas.
Interviewed users showed strong approval of the proposed design, encountering few—if any—questions or difficulties.
In addition, the app’s information hierarchy was reorganized to improve user comprehension. By developing a UI kit, we established a unified style guide to standardize the app across both iOS and Android, significantly reducing the likelihood of errors.
New features were introduced, including a real-time parking timer that alerts users when their session is about to expire, allowing them to renew it promptly.
Finally, additional payment methods were integrated into the app.
