Proposta de design

[luantoningalvan]

Elaborei uma proposta para design e junto com ela diversas funções interessantes

Link da proposta: https://www.figma.com/file/YbgVm2pLpCxhb5XcFIM7hI/TabNews

Existem comentários no arquivo, porém não tenho ciência que será possível o público ver, então farei os mesmos aqui

Propostas

• Home com as publicações em destaque. Usuário experiêntes podem adicionar imagens.
• Card de notícia possuirão uma borda lateral indicando o quão em destaque está o assunto sendo uma variação de um tom de cor
• Anúncios terão design padronizado para fácil criação
• Será possível criar uma playlist para um player que faz text to speech
• Ao logar usuário poderá conferir uma barra lateral com suas moedas e atividades que geram pontuação

[filipedeschamps]

É MUITO MASSAAAA ter vocês aqui dentro do repositório 😍

E gostei da questão da cor do "quão quente é a notícia" ser um degradê 👍 a idéia so text to speech também muito boa, e sobre a atividade que está gerando moeda, eu não tinha pensado nisso, muito interessante, me deixou pensando bastante 🤝

[LuanEdCosta]

Genial a ideia do text to speech e o layout ficou excelente. Os anúncios com layout padrão e um abaixo do outro ao lado dos posts ficou muito massa também.

💡 Agora para contribuir eu pensei o seguinte:

• Os usuários podem adicionar tags de busca nas notícias e elas aparecerão nos itens da tela principal
• Os usuários podem buscar notícias por tags
• Apenas usuários experientes poderão adicionar imagem de perfil. Para os não experientes podemos usar as iniciais do nome ou deixar ele escolher uma imagem entre algumas imagens padrão
• As imagens dos anúncios também são coisas a se pensar. Dá pra usar o logo do canal do Youtube, avatar da conta do GitHub e até uma imagem qualquer que o usuário fizer upload (só experientes)
• A API do Unsplash pode fornecer imagens que não precisam de atribuições ao fotógrafo e com menos risco de terem conteúdo impróprio

🤔 Eu estava vendo aqui e me parece que o Text to Speech é algo não tão complicado de fazer, vejam:
https://dev.to/asaoluelijah/text-to-speech-in-3-lines-of-javascript-b8h
https://developer.mozilla.org/pt-BR/docs/Web/API/SpeechSynthesis

[brunofamiliar]

Genial a ideia do text to speech e o layout ficou excelente. Os anúncios com layout padrão e um abaixo do outro ao lado dos posts ficou muito massa também.

💡 Agora para contribuir eu pensei o seguinte:

• Os usuários podem adicionar tags de busca nas notícias e elas aparecerão nos itens da tela principal
• Os usuários podem buscar notícias por tags
• Apenas usuários experientes poderão adicionar imagem de perfil. Para os não experientes podemos usar as iniciais do nome ou deixar ele escolher uma imagem entre algumas imagens padrão
• As imagens dos anúncios também são coisas a se pensar. Dá pra usar o logo do canal do Youtube, avatar da conta do GitHub e até uma imagem qualquer que o usuário fizer upload (só experientes)
• A API do Unsplash pode fornecer imagens que não precisam de atribuições ao fotógrafo e com menos risco de terem conteúdo impróprio

🤔 Eu estava vendo aqui e me parece que o Text to Speech é algo não tão complicado de fazer, vejam:
https://dev.to/asaoluelijah/text-to-speech-in-3-lines-of-javascript-b8h
https://developer.mozilla.org/pt-BR/docs/Web/API/SpeechSynthesis

Curti também essa ideia do Text to Speech, parece ser algo interessante de se implementar para ir ouvindo estilo podcast

[luantoningalvan]

Pensando no vídeo publicado hoje fiz uma adição de um modal para a personalização do site podendo alterar tema, cor e home page. É importante destacar que por mais que o design apresente uma home o foco principal está no LAYOUT, aquele que permanece igual em todas as páginas

[daniloster]

Oi @luantoningalvan , muito bacana a sugestão de player. Muita gente pode se beneficiar dessa feature. Estava pensando no sentido de accessibilidade, o que acha de adicionarmos um botão-icone play / pause na noticia tbm? Isso tornaria o player acessível pelo teclado. Alguns usuarios podem ser impossibilitados de usar o mouse, isso ajudaria muito eles.

(ps: desculpa a falta de acentuacao, meu teclado não estah configurado, soh o corretor ajuda em alguns casos)

[brunofamiliar]

Pessoal, tenho notado o surgimento de diversas propostas de layout; estou achando tudo muito fantástico! Parabéns a todos pelo trabalho que tiveram em transformar suas inspirações em interfaces belas e intuitivas para o bem da comunidade 😄.
Como sugestão, o usuário poderia escolher qual interface ele deseja utilizar (conforme o @filipedeschamps comentou no último vídeo), num seria interessante adicionar um ponto comum de fácil acesso para realizar a escolha do template? Tipo um botão flutuante, igual demonstro nas imagens abaixo:

Ao clicar na engregagem, abre as opções para configurar aquele tema em específico, ou mesmo selecionar outro que desejar, de forma simplificada.

[filipedeschamps]

Massa @brunofamiliar ! Eu tava pensando sobre a mesma coisa, e talvez eu centralizaria tudo dentro do Perfil da pessoa, que poderia ficar no canto superior direito (como fica geralmente, aquela bolinha com um avatar, sabe?)

[brunofamiliar]

Massa @brunofamiliar ! Eu tava pensando sobre a mesma coisa, e talvez eu centralizaria tudo dentro do Perfil da pessoa, que poderia ficar no canto superior direito (como fica geralmente, aquela bolinha com um avatar, sabe?)

Realmente faz mas sentido, porque se tiver essa engrenagem flutuante pode quebrar outros designs que tenham conteúdo na lateral. Sendo no perfil, teria maior flexibilidade em estruturar a UI

[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 🤝

[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 #1490); e segundo que a estética é algo bem pessoal e com certeza teremos pessoas que irão preferir 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.