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.
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 :)
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).
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.
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.
Ficou bem bonito! 👍🏽
Parabéns, ficou muito bom! Gostei bastante das cores e ficou bem harmônico no geral!