Executando verificação de segurança...
40
DaniloAbramowicz
3 min de leitura ·

Re Design TabCoin e TabCash, qual a sua opinião?

“Atualmente os ícones de TabCoin e TabCash são representados por pequenos quadrados opacos que não esclarecem e auxiliam o usuário a compreender a funcionalidade e relevância deles.”

Com base na issue: Ícones para TabCoin e TabCash #1326, gostaria de compartilhar ícones que desenvolvi e receber o feedback da comunidade.

Obs. Já realizei essa postagem na issue, me recomendaram passar a postagem para o tabnews e depois com base nos comentários aqui, repassar para a issue para continuar a discussão por lá.

TabCoin:

Inicialmente considerei um cifrão ($) no centro, porém o tamanho máximo de 16px do container que se encontra os svg dificultava a clareza. Optei então por combinar um pixel com uma moeda, garantindo melhor visibilidade, além de manter uma referência aos antigos ícones.

No dispositivo:

TabCash:

Na minha concepção o TabCash é a “pontuação” de maior valor, pois para adquirir é necessário o reconhecimento da comunidade para o usuário e do usuário para a comunidade. E levando em conta a cor verde presente atualmente no ícone de TabCash, optei por realizar um ícone minimalista de uma esmeralda.

No dispositivo:

Também realizei o ícone com outras maneiras de lapidação.

Edit. Considere que da esquerda para a direita, a sequência seja 2, 3, 4 e 5:

No dispositivo:



A menção de curiosidade realizei duas versões com estrela:

No dispositivo:

Compartilhem seu feedback:

Agora gostaria de saber a sua opinião, se gostou, não gostou ou se tem alguma outra sugestão de design?

Carregando publicação patrocinada...
4
Vinicgobbi

Gotei muito do redesign, achei ambos muito bonitos, mas o q mais me chamou atenção mesmo foi a primeira lapidação, a que tem formato hexagonal, mesmo que o tabnews tenha uma pegada mais minimalista, acho que talvez realmente seja necessário mudar o design do tabcoin e tabcash, e esse que mencionei me chamou a atenção por ser fácil diferenciar e manter essa pegada minimalista tbm

2
fmorschel

Não tenho necessidade de acessibilidade, mas acredito que isso também auxilie um pouco mais para diferenciar entre eles. Gostei bastante da primeira lapidação. Me pareceu "mais coerente" (acho q posso chamar assim) do que as outras em relação ao corte interno e externo e em relação ao outro ícone (TabCoin).

1
DaniloAbramowicz
Autor
Autor

Desculpe, a segunda parte que falou está me deixando confuso, (corte interno e externo), a que mais gostou é a lapidação que contém versão estreita e ampla, ou a primeira lapidação da sequência de outros 4 tipos de lapidação?

1
fmorschel

A primeira entre as 4. A hexagonal interna e externa (talvez editar teu post para adicionar um identificador para as opcões apresentadas possa ser interessante para facilitar essas discussões).

Por isso mencionei que ela parece "mais coerente" e o formato externo dela não se distoa tanto da tua proposta para o TabCoin o que, pessoalmente, acho que melhora a visualização deles lado a lado.

1
3
ivanPechim

Eu gostei muito do design novo, acho que ficaria mais bonito, eu gosto do tabnews pq ele é bem simplista não tem muita coisa na cara, mas na questão dos icones, acho super válido esses novos ai, achei bonito e bem clean.

1
1
2
bundza

Vamo lá, o que serie interesse é dar de fato a ideia de que cada moeda é uma moeda de troca para fatores diferentes, então se uma traz um prestígio maior ela deve se destacar e ser diferente, por ser moeda e dinheiro, acho que seria interessante a moeda "ser cunhada com uma balança" e o cash lembrar o futuro e ser "uma célula impressa com um Robocop"

1
DaniloAbramowicz
Autor
Autor

Não compreendi os termos entre aspas que utilizou, suponho que "ser cunhada com uma balança" seja referente em adicionar um símbolo de uma balança dentro da moeda, isso não é possível, pois ficaria muito pequeno o símbolo, além de poder causar uma confusão visual pelos elementos sobrepostos.

Quanto ao "uma célula impressa com um Robocop", admito não ter entendido qual é a sua sugestão, poderia dar mais detalhes ou uma referência?

Por o fim o “se destacar e ser diferente” presente na resposta, não pode ser atendido, o TabNews segue um estilo clean, então o ícone não pode ser detalhado para não se dissociar completamente do elementos já presentes, e devo reforçar novamente que ícones detalhados nas dimensões baixas embaçam e confundem a visão.

2
refeals

Normalmente são as pequenas coisas que trazer as maiores diferenças. UI/UX é massa demais por conta disso. Excelente ideia! Gostei muito da primeira iteração de cada.

1
3
2
DaniloAbramowicz
Autor
Autor

A discussão sobre a melhor forma de prosseguir com a implementação ainda está aberta na issue: #1326, ficarei feliz se compartilhar mais de seu ponto de vista para discutirmos.

Além disso, por favor compartilhe sua impressão do design que elaborei, algum lhe agradou mais ou tem algum estilo para sugerir?

2
DaniloAbramowicz
Autor
Autor

Já realizei essa postagem na issue, me recomendaram passar a postagem para o tabnews e depois com base nos comentários aqui, repassar para a issue para continuar a discussão por lá.