Nossa equipe de designers de estrelas: Maxime Carpentier, Ana Latincic, Quentin Jacquaint e Olga Bétoux

Você deve ter notado que a Piepacker tornou-se oficialmente Jam.gg, com uma reformulação completa da plataforma e novos recursos sociais! Demos o microfone às nossas equipas de Produto e Design para explicar as decisões que tomaram ao longo deste projeto 🎙️

Analisamos várias outras plataformas para obter inspirações: algumas são óbvias, e tenho certeza que você pode pensar em algumas das plataformas de streaming mais populares (YouTube, Netflix, Twitch) e outras mais obscuras. No entanto, e embora tenhamos adotado algumas práticas recomendadas para facilitar a navegação e a descoberta de jogos, nossa maior inspiração definitivamente foram nossos usuários. Recebemos vários comentários da comunidade no Discord que levamos em consideração e, embora outras plataformas nos dessem ideias para lidar com esses comentários, o verdadeiro gatilho foram nossos usuários.

Muitos usuários relataram que encontrar jogos na plataforma era muito difícil. Costumávamos ter 80% de nossa tela inicial ocupada pelo vídeo do jogo que ajudava a explicar o que era cada jogo. Portanto, antes de poder entender o catálogo geral e navegar nele, os usuários se depararam com um único conteúdo esmagador, que dava detalhes sobre um único jogo específico. Uma analogia idiota seria um menu de restaurante. Ninguém colocaria um único prato na primeira página com explicações detalhadas e fotos, primeiro você precisa ver o menu completo (bem, talvez não o deserto, mas chegaremos a isso), e então você pode pedir mais informações para o garçom. E talvez depois de pedir as entradas e o prato principal, você vá para o deserto.
A propósito, você pode descobrir que eu sou francês? 😅

Página inicial anterior x página inicial renovada

Bem, o Jam.gg adotou a mesma abordagem: nos livramos da enorme visualização de vídeo e facilitamos muito a navegação na plataforma, não apenas colocando mais jogos na tela, mas também adicionando um recurso de pesquisa inteligente e tags clicáveis ​​que permitem os usuários filtram o catálogo. Esse é o nosso cardápio. Então nos inspiramos na plataforma de streaming de vídeo, colocando nossa plataforma de jogabilidade de vídeo em foco – esta é a nossa ‘descrição do prato’. Agora, se você quiser saber mais sobre o jogo, também adicionamos um página do jogocom mais detalhes: descrição, editora, ano de lançamento, console — esta é a nossa página ‘pergunte ao garçom’.

E os desertos? Bem, o deserto tem tudo a ver com a ordem em que você quer provar e comer as coisas. Em nossa plataforma, tudo se resume em que ordem os jogos aparecem. É provável que, ao descobrir a plataforma, os usuários queiram experimentar jogos que conhecem e de que gostaram no passado, ou jogos que se encaixam particularmente bem em nossa experiência social. É por isso que introduzimos uma categoria maior no topo da página, que apresenta nossos jogos mais populares, e outras categorias podem ser encontradas rolando a página.

Toneladas de outros comentários foram para isso, por exemplo, para a sala de jogos, onde mudamos radicalmente a maneira como as dicas de controle são exibidas ou como permitimos que os usuários gerenciem várias configurações na sala.

Hora de brincar!

Uma grande parte de tornar a plataforma mais social foi a criação do que chamamos de ‘salas públicas’, onde as pessoas podem se juntar a outros jogadores e se divertir juntas. Enfrentamos dois desafios principais:

a) Precisávamos que os usuários pudessem encontrar facilmente essas salas, a partir da página inicial, e tomar decisões sensatas sobre qual delas ingressar.

b) Precisávamos fornecer um seguro experiência nessas salas.

Para o primeiro desafio, perguntamos aos usuários quais informações eles precisavam para entrar em uma sala e em que ordem de prioridade. Acontece que eles iriam querer três informações principais:

  1. Que jogo eles estão jogando?
  2. Que língua eles estão falando?
  3. Quem são as pessoas que já estão na sala e quantas são?

Decidimos aninhar salas públicas dentro dos novos modais de jogo que criamos – lembra do nosso ‘garçom’? Isso não era suficiente, porém, precisávamos que as pessoas descobrissem quais jogos tinham salas públicas, porque não gostaríamos que eles clicassem aleatoriamente em jogos onde nenhuma sala pública estivesse disponível. Então adicionamos uma pílula nos cartões de jogo para mostrar se as pessoas estavam jogando ou não. Para completar, adicionamos um filtro específico para salas públicas e também um controle deslizante de categoria na página inicial.

