Do tradutor: hoje oferecemos a Habré uma tradução do artigo do designer de interface Kévin Eugène. Ele está envolvido neste campo há muitos anos, então ele tem algo a dizer. O exemplo do YouTube é um dos mais reveladores, porque este serviço é bem conhecido por todos nós.Como todos vocês, eu uso o YouTube com bastante frequência. Música, programas científicos populares, assistindo vídeos para relaxar - tudo isso pode ser encontrado no serviço. Bem, como ele é bem conhecido por todos nós, tentei demonstrar claramente uma maneira de melhorar a interação de uma pessoa e uma plataforma.
A Skillbox recomenda: Um curso prático de dois meses em UX Design .
Lembramos: para todos os leitores da Habr - um desconto de 10.000 rublos ao se inscrever em qualquer curso Skillbox de acordo com o código promocional da Habr.
Página inicial
No novo design da página inicial, eu focaria nas recomendações. Enquanto o primeiro vídeo recomendado está sendo reproduzido em segundo plano, o restante pode ser iniciado simplesmente clicando neles com o mouse. Você pode parar ou silenciar o vídeo em segundo plano e, se o usuário gostou, adicione-o à lista Assistir mais tarde ou comece a assistir imediatamente. O vídeo começa a partir do momento em que a visualização termina.
O usuário pode criar rapidamente uma lista de reprodução com todas as recomendações de uma página específica: para isso, basta clicar no botão ao lado da placa "Minhas recomendações". Isso é necessário para atingir o nível máximo de interação entre o usuário e o algoritmo de aprendizado de máquina.
Além disso, a nova interface deve necessariamente usar tons escuros para destacar o conteúdo, e é mais fácil para os olhos focarem em um vídeo específico.
Jogador
Decidi mudar o painel para que correspondesse à nova interface. De fato, tudo está preso por ele.
Botões "Curtir" e "Não gostar"
Nesta versão, o problema com os botões é que eles não estão disponíveis no modo de tela cheia e, afinal, a maioria dos usuários do serviço prefere assistir a vídeos do YouTube dessa maneira. A pior parte é que, na interface atual, é muito fácil mudar para o próximo vídeo: ele liga automaticamente. No novo conceito, os botões estão localizados na parte superior do player, para que você possa usá-los a qualquer momento.
Por um lado, a reprodução automática é conveniente, mas por outro lado, não tenho tempo para gostar ou não gostar. Isso deve ser evitado, pois os criadores do conteúdo de vídeo não recebem classificações merecidas. Bem, como usuário, não posso informar ao YouTube sobre minhas preferências, então tudo termina com ofertas não muito relevantes. Às vezes, clico no botão Curtir antes de visualizá-lo, mas também pode confundir o algoritmo.
Coluna da direita
A coluna da direita mostra vídeos relevantes para o vídeo atual. De qualquer forma, é isso que se entende. As ofertas são divididas em três categorias:
Minha playlistOs vídeos na lista de reprodução ativa são exibidos aqui. É como uma fila de espera que pode ser encontrada em aplicativos de música como Spotify ou Apple Music.
Você pode arrastar e soltar vídeos das categorias abaixo em Minha lista de reprodução, reordenar facilmente ou ativar a reprodução automática, basta clicar no botão apropriado. Você pode editar a lista sem problemas com a ajuda de três pontos brancos.
Quando uma lista de reprodução tem um nome, "Minha lista de reprodução" é substituída por ela.
Minhas recomendaçõesEsta seção é baseada nos hábitos do usuário e não depende diretamente do que ele está vendo no momento. Eu gostaria de fazer recomendações facilmente acessíveis e, portanto, a partir daqui, o usuário tem a oportunidade de assistir todo o conteúdo desde o início até o final, pois existe um botão de reprodução ao lado do nome.
Quando o usuário clica nele, os vídeos recomendados entram em Minha lista de reprodução. "Minhas recomendações" não são editadas, pois esse é o resultado dos algoritmos, mas o vídeo pode ser arrastado e solto na "Minha lista de reprodução", se desejado.
Mais semelhante a este vídeoNa categoria, são mostrados vídeos que, por tópico, correspondem ao vídeo atualmente sendo assistido.
Se você olhar uma seção semelhante no YouTube, entenderá que não há uma categorização ou explicação clara de como os vídeos chegam aqui.
No final, o usuário simplesmente não entende por que esse vídeo é mostrado a ele - porque é do mesmo canal que o atual ou por outro motivo. Em alguns casos, todas essas recomendações parecem uma escolha completamente aleatória. Além disso, se o vídeo que você está assistindo estiver contido no canal em que o usuário está inscrito, a coluna da direita mostra principalmente o vídeo do canal atual, o que não permite que você veja mais recomendações de terceiros.
No novo design, três categorias ("Minha lista de reprodução", "Minhas recomendações" e "Mais semelhante a este vídeo") são conectadas uma à outra e são exibidas sempre que o vídeo é reproduzido, mesmo que "Minha lista de reprodução" esteja vazia. Vale a pena explicar as diferenças entre as categorias de maneira breve e clara, para que o usuário entenda exatamente seu objetivo ("Com base nos seus hábitos", por exemplo, ou "Com base no que você está vendo agora").
Ao fornecer uma descrição clara das categorias, ajudamos o usuário a entender onde procurar vídeos que lhe interessam.
Bem-estar e responsabilidade digital
É ótimo criar uma plataforma com uma enorme quantidade de conteúdo de entretenimento, mas se houver uma ameaça de dependência (um tipo de droga digital), as empresas são obrigadas a proteger seus usuários.
Os designers de UI / UX são responsáveis por criar sistemas viciantes no sentido mais verdadeiro da palavra. Isso torna possível manipular os sentimentos dos usuários.
O projeto proposto do YouTube carrega apenas uma parte da responsabilidade pelos usuários. E vou mostrar com alguns exemplos.
Por exemplo, a reprodução automática de um vídeo pode ser ativada apenas nas listas de reprodução criadas pelo usuário e nunca na lista de vídeos recomendados.
Além disso, a visualização é limitada no tempo - apenas meia hora. Uma vez esgotado o limite, o sistema solicita que o usuário faça outra coisa - a reprodução automática é interrompida. Esse aviso deve ser claro o suficiente para que o usuário entenda por que ele deveria parar de assistir a vídeos.
Ferramentas como essa são extremamente importantes para plataformas orientadas a conteúdo como Netflix e YouTube, que são viciantes. O usuário precisa ser lembrado da importância das pausas.
Imagem em Imagem
Finalmente, a imagem na imagem chega à área de trabalho. E parece ótimo.
A imagem na imagem é ativada automaticamente quando o painel de vídeo é fechado. Você pode ativar a função arrastando o videoclipe ou clicando na barra de pesquisa. Na mini versão do vídeo, o usuário pode pausar a reprodução, silenciar o som, alterar seu tamanho, colocá-lo em outro local ou devolvê-lo ao painel de vídeo clicando nele. Quando a miniatura está sendo reproduzida, o vídeo em segundo plano na página principal faz uma pausa.
Listas de reprodução instantâneas
Aqui, todos os elementos do quebra-cabeça convergem.
Listas de reprodução instantâneas - listas de reprodução temporárias que o usuário pode criar, editar e visualizar muito rapidamente. Eles são baseados em gestos de arrastar e soltar.
Quando um usuário captura um vídeo na parte inferior da tela, ele é salvo na Lista de Reprodução Instantânea e fica na parte superior no modo imagem em imagem. A reprodução não inicia até que o usuário decida fazê-lo.
Quando um vídeo é capturado, ele desaparece da lista; em vez disso, o próximo vídeo será o primeiro. O usuário pode adicionar quantos vídeos desejar à lista desse tipo, simplesmente “baixando” os vídeos na tela.
Como mencionado acima, a Instant Playlist é uma lista temporária. Assim que o usuário fecha o YouTube, essas listas são excluídas. Se desejado, eles podem ser salvos abrindo o menu de edição. O usuário pode nomear suas listas, excluir vídeos deles, reorganizar vídeos.
O conceito de lista pode ser comparado ao comportamento de um usuário em um supermercado: ele seleciona os bens de que gosta e os adiciona ao carrinho para usá-los mais tarde.
As listas são boas porque você pode salvar seus vídeos favoritos em alguns segundos. Na versão antiga da interface, isso não pode ser feito. Em vez disso, você pode salvar um vídeo para visualização no futuro, mas isso leva mais tempo.
Como conclusão
Obviamente, tudo o que foi dito acima não é um dogma, mas simplesmente uma tentativa de resolver alguns dos problemas que encontrei ao trabalhar com a plataforma. Por favor, deixe-me saber nos comentários o que você pensa. Todas as sugestões de melhoria são bem-vindas. :)
A Skillbox recomenda: