Proposta de design

[rhandrade]

Criei uma proposta de layout para o TabNews, envolvendo outras telas e interações conforme verifiquei que o pessoal foi comentando e dando sugestões na outra issue #6 pelo @luantoningalvan.

Segue os links para a projeção e para a prototipação no figma. Mals as inconsistências, sou um desenvolvedor que tenta criar boas interfaces 😆.

Projeção https://www.figma.com/file/aSjqvEUZYSQwYFIQ0KO4Fp/TabNews?node-id=43%3A673

Prototipação https://www.figma.com/proto/aSjqvEUZYSQwYFIQ0KO4Fp/TabNews?node-id=43%3A673&scaling=min-zoom&page-id=0%3A1&hide-ui=1

Proposta

• Layout pensado no conteúdo
• Todo o site acessível pelo teclado
• Tabcoins e pontos de experiência disponível na barra superior
• Link para o projeto no Github
• Central de notificações
• Tags em posts
• Acionar Text to Speech em cada post como sugerido pelo @daniloster
• Pesquisar por tags como sugerido pelo @LuanEdCosta.
• Pesquisar por voz
• Menu do usuário no avatar como sugerido pelo @filipedeschamps.
• Accent color configurável dentro do menu do usuário, como sugerido pelo @brunofamiliar e pelo @filipedeschamps
• Adição de espaço de ads para custear o projeto (mais sobre na seção abaixo)
• Adição de um "footer" sobre a criação do projeto
• Post completo abrindo diretamente na página principal como um overlay
• Sistema de votação dos comentários como o Stack Overflow ou Disqus
• Link para reportar a postagem caso for identificado uma fake news ou postagens desrespeitosa

Anúncios

Coloquei um espaço de anuncio reservado para custear o projeto, tipo custo com os servidores, como o @filipedeschamps comentou em algum dos vídeos do membro. Coloquei o Carbon como exemplo devido ser um ótimo sistema de ads para projetos de tecnologia. A ideia não seria abrir espaços comprados nem nada disso. O Carbon, por exemplo, seria o único sistema de ads externo apenas para custear o projeto.

Imagens

Home

Post

[filipedeschamps]

Caramba que massa @rhandrade muito obrigado pela colaboração e excelentes pontos levantados na parte da proposta!!! Isso ajuda a pensar na ideia por vários ângulos 🤝 👍

[rodrigoKulb]

@rhandrade ficou bem legal, adorei a ideia de utilizar Tags em posts!

[filipedeschamps]

Atendendo ao objetivo da issue #63 da atual Milestone, estou fechando essa issue, mas isso não significa que essa conversa foi descartada ou deve ser interrompida, muito pelo contrário, esta issue pode ser reaberta a qualquer momento que necessário. Estou marcando ela também com a label repescar para ser mais fácil de encontrar caso chegue o momento certo de voltarmos a discutir sobre ela 🤝

[Ryannnkl]

Muito bonito @rhandrade

algo que me fez pensar, a gente utiliza os componentes do Prime do github e por mais que sejam excelentes faltam coisas que eles não implementam ou não faz parte da ideia deles.

Penso que seria muito vantajoso seria criar um fork do prime para a comunidade criar componentes ou modificar a estilização de algumas partes e criar um Design System do Tabnews baseado no Prime, sinto falta de coisas como:

• hidden and show password no próprio campo de input caso seja um input de senha
• alerta personalizável
• componente de calendário
• Dropdown
• Select (o select do prime não é nada de mais)
• Table (apesar do componente Box resolver, não é bem o esperado)

enfim, sei que criar um design system é algo desafiador, mas é algo que vai valer bastante a pena.

[Rafatcb]

Estou removendo a label repescar do issue e criando esse comentário para termos um histórico do motivo dessa decisão.

Na fase em que estamos do TabNews, já não faz sentido um "redesign total", primeiro porque seria um grande esforço direcionado para algo estético, enquanto que temos várias coisas legais a serem implementadas (veja o Milestone 7 que estamos agora https://github.com/filipedeschamps/tabnews.com.br/issues/1490); e segundo que a estética é algo bem pessoal e com certeza teremos pessoas que preferirão a nova e pessoas que preferirão a antiga, então haveria uma divisão do público.

Acredito que a interface que temos hoje tem servido bem o público do TabNews, e fazemos melhorias incrementais nela conforme necessitamos.

Um comentário adicional: @Ryannnkl criar um fork do Primer tem mais pontos negativos do que positivos, porque seria um projeto a mais para cuidar, o que seria inviável. Apesar disso, nada impede que criemos algumas variações ou novos componentes aqui no próprio repositório do TabNews, conforme necessário, ao mesmo tempo que fazemos uso dos esforços empenhados pela equipe do Primer.

Faz total sentido termos cuidado com os nossos componentes :+1: