include

Design Display


@Rafael. , os técnicos da Deezer não pensam em mudar o design das player de musica do aplicativo? Poderia colocar os “botões” de compartilhar, curtir e configurações de áudio dentro da opção dos 3 pontinhos e depois deixar a opção dos 3 pontinhos na parte inferior pra tentar diminuir a quantidade de coisas na tela

Ademais, teria também como ajustar o cor que de fundo do player algo mais semelhante a cor do álbum que esta tocando ?

tem muitos álbuns que ao tocar o fundo fica com uma cor muito destoante do álbum ,ou ate mesmo ficam com o fundo preto mesmo sem estar no modo dark .

eu não estou dizendo que o player de vocês é feio ,pelo contrario acho um dos mais bonitos ,porem ficaria mais Boninho visualmente se o fundo ficasse com a cor mais semelhante a da PALHETA DE COR DO ALBUM .

 

essa imagem é apenas uma comparação:joy:

outro exemplo do que eu estou falando em relação a palheta de cores 

 

Eu ia amar se o álbum da Billie ficasse assim no final 

 


muito melhor deixar o player mias clean e clicar na capa pra surgir um menu com essas opções ou deslizar por gestos (de cima pra baixo);


Olá pessoal. Então, há muito tempo que eu espero por isso. Há muitas informações em cima da capa. Poderiam trocar o botão de compartilhar pelo botão de letras e retirar o botão de letras de cima da capa, também retirar as siglas HQ e HiFi e colocar lá onde fica o botão pra acessar as configurações de áudio. É só isso que eu peço Deezer, por favor.


Vou usar essa ideia pra clamar de volta o player mostrar apenas a capa da música tocada. Acho insuportável a ideia de ter um pedacinho das músicas da esquerda e da direita. 

 


Como este é o principal tópico de ideias de incrementações de design (principalmente para o player), resolvi fazer um resumo de tudo que foi debatido/solicitado até então, debater um pouco mais para reacender a discussão

 

SOLICITAÇÕES ATÉ AGORA

  • Tirar informações por cima da capa ("Letras" e "HIFI"): possível, com ressalvas;
  • Esconder o botão de compartilhar: possível, ele inclusive já é oculto no player da web e apps para desktop;
  • Estender a cor do fundo para as barras de status e de navegação (Android): possível a depender da versão da API do celular Android e das configurações escolhidas do usuário;
  • Melhor combinação do fundo do player à capa da música / maior variedade de cores de fundo: possível, mas trabalhoso e NUNCA atenderá 100% as expectativas de todo mundo;
  • Remover carrossel de capas (bordas das capas das faixas anterior e próxima): possível e necessário;
Exemplo das solicitações aplicadas no player atual do Android

 

RESSALVAS E EXPLICAÇÕES

 

Remoção de itens do player / despoluição visual: o botão de compartilhar e o carrossel realmente são coisas que podem ser removidas e vão trazer um ar mais limpo à tela de player. O botão de compartilhar pode ser agregado ao menu de três pontos como já sugerido, e as informações que o carrossel apresenta (de que existem músicas anteriores e após a faixa em execução), já são informadas pelos botões de “anterior” e  “próximo”, esse inclusive fica apagado quando chegamos à última faixa. Já com relação aos ícones de “Letras” e “HIFI/HQ”, eles podem, sim, ser tirados de cima da capa, mas não podem ser removidos totalmente do player pelo motivo de que saber a qualidade na qual a música está sendo executada é importante para termos um bom gerenciamento de consumo de dados e, nem todas as músicas do catálogo da Deezer possuem as letras incorporadas. O ícone “Letras” além de nos informar de que existe a função de ouvir a música com a exibição das letras, também nos informa de que as letras daquela música estão incorporadas, então ele não só deve estar evidentemente presente no player como deve ter uma diferenciação para nos informa se aquela faixa tem as letras disponíveis ou não (na próxima imagem, sugeri uma versão preenchida do ícone para indicar “As letras dessa música estão disponíveis”).

Melhor combinação do fundo do player à capa da música / maior variedade de cores de fundo: uso a Deezer desde quando estávamos no Android 4.0 e, naquela época, o fundo do player era monocromático: cinza. Combinava com todos os álbuns, a legibilidade era ótima (naquela época as telas eram pequenininhas), porém era sem graça (mas há quem prefira essa coisa mais clean).

