E se a UI do TabNews fosse dessa maneira?

Olá usuários do TabNews. Tudo tranquilo?

Através do canal do Filipe descobri uma nova ferramenta que particularmente acredito muito em seu crescimento: O TabNews.

Esses dias eu estava tentando entender melhor a dinâmica da ferramenta e decidi aplicar o que eu mais amo fazer, o UI/UX Design. Na verdade, nesse primeiro momento utilizei somente a UI para mostrar como ficaria a interface do TabNews através das minhas decisões de layout, tipografia, cores, espaçamentos e etc.

O desenvolvimento da interface no FIGMA ainda está em andamento, logo, ficarei muito feliz em receber dicas de melhoria, novas ideias, críticas ou até mesmo se alguém estiver interessado em se juntar no desenvolvimento das interfaces, você será muito bem vindo, pode ter certeza disso.

Segue o link de acesso à UI do TabNews.

https://www.figma.com/proto/BmywyTWiPhK5xMSsIO8LA5/TabNews?page-id=0%3A1&node-id=2%3A64&viewport=885%2C2106%2C0.55&scaling=min-zoom&starting-point-node-id=2%3A64

Sugiro que abram pelo computador e dê um F11 para uma melhor visualização. Para visualizar botões e links clicáveis, dê um clique em qualquer lugar da tela que o figma mostrará os elementos a serem clicados para executar alguma ação.

Abraços!

Cleilton Rocha

Muito massa, mas acho que a idéia por trás do tabnews é outra, é ter a maior simplicidade possível, sua UI é muito bonita mesmo, para um sistema de noticias talvez mais tradicional até, mas seu concept tem uma coisa que acredito que não casa com a idéia da plataforma oficial: ele puxa a atenção, é super atrativo e entrega muitas opções logo de cara, te dando a vontade de continuar na página lendo outras publicações, e acredito eu, e posso estar errado, que a idéia não é prender o usuario a página, até por isso coisas pequenas como fechar a tela original ao clicar em um link foram feitas, para que você esteja aqui no site por que quer estar, e não por que a plataforma está te chamando à estar, é um lugar calmo e simples bem amigável e que o chamariz que te prende aqui é justamente esse, o respeito e a simplicidade, e não uma UI atrativa, mas reforço, seu concept está incrivel, e acredito que o que seu concept casa à idéia do tabnews é que o tabnews é aberto para que você utilize a api que eles utilizam na interface oficial, e possa criar a sua própria, inclusive, estou fazendo uma interface para Cli do tabnews, se for pra frente eu publico aqui :)

Nossa finn, achei muito legal o seu feedback e com certeza farei de tudo para tentar melhorar a UI de acordo com a ideia do TabNews. forte abraço!
olha, acho que expressei de forma errada o que quis dizer, é que você abriu a discussão sobre por que o tabnews não utiliza um estilo assim, o que quis dizer é que a plataforma oficial, o front que estamos utilizando para conversar neste momento, parece ter uma filosofia diferente, mas como o proprio descamps já disse, ele é feito em forma de api para abrir espaço para inovações, você poderia aplicar sua idéia e utilizar a API do tabnews, não acredito que precise alterar a sua ideia de interface, só quis dizer que a interface "oficial" não se encaixaria, na minha opinião
Tranquilo cara. Acho muito válida a sua opinião. Muito obrigado!
Finn, sensacional sua visão do projeto e de fato está alinhada com o que queremos para o TabNews! Obrigado por vir colocar aqui porque é muito legal ver isso pelos olhos de outra pessoa 🤝 Em paralelo, coloquei minha resposta ao Cleilton aqui e adiciona um ponto nessa visão: https://www.tabnews.com.br/filipedeschamps/512d460c-1bcb-4325-b3c5-8c24202f7c7b

Ficou interessante. Amei o estilo do header com pesquisa por texto e tags ágeis.

Mas eu tenho que concordar com a ideia do finn: ela puxa bastante sua atenção. Me peguei quase inconscientemente saltitando minha visão de um ponto a outro. Não sei dizer o que foi exatamente o impulso, talvez a presença das imagens nos cards? Ou se me lembrou a estrutura do twitter (nessa parte dou o braço a torcer que é um problema meu, haha).

Obrigado pelo feedback Cauê! Achei muito importante sua colocação. Valeuu👍

Para fins de estudos, gostaria de pedir autorização para realizar a postagem dessa UI em meu linkedin e no Bahance. Ficarei muito grato caso aceitem.

Pode postar meu caro! É uma honra de todos aqui ter um trabalho tão legal sobre o TabNews em outras plataformas!

Eu gostei bastante.. ficou bem moderno! Parabéns!

Muito obrigado pelo feedback Khylquer!👍

Sensacional Cleilton, a interface ficou muito bonita! As cores estão fantásticas e ficaram muito agradáveis de se ler! Parabéns por colocar a mão na massa nisso e ver como o TabNews ficaria nesse estilo de interface 🤝

Em paralelo, o finn antecipou alguns detalhes do que estamos tentando proteger aqui no TabNews, e para a Home o principal é conseguir responder essa pergunta: "Qual a forma mais rápida de ler todas as notícias?"

Esse é o motivo da Home ser uma lista simples vertical, pois é um padrão que fica fácil do olho rapidamente "escanear" as informações. Então com um só padrão de movimento (busca vertical, leitura horizontal), você consegue absorver toda a Home (30 itens) em questão de poucos segundos se quiser, pois é sempre a mesma posição entre um item e o outro. Isso levemente se quebra quando você abre a página em celulares, pois havereá uma quebra de linha dado ao tamanho do título, mas seu cérebro vai usar como gancho a numeração ordenada que está ao lado esquerdo de cada linha.

Muito legal Filipe! Obrigado de verdade pelo seu feedback!👍👍
Obrigado pelo feedback Calasans!

muito bom!!

Obrigado Diego!!

Ficou bem bonito! 👍🏽

Parabéns, ficou muito bom! Gostei bastante das cores e ficou bem harmônico no geral!

Muito obrigado pelo feedback Rodrigo!👍👍

Ficou incrível! Parabens!

Muito obrigado Mateus!! 👍👍