Eu redesenhei o Tinder. Aqui é o que eu aprendi no processo.

O desafio

Eu me pintei para ver o quão longe eu poderia me empurrar de forma criativa como designer, reconstruindo uma aplicação que uso com frequência.

Eu escolhi Tinder porque usei algumas vezes e percebi que algumas modificações no design seriam úteis. Claro que não estou sugerindo que meu projeto deve ser usado em vez do design atual da Tinder. É apenas um ponto de vista diferente do design atual da aplicação.

Os meus objetivos:

  • Crie uma melhor experiência de usuário
  • Facilite o uso da aplicação
  • Como objetivo pessoal, completar meu primeiro projeto de design

Compreendendo a aplicação

O Tinder é um aplicativo social baseado em localização que é mais usado como um aplicativo de namoro com um público-alvo de 18 a 34. Desde sua estréia em 2012, a Tinder sofreu um rápido crescimento graças ao seu modo de uso extremamente simples e a sua incrível estratégia orgânica.

A Página Inicial

Tela antiga e meu reformulação

Problema 1: Botões inferiores e Swip de cartão

Assim que um usuário abrir o aplicativo, os usuários do Tinder têm dois recursos principais para indicar se eles gostam de um perfil ou não:

  • os botões inferiores
  • o cartão swiping

Então, qual deles deveria usar?

Ambas as opções são muito boas, mas a transferência de cartões proporciona uma experiência muito mais suave. Se você compara isso com outros aplicativos que estão implementando cada vez mais o recurso de deslocamento de cartões, a Tinder está muito à frente. Devemos ter vantagem de 100% disso.

Depois de analisar o design existente, os botões “super like”, “like” e “nope” foram removidos, com os gestos de deslocamento de cartão para essas ações.

Foram adicionados os seguintes novos botões.

Descarte o botão do perfil

Descarte o perfil

Digamos que você se deparar com um perfil que lhe interessa e ao mesmo tempo não, você pode descartá-lo e ir para o próximo.

Botão de mensagem

mensagem

Característica para o ouro Tinder que lhe permite enviar uma mensagem para qualquer perfil, mesmo que ainda não gostou de você.

Novo cartão de deslocamento – Amigos

O Tinder está listado em “Estilo de vida” na loja da App. Embora a Tinder não seja comercializada como um aplicativo de namoro, a maioria das pessoas vê-lo como um. Percorrendo os perfis, vi muitas bios com algo como “Apenas procurando amigos!”.

Então, passear os novos cartões de transferência permite que você seja amigo de alguém.

Problema 2: Alterar páginas para ver um perfil

Esta modificação foi algo mais pessoal. Não gostei do modo como um usuário navegaria para o perfil de uma pessoa. Não considero o fluido do processo aos olhos do usuário, pois estamos constantemente mudando de páginas e não se torna muito intuitivo ou prático se quisermos voltar depois de ver o perfil.

Então eu decidi implementar a função de poder ver o perfil do usuário sem sair da página principal. Swiping up exibiria o perfil do usuário e o deslizar para baixo retornaria o usuário para a página principal.

Redesenhando o Feed Tinder

A Tinder apresentou o recurso Feed que mostra as atualizações em tempo real de suas correspondências em um só lugar. É uma ótima idéia que irá levá-lo para além de “É um jogo!” E ajudá-lo a fazer uma conexão real.

Mas, para acessar este novo recurso, você precisa ir às mensagens. Como eu acho que devemos aproveitar isso, eu decidi removê-lo das mensagens e colocá-lo na tela principal.

Um usuário precisaria clicar no botão de alimentação na tela principal para acessar todas as notícias de suas partidas.

Para navegar dentro do feed, decidi implementar dois botões:

  • Novo – clicando em “Novo” na parte inferior da tela do lado direito criaria uma nova postagem.
  • O antigo – clicando em “Antigo” na parte inferior da tela no lado esquerdo iria até a postagem mais antiga até chegar ao último.

Os botões:

  • MensagemMensagem instantânea para a conexão sem sair do feed.
  • Compartilhe – Compartilhe nas mídias sociais.

Novo recurso: Tinder Experiences

A maioria das pessoas vê a Tinder como uma aplicação de encontros. Mas é muito mais, a experiência pode ser mais poderosa. Eu implementei um novo recurso chamado “Tinder Experiences”, uma maneira de levar datas e reuniões com amigos para outro nível.

Descubra lugares da cidade onde você está, conheça pessoas que compartilham suas paixões, abra novas experiências.

Status

Existem algumas outras coisas que podem ser implementadas para melhorar bastante a experiência do usuário. Um deles é conhecer o status do usuário. Então, de forma simples e minimalista, inseri o estágio de usuários dentro das mensagens. Esta melhoria nos permite saber se um usuário está online, offline ou inativo.

Outro recurso possível é Filtrar os usuários quando foram ativos pela última vez. Isso permitiria que um usuário estabelecesse um intervalo nas suas “Preferências de descoberta”, por exemplo, exibir usuários que estiveram ativos nos últimos 30 minutos.

Conclusão

Indo para este projeto, eu sabia que essa seria a oportunidade perfeita para melhorar minhas habilidades de design e me empurrar de forma criativa. Eu estou estudando engenharia de computação e, ao mesmo tempo, estudando projeto sozinho em casa, como eu quero prosseguir uma carreira em design de produto. Descobri que a melhor maneira de aprender seria apenas me lançar em um projeto.

Então, para mim, este não é o fim de redesenhar uma aplicação móvel e apenas o começo.

Obrigado pela leitura. Espero que tenhas gostado. ?

Agradeceria os seus comentários.

Texto original em inglês.