Group 2.png

GitShark

Case study for GitShark, a mobile Git client.

architecture
Design de Produto
interests
Sistemas de Design
format_paint
Branding
 
GitShark logo
 

Apresentando o GitShark

GitShark é uma GUI do Git que permite gerenciar branches, criar e extrair commits, clonar repositórios e todos os outros recursos que você esperaria de um cliente de classe de desktop; exceto, no entanto, que o GitShark prioriza os dispositivos móveis.

Branches

Merge

Fork

Pull requests

Stash

Checkout

Infelizmente, devido a atualizações e limitações da plataforma, o projeto provou ser impossível de construir sob essas restrições e o GitShark foi descontinuado.

No entanto, você ainda pode experimentar nossa versão beta, que deve funcionar em dispositivos com versões anteriores à Android 12.

 

Pesquisa e competição

Com o GitShark, assumimos um projeto extremamente ambicioso: como agrupamos a maioria dos recursos do Git que você encontraria em um ambiente de desktop em um dispositivo que você pode carregar no bolso? Em quais recursos devemos nos concentrar? Quais recursos certamente proporcionarão ao usuário uma experiência ruim e devem ser totalmente cortados?

Nosso primeiro passo foi identificar nossos concorrentes diretos. Isso nos permitiria descobrir o que funciona e o que não funciona em relação aos objetivos que um cliente Git deve alcançar em um dispositivo móvel. Infelizmente — ou talvez felizmente — não houve muitos, o que nos deu uma página em branco sobre como pensar sobre o Git em proporções tão restritas.

 

Pocket Git & Working Copy vs. GitShark

Os aplicativos que encontramos – tanto no Android quanto no iOS – tinham um design desatualizado e falta de acessibilidade. Os alvos de toque e os rótulos eram muito pequenos, haviam muitas opções disponíveis a qualquer momento, os gestos do aplicativo não eram explicados, entre outros problemas. O GitShark teve como objetivo corrigir todos esses problemas.


Todos os recursos que você deseja e espera.

  • Acesse repositórios: adicione, crie ou clone repositórios remotos pressionando um único botão.

  • Sincronize com todos repositórios remotos: use fetch, pull e push com todos seus repositórios remotos.

  • Rastreie alterações de arquivos: todos os seus arquivos são enviados automaticamente para staging; você não precisa fazer nada.

  • Gerencie branches e commits: visualize e crie facilmente suas próprias branches ou confirme alterações.


Feito para os padrões de hoje.

GitShark uses the Seaside design system to compose its screens, delivering a beautiful experience updated to match what users expect from a modern app.


Densidade feita de forma certa.

Ao lidar com telas e operações complexas, os detalhes às vezes podem ser complicados em tamanhos pequenos, e é por isso que o GitShark prioriza o que é importante. De qualquer forma, todos os detalhes são facilmente acessíveis quando necessários.

 

Quanto maior, melhor.

O GitShark pode se adaptar com diferentes formatos, aproveitando o espaço extra para fornecer mais conteúdo e aumentar sua produtividade.

Showcase.png

O GitShark se adapta perfeitamente a telas pequenas e grandes.

Em tamanhos maiores – não incluindo desktop – oferecemos uma acessibilidade adicional, aumentando o alvo de toque e o preenchimento geral dos elementos. Isso ajuda a tornar as telas e os componentes mais fáceis de ler ​​e ajuda com a falta de precisão.


Animações são uma parte essencial de GitShark.

Sabemos que as animações podem transformar totalmente a experiência do usuário, e é por isso que o GitShark visa animar interações com transições sutis e bonitas.

Staging.gif

A iconografia foi um desafio.

O GitShark lida com ações muito complexas, que não são facilmente traduzidas em ícones. Coisas como Fork , Pull Request e Branch foram todas compreendidas, graças aos padrões adotados por diversos clientes Git diferentes. Porém, coisas como Rebase, Squash, Cherry-pick eram mais esotéricas, com diversas implementações diferentes dependendo do serviço utilizado; às vezes, essas ações eram relegadas a menus de texto, devido à impossibilidade de comunicá-las facilmente.

Os ícones do GitShark seguem uma grade de 2px, garantindo que sejam legíveis.

Optamos por seguir a forma dos ícones já reconhecíveis e decidimos construir um conjunto de ícones coeso seguindo essas mesmas diretrizes, respeitando a máxima legibilidade em tamanhos pequenos.


 

Wrap-up

GitShark foi um grande projeto com muito potencial que infelizmente foi interrompido devido a mudanças fora do nosso controle.

Usar Seaside e descobrir soluções para problemas complexos foi um desafio e uma experiência de aprendizado incrível. Talvez o GitShark possa ressurgir um dia.

Obrigado por ler!