Olá e bem vindo a mais um Dev Blog!

Meu nome é Katey e se você não me conhece, eu sou a Designer de UI do Battlerite. Essa semana eu estou aqui para conversar sobre a nova UI e porque nós estamos fazendo essa atualização – e te dar alguns spoilers!

Por que nós decidimos fazer uma nova UI?

No começo desse ano, nós fomos abordados pela Microsoft para fazer uma versão de Battlerite para Xbox One, o que iniciou a conversa sobre o que fazer com nossa UI. Era necessário que a UI fosse boa também em consoles, mais flexível e fácil para se usar no futuro. A tecnologia da nossa antiga UI não era exatamente fantástica. O conteúdo principal da UI era bem difícil de mexer e fácil de se quebrar o sistema inteiro com algumas mudanças. Era difícil de se fazer mudanças no menu principal ou adicionar novos modos de jogo e demorou bastante para os novos programadores entenderem como isso funcionava.

Outro fator é que o visual antigo era bem parado. Nós nunca sabíamos exatamente o que fazer com os campeões e o cenário.

A UI atual, com janelas sobrepondo o cenário

Era um vazio, sem muito contexto, e era um ambiente bem escuro (originalmente com o estilo de Bloodline Champions). Mas com o início do acesso antecipado, nós trocamos nosso logo e atualizamos nossa marca. A nova visão era ser claro, moderno e convidativo com um logo fácil de ler e que remetesse a competição. Nós acabamos utilizando uma arena como fundo em muitos casos, que encaixou muito bem.

Isso é uma Arena PvP, e nós queremos essa vibração apenas olhando o logo.

Em nossos testes em relação à nossa UI antiga, nós obtivemos resultados extremamente variados – e nenhuma pessoa respondeu que imaginava que era um PvP em time ou algo parecido. A UI antiga não trazia esse sentimento – é bem atmosférico, quase como um RPG, e contava uma história errada aos jogadores desde o início do jogo. Nós estavamos comunicando a impressão errada desde os menus.

Então – e se a gente pudesse resolver todos esses problemas ao mesmo tempo? É uma situação que todos saem ganhando.

Quando nós começamos era basicamente apenas eu e um programador fazendo alguns testes e protótipos, testando algumas coisas e entendendo qual tipo de menu iria ser ideal para tudo que queríamos.

Aqui tem algumas coisas que pensamos bem no começo, usamos essas imagens para entender: o que esse design limita, e quais as oportunidades ele cria?

Discustimos todos os problemas e pontos positivos que conseguimos pensar e finalmente decidimos que era necessário:

  • Um menu principal que você pudesse usar LB e RB para utilizar
  • Uma maneira de colocar notícias que pudessem ser vistas e atualizadas facilmente

Têm tantas coisas que queremos mostrar para nossa comunidade que nós não pudemos fazer algo como Heroes of the Storm onde eles só mostram no máximo três coisas e na maioria das vezes relacionado à loja. Queriamos destacar coisas que ajudassem nossa comunidade a crescer e aos jogadores se envolverem uns com os outros.

Foi aí que nossa página principal entrou. Nós tivemos essa visão de criar uma página que pudéssemos atualizar por um site. Fizemos a tecnologia e até mesmo mostramos algumas coisas nos blogs. O problema foi não ter pessoas o suficiente na equipe de comunidade para manter isso atualizado, além de problemas técnicos em sua implementação.

A página original feita em HTML

No entanto, isso não foi um esforço perdido. Nós conseguimos fazer isso funcionar e estamos usando em nossa nova página (que chamamos de home) na nova UI. Também temos Liz (que é o máximo) que cuida das tarefas de comunidade, então Chris pode focar 100% em design de jogabilidade!

Tela de prática mostrando alguns modos de jogo já com arte

Um de nossos principais objetivos com a UI nova foi que ela tivesse escalabilidade. É muito importante para nós poder trocar e adicionar conteúdo, adicionar modos de jogos, adicionar mais menus e tudo que possibilite crescer mais as opções dentro do jogo. Nós também não tínhamos muito tempo ou programadores para fazer uma navegação como em Destiny.

Quais são os objetivos da nova UI?

Nós vemos a nova UI como o início e não como o fim. Eu mencionei brevemente alguns objetivos, e isso é algo que eu tentei manter para seguir minha direção. Nossos objetivos principais são:

  • Escalabilidade; toda tela deve ter espaço para idéias que nós já temos e que nós não temos. Pode ser por isso até que alguns lugares podem parecer mais vazios. Nós queremos evitar ficar presos e sem espaço.
  • Novos objetivos de branding: mais claro, apelativo, orientado para ação, referências tribais, e um PvP competitivo com uma atmosfera de arena.
  • Pronto para qualquer plataforma – sem a necessidade de fazer mudanças para o xbox ou qualquer outra plataforma necessária no futuro.
  • Não é necessário falar que a UI precisa ser intuitiva, que um usuário novo possa achar tudo que ele precisa por conta própria.

Quais são as novidades e o que a gente procurou melhorar?

Tem muitas coisas que nós gostaríamos de incluir na nova UI mas o fato que estamos indo para um modelo Gratuito marcou grande presença. Sim, nós queremos modelos sociais melhores, um sistema de pontos melhore, e por aí vai. Mas o que nós precisamos agora no lançamento? O jogo gratuito significa que dependemos totalmente das compras de gemas e pacotes para que possamos crescer o jogo. Seria loucura a UI nova não melhorar maneiras para que possamos vender esses itens e aumentar o desejo pelos cosméticos de alguma forma.