Assim que chegar ao modal do jogo, você pode chegar ao tipo de informação de segundo nível: idioma, se a sala está perto de você ou não – o que indica se será um bom servidor para você ou não – e as pessoas lá . Usamos cartões nos quais colocamos todas essas informações por meio de pílulas e outros detalhes. Uma coisa que fizemos também foi classificar a sala por localização, para que os usuários vejam primeiro a sala mais próxima. No final, assim como para a página inicial geral, nosso design está sempre voltando aos primeiros princípios e olhando para hierarquia de informações.

Você pode fazer o design mais bonito do mundo, se as primeiras informações exibidas não ajudarem os usuários a tomar as decisões corretas para navegar e usar sua plataforma, não funcionará.

Em qual sala você quer entrar?

Para o segundo desafio, este é um pouco menos focado em design. Precisávamos garantir que nenhum conteúdo ofensivo aparecesse na plataforma e, para isso, pedimos Escolta, uma ferramenta de IA de moderação de conteúdo, para nos ajudar. Bodyguard tem uma forte moderação contextual para texto e nos diz em tempo real se um texto é considerado ofensivo ou não. Com base no que o Bodyguard nos diz, podemos acionar automaticamente uma resposta – excluir ou ocultar conteúdo, retornar um erro, substituir uma string etc.

Agora isso funciona bem e é tudo de bom para conteúdo baseado em texto. No entanto, também temos câmeras funcionando em videochat em nossos quartos. Queríamos que a experiência em salas públicas não fosse um downgrade de salas privadas, onde nossos usuários se divertem com máscaras AR e desfrutam de uma experiência adequada de videochat. Ao mesmo tempo, também não queríamos que as câmeras fossem totalmente abertas nessas salas, pois a moderação de vídeo é um problema difícil de resolver que nenhum parceiro faz bem hoje. Nossa solução foi introduzir um modo ‘avatar’. Em vez de exibir as câmeras dos usuários, exibimos um avatar roxo. O melhor do avatar é que o rastreamento de rosto está ativado, o que significa que os usuários ainda podem brincar com máscaras e fazer o avatar se mover como em câmeras ‘habilitadas’. Este é realmente um bom exemplo de como transformamos uma restrição em um recurso real: os avatares também estão disponíveis na sala privada agora e planejamos expandir e melhorar isso para que os usuários possam se divertir com suas formas e cores, aproveitando o experiência de máscara!

Tivemos um longo caminho até o lançamento, com muitas idas e vindas e levando a muitos aprendizados. Entramos muito rápido na parte da interface do usuário do design no início: UI é a ‘aparência’ do design, se você quiser, enquanto UX é a jornada do usuário e a experiência geral. A interface do usuário faz parte da UX, contida nela. Uma boa prática é primeiro definir a jornada do usuário e a experiência principal e, em seguida, pular para a parte mais visual e como as interações são construídas. Para pequenas empresas como a nossa, isso é como uma reformulação completa e recomeçar do zero.
Também foi um momento interessante, pois tivemos a entrada de alguns novos membros da equipe, que tiveram que se adaptar e acompanhar no meio desse grande projeto. Juntar-se no meio deste novo projeto de design foi difícil para novos membros, para dizer o mínimo. Tivemos a sorte de contratar os companheiros de equipe certos, e eles fizeram um trabalho incrível ao embarcar e tornar esta nova plataforma seu próprio bebê!

O bom, porém, é que tivemos um esboço visual inicial que realmente ajudou a definir a direção e o tom da nova plataforma, que também foi uma ferramenta útil para não se perder em infinitas considerações de UX. Enquanto estávamos construindo a plataforma, também tentamos fazê-la funcionar para dispositivos menores, o que abriu uma nova lata de worms. Esperamos que o alfa inicial que temos no celular gere muitos comentários para criar uma experiência melhor lá.

Finalmente, uma grande parte do processo de design também envolveu obter feedback contínuo dos usuários. Para isso criamos um ambiente dedicado onde colocamos nossas atualizações à medida que as implementamos. Nós compartilhamos este ambiente em Discórdia com os membros da nossa comunidade e peça-lhes que nos enviem o nosso feedback. Temos muito! E no último mês antes do lançamento, fizemos correções contínuas para agir de acordo com esses comentários. Na verdade, ainda estamos abordando alguns dos comentários iniciais de nossos usuários!

Esperamos que eles aproveitem a nova plataforma e seus recursos sociais, e que percebam que devemos a eles 90% do resultado final! Temos mais surpresas chegando, mas o mais importante, adoramos ouvir o que eles querem e precisam, porque é isso que torna a plataforma viva, então continuem com o feedback, pessoal!

Nos vemos em breve Jam.gg! 🔥


Source link

Previous articleThis is a kind of experience#life #live #ski ♬ Faded – Alan Walker…
Next article“De qualquer forma, é sempre absurdo quando o pessoal da informática anseia por um espaço para fazer trabalho técnico “sem política”. meu querido filho de verão, você estudou uma ferramenta que amplifica a força inerentemente. você desbloqueou o modo difícil”|nitter

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.