Executando verificação de segurança...
38

O Redesign do TabNews

Um pequeno redesing do TabNews, o que vocês acham disso, o que poderá melhorar que não está aqui?

tabnews redesign
(https://i.imgur.com/xbEFYCZ.png)

Comentem o que acharam, é simples apenas para ter uma noção.

Atualizado:

Eu acabei subindo um deploy usando next.js para vê como ficaria, veja em:

https://redesign-tabnews.vercel.app/ (Veja no desktop)

Também coloquei em um github público:
https://github.com/mthmcalixto/redesign-tabnews.com.br

Mais infos em O Redesign do TabNews #2

Carregando publicação patrocinada...
4

O desing feito por você é bom e bem feito. Mas acredito que seja genérico e fuja da identidade do tabnews em si. O design hoje, acho que seja excelente e carrega um personalidade sutil que não deve ser perdida. Essa pegada simples que possui hoje, acredito ser a essência de tudo.

4

O design atual é de um MVP, genérico e simples. Parece ter sido feito correndo, e o famoso “tentamos criar um fórum”. Acredito que, para crescer e atingir mais público, é necessário incluir novas features, como filtros, tags, salas e recomendações. Sobre a tentativa de um novo design, acho que precisava de mais organização, menus e ícones um pouco maiores, além de melhorias na acessibilidade, que hoje é algo inexistente.

1

Valentim, obrigado pelo comentário, acrédito também que sempre poderá ter mundaças, o design de um site só é um pedacinho de um site.

Eu tentei deixar o máximo de coisas que tem no design atual justamente para não ter uma mudanção muito grande, estou apenas dando a ideia, acredito que não vai ser implementada... mas que fique para outras pessoas poderem dar uma olhada no github, caso gostem.

Obrigado novamente!

1

discordo um pouco da identidade do tabnews pq o a identidade dele é minimalista realmente é o mínimo acredito que a essência dele N seja o design atual mas sim o minimaliso, e mais importante de tudo as postagens.

2

Achei sensacional ! O design fico excelente .

Uma sugestão seria você adicionar uma aba para tópicos também , onde separaria conteúdos por assuntos , mas é só uma sugestão mesmo, de resto está perfeito .

Uma pergunta: o código é open-source?

2

cerqueirinha, Obrigado pelo comentário, realmente falta uma aba nesse sentido, pensei em colocar vários clips com as tags em "sort by".

É apenas um conceito, não está no código que foi feito o TabNews.

2

Fenomenal! Achei que ficou muito simples e objetivo.

Entenda simples como um elogio.

O único ponto que eu acho que deveria haver mudanças é em relação a quantidade de conteúdo/postagens sendo exibido na tela. Na minha visão parecem poucas.

Acho que se houver um padding menor entre o título da postagem e as informações de tabcoins, autor e commentários, a página pode ficar mais com cara de 'tabnews', sem perder a identidade do site que já foi construida.

Mas isso é minha opinão pessoal, podemos testar e ver como fica.

No mais, achei um excelente trabalho e parabenizo pela iniciativa.

Tamo junto

1

practicalyst, Obrigado pelo comentário e pelo elogio, a ideia de crescer a área de posts/news é para ter melhor visualização, quando vejo a área atual sinto que existe muitos itens em minha cara kkk e acabo não vendo posts/news importantes pelo excesso.

Com o conceito que fiz consigo ter menos itens, mais vou prestar mais atenção em cada um, como qual tag ele usou, consigo ver o título maior e isso traz mais clazera.

Uma ideia legal seria colocar algo como o Gmail faz:

img gmail

A também pensei no infinite scroll, muitos já adotaram esse conceito, Google, Youtube... isso faz o usuário ficar mais tempo na tela e acho isso importante para o TabNews.

Mas é como você disse, tudo é um teste haha!

1

Esses pontos que você levantou são muito importantes e de fato seu design torna a leitura muito mais fácil.

Acho que minha opinião se baseou muito no meu gosto por sites com a cara mais antiga, no estilo hackernews, sabe?

Em relação ao infinite scroll, acho que pode dar certo.

Mais uma vez, parabéns pelo trabalho!

2

Acho que ficou legal, mas tem um detalhe importante: hoje os posts não possuem tags nem qualquer outra forma de categorização oficial. Até tem umas marcações informais que alguns colocam, do tipo [Pitch], [Dúvida], etc, mas não é o suficiente pra termos as tags do seu layout.

Então antes de poder sequer usar algum design parecido com a sua ideia, primeiro precisaria ter alguma maneira de categorizar os posts. Já tem issue no GitHub sugerindo isso, inclusive. É "só" implementar :-)

Outra coisa que sinto falta é uma paginação melhor. Hoje só tem links pra próxima e anterior, poderia ter opções de ir direto pra alguma página específica, pra última, indicar quantas tem, etc. Mas isso já é outra história...

1

kht, obrigado pelo comentário, realmente falta algumas coisas no design atual, acredito que em breve eles vão lançar algum sistema de tags.

Sempre é possível melhor algo que parece que já está bom, no design que fiz a página tem um infinite scroll que aparece os posts de acordo com a rolagem do usuário na página.

1

Por favor equipe do tabnews, vcs tem que aderir este design. Está incrível, objetivo e etc. Simplesmente sensacional. Claro, existe umas coisas que devem ser implementada como um botão para filtrar tópicos, mas isso ai pode ser feito depois de remodelar o design. Muito bom cara.

2

Araújo, obrigado pelo comentário. Agradeço por gostar. Eu acredito que nunca vão aceitar um redesign desse porte, haha, ainda mais que eles têm uma política de usar um sistema de design com estilo do GitHub. Mas acredito que é preciso pensar alto e grande. TailwindCSS está aí para isso, criar seu próprio sistema de design.

Sim, tem bastante coisas parar criar ou imaginar, a imaginação não tem limites.

2
1
1

cisco, obrigado pelo comentário, fazer o mobile é um pouco chatinho hahah, mas eu fiz um deploy só pra eu vê como iria ficar esse conceito, TailwindCss é uma poderosa ferramenta para criar algo rápido e bonito.

Posso mexer mais ou se alguém que saiba TailwindCss quiser mexer é só fazer no github que eu aceito... Valeu!

1

Dada a quantidade de assuntos no TabNews, não seria mais eficiente ter um menu lateral para categorias e, no slide, apenas os destaques? Por exemplo, se eu estiver interessado em Python, seria mais fácil encontrar as informações desejadas.

1

marcelosantos, Obrigado pelo comentário, seria algo como isso?

img menu lateral

Esse menu é do 9Qag, ele tem os interreses, ao clicar ele mostra todos os posts desse assunto.