Nós fizemos isso de algumas formas:

  • Melhoramos a maneira de abrir baús
    Adicionamos um segundo estágio que permite ver qual a raridade do item antes de saber qual é. Esperamos que isso faça com que abrir baús seja mais divertido.
  • Adicionamos uma coleção
    Para que você possa ter uma visão geral de tudo que você têm ou não.
  • Adicionamos o status de sua coleção
    No perfil e na coleção nós adicionamos quão completa é sua coleção para os colecionadores por aí que apreciam esse tipo de coisa.
  • Criamos um cenário 3D
    Campeões e cosméticos são mais fáceis de visualizar, com uma iluminação melhor, e em geral mais chamativo.
  • Adicionamos a possibilidade de variação de cores para os itens
    Jogadores têm mais cores para escolher e nós temos mais espaço para disponibilizar itens sem fingir que estamos colocando um novo modelo.

Com o principal para o lançamento pronto, o que mais temos de importante? Nós sabemos que temos que continuar com as coisas que os jogadores já gostam. Isso foi bem difícil por conta de como nós refizemos a UI. Precisamos abrir espaço para que os desenvolvedores pudessem tentam novos modos de jogo sem criar um lobby customizado para cada um (como nós fizemos com as batalhas no passado). Essa é a razão principal do porque você não pode mais ver os campeões dos seus amigos no lobby. Nós priorizamos abrir espaço para desenvolver modos de jogo mais rápido acima de ver o modelo 3D de seus aliados. A boa notícia é que você pode ver outros campeões e cosméticos enquanto está na fila! Você também pode equipar uma montaria por campeão!


Mas espere, têm mais:

Lista de amigos

O novo sistema social permite que você navegue mais facilmente, para que convidar amigos para um grupo ou jogo privado seja mais fácil do que nunca. Também adicionamos uma parte para que você possa ver seus times. No futuro, nós planejamos melhorar isso para que você possa ver o perfil de um time. Também queremos ter a possibilidade de caso seu time todo esteja online, você pode convidar eles com um clique.

Customize suas teclas para cada campeão

Agora você pode customizar as teclas para cada campeão, fazendo com que os controles sejam mais personalizados da maneira que encaixa melhor para você.

Chega de artes reaproveitadas

Nós trabalhamos muito para que não tivéssemos mais nenhuma arte reaproveitada de Bloodline Champions. Talvez a gente tenha deixado alguma para trás no lançamento da atualização, mas nós faremos nosso melhor para que a UI esteja totalmente polida para o lançamento gratuito.

Nova arte

Nós fizemos artes novas para os Battlerites, missões, conquistas, ícones de liga e modo de jogo.

Novo chat

O novo chat ainda está sendo polido e pode estar com alguns pequenos bugs no início, mas ele têm comandos para mensagem privada e várias melhorias. Ele não tem suporte para chats em grupo/clan/global, mas ele tem espaço para chats em grupo no futuro. Essa não será a última atualização para o chat!

Novo som

Nós contratamos um freelance de efeitos sonoros e ele tem trabalhando conosco para criar novos sons para interagir com a UI para que os menus tenham mais vida.

O que estamos trabalhando agora:

Nesse momento estamos polindo os toques finais e localizando todos os bugs. Algo que chamamos de “checagem de pixel”. Isso é basicamente quando analisamos todos os menus e falamos aos programadores o que está fora do lugar ou não está utilizando a cor/fonte/texto certo. Virou um meme entre nosso time quando eu falo coisas do tipo “isso precisa ir um pouco pra direita” ou “realce isso um pouco”

Já que isso é um código totalmente novo, provavelmente teremos bugs e iremos fazer diversas atualizações para que fique o melhor possível. Então, iremos trabalhar com ainda mais para fazer os ajustes finais para preparar a UI para o fluxo de novos jogadores.

Ainda não sabemos exatamente o que iremos fazer após a atualização de lançamento, mas temos muitas idéias e algumas já sendo trabalhadas. Ainda não decidimos o que fazer com a UI dentro do jogo – vamos atrás disso após o lançamento para preparar também para nosso lançamento no Xbox. Isso com certeza irá trazer melhorias para a HUD e claro deixar tudo no novo estilo dos menus também.

Quando a nova UI e as outras coisas serão lançadas?

Sei que vocês devem estar morrendo de curiosidade quando iremos ter a atualização de pré-lançamento em Outubro, mas ainda estamos confirmando 100% a data antes de informar vocês!

Por que é AZUL?!

Nós tentamos várias cores, mas o que notamos é que por conta de muitos de nossos campeões terem cores mais quentes como marrom e laranja, um fundo mais frio ajudava muito a destacar os modelos. Isso também foi algo que consideramos muito durante o desenvolvimento: nós almejamos que o campeões fossem apresentados da melhor maneira possível, por isso optamos por um fundo mais embaçado, com toques da arena, mas sem detalhes estampados. Dessa forma, o foco é totalmente nos modelos, acredito que ajude muito a fazer com que eles fiquem mais apelativos.

A nova área de seleção de campeões (ainda sendo polida!)

Não esqueça de dar seu feedback!

Seu feedback irá ajudar a gente a fazer muitas melhorias antes do lançamento gratuito (e pro futuro), então lembre de vocalizar suas idéias e pensamentos uma vez que você colocar suas mãos na nova UI.

Algo que é extremamente útil para mim pessoalmente é se você puder streamar você jogando com a nova UI pela primeira vez. Dessa forma eu consigo ver a primeira experiência dos usuários e isso ajuda muito! Se por acaso você fizer uma stream, sinta-se à vontade de me mandar o link com o VOD para mim no Discord do Battlerite (Eu sou a Katey por lá).

Espero que esse blog tenha te deixado animado com a nova UI e tenha te dado alguns detalhes de nossas decisões e objetivos para nosso futuro.

Até!

/Katey

Comments are closed.