Por volta do Android 6.0 houve uma nova mudança na UI da Deezer, o fundo passou a ser a capa do álbum levemente desfocada e escurecida:

 

Gostava muito desse player. Era bem moderno. Você deslizava o dedo pra cima e acessava a fila de reprodução. Realmente era bonito. Tinha alguns defeitos como botões desproporcionais, legibilidade dos ícones e informações de artista e álbum ruins e a capa do álbum menor (as telas ainda estavam em fase de crescimento e a maioria dos celulares tinha telas menores que 5 polegadas), mas é um player que ainda me brilha os olhos 😍.

Por volta do Android 10 a Deezer teve a penúltima atualização visual, a que deu mais cor ao player. Colorido e com um gradiente estiloso, transmitia energia e melhorava a visibilidade das coisas que antes era ruim de ver. Mas, como tanto reclamado nesse tópico, nem sempre a cor de fundo combina com a cor do álbum. Isso ocorre porque, em vez do aplicativo utilizar um sistema de captura de cor de fundo RGB, ele disponibilizou apenas gradientes baseados nas cores do ícone antigo da empresa: laranja, amarelo, vermelho rosê, roxo, azul, verde e preto/cinza-escuro.

Na atual versão, ainda temos as cores (que perderam o gradiente), mas acredito que novos tons foram adicionados, principalmente de verde e vermelho, mas ainda não é o full RGB que esperamos e não proporciona uma combinação perfeita com a capa do álbum. Entretanto, mesmo se tivéssemos o full RGB, uma capa de álbum apresenta muitas cores, assim como muitos tons, então desenvolver esse sistema de captura é muito trabalhoso e não vai funcionar 100% com todas as capas - é aceitar que tá próximo e tentar ser feliz.

Sendo assim, temos/tivemos as seguintes tendências com as principais características:

  • monocromática: leve na implementação, ótima legibilidade, visual clássico e sem personalidade;
  • desfocada: pesado na implementação, legibilidade inferior, visual moderno, cores na medida e combinação total com a capa do álbum (vide a versão da Deezer para Apple TV e outros players que usam desfoque como padrão de design);
  • colorida: pesado na implementação (quanto mais amostra de cores, mais pesado), ótima legibilidade, visual enérgico e combinação de razoável a perfeita com a capa do álbum
Deezer para Apple TV

 

 

Qual é a “mais bonita” é subjetivo - tem gente que gosta de cor, tem gente que não gosta e é um grande acerto da Deezer disponibilizar a opção monocromática.

Como sinto falta da opção “desfocada”, segue meu conceito (utilizei desfoque 200% e redução de brilho em 50%, para melhorar a legibilidade em capas claras)

 

💜


Ficou muito bom, do jeito que eu imaginava. Espero que a Deezer veja e consiga aplicar. Parabéns. Ficarei na torcida. 


Como este é o principal tópico de ideias de incrementações de design (principalmente para o player), resolvi fazer um resumo de tudo que foi debatido/solicitado até então, debater um pouco mais para reacender a discussão

 

SOLICITAÇÕES ATÉ AGORA

  • Tirar informações por cima da capa ("Letras" e "HIFI"): possível, com ressalvas;
  • Esconder o botão de compartilhar: possível, ele inclusive já é oculto no player da web e apps para desktop;
  • Estender a cor do fundo para as barras de status e de navegação (Android): possível a depender da versão da API do celular Android e das configurações escolhidas do usuário;
  • Melhor combinação do fundo do player à capa da música / maior variedade de cores de fundo: possível, mas trabalhoso e NUNCA atenderá 100% as expectativas de todo mundo;
  • Remover carrossel de capas (bordas das capas das faixas anterior e próxima): possível e necessário;
Exemplo das solicitações aplicadas no player atual do Android

 

RESSALVAS E EXPLICAÇÕES

 

