Challenge
PT-BR – Desenvolver um aplicativo sobre as últimas notícias da Fórmula 1, com o diferencial de trazer toda a expertise de Reginaldo Leme, um ícone do automobilismo nacional que atua há mais de cinquenta anos na área e o primeiro jornalista no Brasil a cobrir as corridas in loco.
EN – To develop a news app about F-1, that brings Reginaldo Leme's expertise as a differential. A reporter with over 50 years of experience in motorsports, being the first one in Brazil to cover the F-1 races.
A primeira versão
PT-BR – Como pode-se notar nas imagens abaixo alguns dos problemas existentes na versão anterior eram: neumorfismo; fonte em tamanho e espaçamento errados, proporcionando uma legibilidade ruim; botões e áreas de hit, em tamanho equivocado; informações incompletas sobre as equipes e pilotos.
EN – As you can see below, some of the existing issues in the previous version were: neumorphism, bad font size and line spacing, causing poor readability, in some cases buttons and target sizes were too small, which make more difficult for user to hit, lack of information about teams and pilots.
Personas
PT-BR – As personas foram desenvolvidas com base nos dados que foram coletados pela SP Turis, onde foram entrevistadas 1206 pessoas que frequentam o autódromo de Interlagos, em São Paulo/SP.
EN – Personas were created based on data collected by SP Turis, where 1206 people who attend the Interlagos racetrack, in São Paulo/SP, were interviewed.
Metas do projeto
PT-BR – Uma da coisas mais importantes sobre o projeto era manter todas as informações relacionadas ao mundo da F-1 e notícias mais recentes, da maneira mais limpa e amigável ao usuário possível, em um curto espaço de tempo.
EN – The most important thing about this project was to mantain all related stuff to the F-1 world and latest news, as clean and user-friendly as possible in a short amount of time.
PT-BR – De acordo com os usuários entrevistados, o que é mais inconveniente para eles é que não conseguem acessar as informações sobre os pilotos e equipes, tais como bio, posição no campeonato e resultados, nos aplicativos existentes no mercado e quando o fazem, não é da forma mais fácil.
Com o intuito de fornecer o mínimo de etapas possíveis, a solução mais coerente foi incluir acesso a essas informações na home e na tabela de classificação, tanto das equipes quanto dos pilotos.
Com o intuito de fornecer o mínimo de etapas possíveis, a solução mais coerente foi incluir acesso a essas informações na home e na tabela de classificação, tanto das equipes quanto dos pilotos.
EN – According to the users interviewed, what is most inconvenient is that they can't reach information about the teams and pilots, such as standings, bios and last results. When they do, it isn't in the easyest way, so this kind of information also were included.
In order to create as less steps as possible for the users, the most reasonable solution was give access through home screen, pilots and teams standings.
Interface
PT-BR – Abaixo estão os principais componentes da interface do usuário. Como você pode ver, as cores mais utilizadas são as neutras. A escolha foi feita pensando na quantidade e saturação das cores dos times. As cores neutras são a melhor escolha para trabalhar com uma paleta de grande variação.
A maioria dos ícones são do Google Material Design e o restante foi desenvolvido da melhor maneira possível para este projeto. Geralmente possuem 22 px de altura, podendo variar para mais ou para menos, mas sempre com uma área de hit de 46 px.
A escolha da fonte também foi pensada para que fosse melhor visualizada em todos os tipos de dispositivos, que fosse agradável para a grande variedade de usuários, e para longas e confortáveis leituras. Sendo assim, a Roboto se encaixa bem nesses propósitos.
EN – Down below are the main ui components. As you can see, the most used colors are neutrals. The choice was made thinking about the long range and over saturated team colors. Neutrals are the best choice to work with and extended palete.
Most of the icons are from Google's Material Design and the rest were designed for this project. Their sizes are 22 px and can very for more or less, but always with a 46 px target area.
The typeface choice was made considering multiple kinds of users, types of devices and long and comfortable reading, so Roboto was the chosen one.
