artigo anterior: message reply

Pré-live e pós-live

O problema

Percebemos que uma parcela significativa dos usuários costumavam acessar a live um pouco antes do horário programado. Porém, a tela da live sem a reprodução do vídeo, era uma experiência ruim para o usuário, resultando que alguns abandonassem a live antes mesmo de começar e outros deixassem comentários impacientes no chat.

Da mesma forma que identificamos a necessidade de ter uma tela de espera para o início da transmissão, foi preciso pensar em uma tela para a conclusão, e o momento após o fim da transmissão. Percebemos essa necessidade após acompanhar uma live até o final, e notar que uma parcela dos usuários não deixavam da tela minutos depois, mesmo com o Player de vídeo se tornando apenas um sólido preto.

Visando proporcionar uma experiência melhor, que funcionalidades as telas de ‘espera’ e ‘fechamento’ poderiam trazer para manter esses usuários no aplicativo?

Explorando ideias em wireframes

  • Nova funcionalidade Countdown para a live começar
  • Nova funcionalidade de Quiz com usuário
  • Adicionar Card de NextLive divulgando a próxima live planejada
  • Banner de live concluída
  • Nova ideia de funcionalidade cartão fidelidade
  • Divulgar redes sociais

pré-live

pós-live

Impedimentos técnicos

Nesse momento do projeto, nosso time de desenvolvimento ainda não tinha conseguido descobrir como posicionar componentes a frente do player, sem o vídeo introdutório pausar. Ou seja, não seria possível dar scroll na tela sem pausar o vídeo, já que NavBar estaria acima dele. Dessa forma, a única maneira de garantir a reprodução do vídeo, era fixando ele no topo da tela, com o conteúdo passando por baixo dele.

Ao alinhar as ideias com nossa Product Owner da B2W, recebemos feedbacks e algumas decisões foram tomadas:

  • A idea da funcionalidade de cartão fidelidade, por envolver regras de negócios e descontos, foi impedida.
  • Poderíamos criar um banner temporário de live concluída, já que não seria possível estabelecer um prazo para o time de marketing entregar o banner oficial, devido a sua larga demanda.

A solução

A pré-live, um ambiente de espera, em que o usuário é recorrentemente informado sobre quanto tempo falta para a live começar, ao mesmo tempo que pode interagir com os componentes de Quiz e NextLives, e conferir o video e banners da marca.

A pós-live, tela de encerramento da live, com as funcionalidades de Quiz, Card de NextLives e botões para as redes sociais da marca. O banner temporário de conclusão foi uma arte digital que fiz mas que acabou não sendo aprovada, por não seguir o padrão da marca.


Você está no projeto da Live. Retorne para o message reply ou avance para o pin message

message reply

Com essa nova funcionalidade, os moderadores conseguem responder os usuários no chat da live.

pin message

Os moderadores da live ganharam o poder de destacar uma mensagem na tela da live.