Remoção de itens do player / despoluição visual: o botão de compartilhar e o carrossel realmente são coisas que podem ser removidas e vão trazer um ar mais limpo à tela de player. O botão de compartilhar pode ser agregado ao menu de três pontos como já sugerido, e as informações que o carrossel apresenta (de que existem músicas anteriores e após a faixa em execução), já são informadas pelos botões de “anterior” e  “próximo”, esse inclusive fica apagado quando chegamos à última faixa. Já com relação aos ícones de “Letras” e “HIFI/HQ”, eles podem, sim, ser tirados de cima da capa, mas não podem ser removidos totalmente do player pelo motivo de que saber a qualidade na qual a música está sendo executada é importante para termos um bom gerenciamento de consumo de dados e, nem todas as músicas do catálogo da Deezer possuem as letras incorporadas. O ícone “Letras” além de nos informar de que existe a função de ouvir a música com a exibição das letras, também nos informa de que as letras daquela música estão incorporadas, então ele não só deve estar evidentemente presente no player como deve ter uma diferenciação para nos informa se aquela faixa tem as letras disponíveis ou não (na próxima imagem, sugeri uma versão preenchida do ícone para indicar “As letras dessa música estão disponíveis”).

Melhor combinação do fundo do player à capa da música / maior variedade de cores de fundo: uso a Deezer desde quando estávamos no Android 4.0 e, naquela época, o fundo do player era monocromático: cinza. Combinava com todos os álbuns, a legibilidade era ótima (naquela época as telas eram pequenininhas), porém era sem graça (mas há quem prefira essa coisa mais clean).

Por volta do Android 6.0 houve uma nova mudança na UI da Deezer, o fundo passou a ser a capa do álbum levemente desfocada e escurecida:

 

Gostava muito desse player. Era bem moderno. Você deslizava o dedo pra cima e acessava a fila de reprodução. Realmente era bonito. Tinha alguns defeitos como botões desproporcionais, legibilidade dos ícones e informações de artista e álbum ruins e a capa do álbum menor (as telas ainda estavam em fase de crescimento e a maioria dos celulares tinha telas menores que 5 polegadas), mas é um player que ainda me brilha os olhos 😍.

Por volta do Android 10 a Deezer teve a penúltima atualização visual, a que deu mais cor ao player. Colorido e com um gradiente estiloso, transmitia energia e melhorava a visibilidade das coisas que antes era ruim de ver. Mas, como tanto reclamado nesse tópico, nem sempre a cor de fundo combina com a cor do álbum. Isso ocorre porque, em vez do aplicativo utilizar um sistema de captura de cor de fundo RGB, ele disponibilizou apenas gradientes baseados nas cores do ícone antigo da empresa: laranja, amarelo, vermelho rosê, roxo, azul, verde e preto/cinza-escuro.

Na atual versão, ainda temos as cores (que perderam o gradiente), mas acredito que novos tons foram adicionados, principalmente de verde e vermelho, mas ainda não é o full RGB que esperamos e não proporciona uma combinação perfeita com a capa do álbum. Entretanto, mesmo se tivéssemos o full RGB, uma capa de álbum apresenta muitas cores, assim como muitos tons, então desenvolver esse sistema de captura é muito trabalhoso e não vai funcionar 100% com todas as capas - é aceitar que tá próximo e tentar ser feliz.

Sendo assim, temos/tivemos as seguintes tendências com as principais características:

  • monocromática: leve na implementação, ótima legibilidade, visual clássico e sem personalidade;
  • desfocada: pesado na implementação, legibilidade inferior, visual moderno, cores na medida e combinação total com a capa do álbum (vide a versão da Deezer para Apple TV e outros players que usam desfoque como padrão de design);
  • colorida: pesado na implementação (quanto mais amostra de cores, mais pesado), ótima legibilidade, visual enérgico e combinação de razoável a perfeita com a capa do álbum
Deezer para Apple TV

 

 

Qual é a “mais bonita” é subjetivo - tem gente que gosta de cor, tem gente que não gosta e é um grande acerto da Deezer disponibilizar a opção monocromática.

Como sinto falta da opção “desfocada”, segue meu conceito (utilizei desfoque 200% e redução de brilho em 50%, para melhorar a legibilidade em capas claras)

 

💜

A primeira opção é melhor… Mas acho q seria bom colocar degradê no player. Um player com as cores azul e amarelo, no caso deste álbum, ficaria bem bonito!


Melhor pra vc, @douglas.alves 

Como disse, isso é algo subjetivo - pessoal

Eu particularmente prefiro desfoque, vc prefere cor com degradê e tem gente que prefere monocromático. É impossível agradar a todos 🤷

Eu gostaria que fosse disponibilizada a opção de desfoque, assim como já existe a opção monocromática, por isso fiz o conceito