tabnews.com.br icon indicating copy to clipboard operation
tabnews.com.br copied to clipboard

Sugestão de redesign do TabNews 😱

Open TiagoXavierSavioli opened this issue 2 years ago • 1 comments

TabNews redesign

Confira o design no Figma: link

Porquê um redesign?

  • adiciona uma indentidade visual mais consistente
  • melhora a experiência do usuário, e primeiras impressões do site
  • transmite maior credibilidade

Features do novo design

  • Adiciona mais visibilidade as moedas do site (TabCoins/TabCash)
  • Torna o botão de criar conteúdo mais visível, estimulando mais a criação de valor no site
  • Separa melhor barra de navegação do site, tornado melhor de se navegar
  • Adiciona foto de perfil, assim ficando mais fácil a diferenciação entre usuários,
  • colocando uma barra de pesquisa fica mais fácil achar um conteúdo de interesse (Ideia dos próprios usuários)
  • separação de conteudos adicionando espaçamento entre os mesmos tornando a leitura mais fácil
  • aplicando os valores visuais corretos nos conteúdos, aumentando os botões, e dando mais impotância aos títulos
  • adição do número de visualizações nos conteúdos (Ideia dos próprios usuários)

link do post no TabNews: link

TiagoXavierSavioli avatar Dec 14 '22 16:12 TiagoXavierSavioli

Tiago, recomendo você seguir um padrão de design system do Primer, pois o tabnews usa e daria mais consistência ao design.

Também seria legal ter a visualização individual de cada componente, para ter mais detalhes sobre variantes, estados e afins.

P.S.: Eu gostei bastante do design, tanto que gostaria muito de fazer um redesign do tabnews e codar. Até coloquei na lista de projetos futuros. 👻

fabriciolak avatar Dec 17 '22 03:12 fabriciolak

@TiagoXavierSavioli o melhor que eu vi até agora haha!

mthmcalixto avatar Jul 25 '23 16:07 mthmcalixto

Acho que fazer um redesign por completo seria um "trabalho atoa". É mais importante focar na melhoria da usabilidade, correção de bugs e novas funcionalidades. Dito isso, nada impede de fazer melhorias pontuais que poderiam ser consideradas "redesigns" de coisas específicas. Lembrando que usamos os componentes do Primer com o objetivo de não precisar estilizar as coisas, e se aproximar do design do GitHub.

Por ser algo muito abrangente, acho que faz sentido fecharmos este issue para organizar o repositório.

Rafatcb avatar Dec 15 '23 00:12 Rafatcb