Como adaptar uma ideia simples de jogo para o Apple Watch

Escreva o loop principal do jogo em uma única frase: "O jogador faz X para alcançar Y, enquanto Z muda." Para um jogo de ritmo ou tempo de reação, isso poderia ser: "Toque quando o marcador atingir o alvo para ganhar um ponto antes que o tempo acabe." Essa frase identifica a decisão que a versão para o relógio precisa preservar.

Em seguida, liste o que o jogo original exige: movimentação, mira, vários botões, planejamento de longo prazo, leitura de texto ou gerenciamento de um tabuleiro grande. Classifique cada elemento como essencial para o loop principal ou como conteúdo de suporte. Mantenha a decisão essencial; reprojete ou remova os elementos secundários que exijam muito espaço na tela ou atenção excessiva.

Um teste prático é verificar se uma rodada pode ser compreendida e jogada sem uma tela de tutorial, um aglomerado de controles ou gestos frequentes de alta precisão. A Apple descreve as interações no watchOS como breves e focadas, com informações vitais disponíveis num relance. Essa orientação incentiva a criação de um loop de jogo curto e fácil de retomar, embora a duração ideal da rodada dependa do jogo em si. (watchOS apps)

Uma tela menor não significa que o jogo original deva ser simplesmente renderizado em tamanho reduzido. O encolhimento pode tornar os alvos e textos difíceis de enxergar e os controles complicados de usar. Em vez disso, reduza a quantidade de coisas que o jogador precisa considerar de uma só vez.

Para um jogo de tabuleiro, mostre apenas a escolha atual ou uma pequena seção ativa do tabuleiro. Para um jogo de corrida infinita (runner), substitua a direção contínua por uma única ação de troca de faixa. Para um jogo de cartas, apresente uma escolha significativa por vez, em vez de tentar encaixar uma mão inteira e a mesa na tela. Estes são exemplos de design: escolha a redução que preserve a decisão definidora do jogo original.

Crie um esboço simples de tela com apenas três partes: a área de jogo, a ação principal e os status essenciais, como pontuação ou tempo. Se um rótulo, medidor ou botão não ajudar o jogador a tomar a próxima decisão, remova-o ou exiba-o entre as rodadas. A Apple recomenda manter as interfaces do relógio focadas e evitar linhas densas de controles; suas diretrizes de layout sugerem o uso de, no máximo, três botões com ícones ou dois botões de texto em uma mesma linha como regra geral. (Layout)

Comece com o controle mais simples que atenda à ação principal: uma área de toque ampla, uma sequência curta de toques ou uma interação do sistema, como rolar com a Digital Crown. Dê a cada entrada um significado único e consistente. Evite exigir toques simultâneos ou alvos minúsculos que dependam de um posicionamento cirúrgico dos dedos.

A Crown pode proporcionar seleções precisas ou rolagem, mas não deve ser incluída apenas porque o dispositivo possui esse recurso. A Apple observa que as pessoas a utilizam para navegar e fazer seleções precisas sem cobrir a tela, e recomenda priorizar a rolagem vertical em relação à horizontal nos apps. Para um jogo, isso a torna uma boa opção para escolher entre opções organizadas verticalmente; contudo, ela não é adequada para qualquer tipo de ação em tempo real. (Creating an intuitive and effective UI in watchOS 10)

Mostre o que a entrada fará antes de o jogador confirmar a ação. Se um toque inicia uma rodada, faça o botão exibir "Jogar". Se o toque avança uma escolha, destaque visualmente a opção selecionada. Após uma ação, forneça feedback imediato por meio de alteração na pontuação, animação, som ou texto claro. Não dependa apenas da cor para indicar uma vitória, perigo ou seleção; combine-a com uma forma, símbolo ou rótulo.

Uma rodada bem planejada para o relógio tem um início claro, poucas decisões e um desfecho evidente. Mantenha as instruções próximas da ação correspondente. Use rótulos curtos e torne a pontuação ou o progresso secundários em relação à escolha que o jogador precisa fazer no momento.

Ao final, mostre o resultado e um próximo passo óbvio, como "Jogar novamente". Se o jogador perder o foco ou sair do app, deixe claro se a rodada foi encerrada, pausada ou se pode ser retomada. Esta é uma escolha de design a ser verificada no jogo real: o watchOS pode alterar a forma como um app é exibido quando ele fica inativo, e a interface do app não é atualizada por padrão durante a inatividade. Jogos com cronômetros ou movimento contínuo precisam, portanto, de um comportamento explícito de pausa, encerramento ou retomada, em vez de presumir que a tela permanecerá ativa. (Designing your app for the Always On state)

Os modelos de Apple Watch possuem diferentes tamanhos de tela, e os cantos arredondados podem cortar o conteúdo posicionado perto das bordas. Use layouts flexíveis e mantenha textos e controles fundamentais dentro da área segura (safe area). Evite colocar pontuações, alvos ou botões na extremidade da tela apenas para ganhar um pouco mais de área de jogo.

As diretrizes de tamanho atuais da Apple cobrem caixas de 40 mm a 49 mm e recomendam o uso de elementos redimensionáveis sempre que possível. Elas também aconselham usar o espaço adicional em telas maiores para controles ou elementos visuais maiores, em vez de sobrecarregar a tela com mais controles. Visualize o jogo primeiro na menor tela suportada e, depois, verifique se as versões maiores parecem equilibradas em vez de simplesmente mais cheias. (Supporting multiple watch sizes)

Para textos importantes durante a partida, as diretrizes de design de jogos da Apple apontam 12 pontos como o tamanho mínimo de texto para o watchOS. Considere isso como um limite inferior, não como um padrão para todos os rótulos: instruções breves e informações essenciais de status devem ser legíveis com conforto num relance. Faça testes com textos localizados mais longos caso o jogo venha a oferecer suporte a mais de um idioma. (Designing for games)

Utilize um contraste forte entre o elemento ativo do jogo e o fundo. Diferencie os alvos tanto pelo formato ou contorno quanto pela cor, e limite efeitos decorativos que disputem atenção com a decisão do momento. Se o jogo depender de pequenos objetos em movimento, reduza sua quantidade ou desacelere a ação o suficiente para que o jogador consiga identificá-los na tela do relógio.

A Apple recomenda textos de jogos legíveis e de alto contraste, destacando um tamanho mínimo de texto para o watchOS. Suas diretrizes também enfatizam a adaptação dos layouts aos recursos da plataforma, como telas arredondadas e áreas seguras. Juntas, essas recomendações apontam para um teste de design muito útil: o jogador consegue identificar o alvo ativo, a próxima ação e o resultado sem precisar vasculhar a tela? (Designing for games, Supporting multiple watch sizes)

Construa ou esboce uma rodada jogável antes de expandir fases, menus ou progressão. Faça a verificação nesta ordem:

1. Um jogador de primeira viagem consegue entender o que fazer já na tela inicial?
2. Ele consegue acionar o controle principal sem cobrir o feedback essencial do jogo?
3. O alvo, a pontuação ou o cronômetro estão legíveis no menor tamanho de relógio suportado?
4. O resultado de cada comando aparece de forma clara e imediata?
5. Uma pessoa consegue interromper a partida e retornar sem se perder na rodada?
6. O jogo continua funcionando quando a tela escurece ou o app fica inativo?

Use essas perguntas para avaliar o design, não apenas o código. Se um jogador errar o alvo, descubra se o alvo é pequeno demais, se a ação não está clara ou se a resposta do jogo é sutil demais. Se a tela parecer apertada, remova um elemento ou divida a decisão em etapas antes de reduzir os textos e controles para tamanhos abaixo do recomendável para leitura. Teste em tamanhos representativos de relógio e com o método de entrada real; um layout que parece ótimo em um modelo no computador pode ser bem diferente quando operado no pulso.

Uma boa adaptação para o Apple Watch é um pequeno jogo completo, não uma versão comprimida às pressas. Mantenha a decisão central da ideia original, torne cada ação óbvia e deixe que o ambiente compacto e sujeito a interrupções do relógio molde a estrutura da rodada. Só adicione complexidade quando o loop básico continuar legível, controlável e fácil de reiniciar.

• Apple, “watchOS apps.” https://developer.apple.com/documentation/watchos-apps?changes=_3_9_8_3
• Apple, “Layout.” https://developer.apple.com/design/human-interface-guidelines/layout?changes=l_1__4&language=objc
• Apple, “Creating an intuitive and effective UI in watchOS 10.” https://developer.apple.com/documentation/watchos-apps/creating-an-intuitive-and-effective-ui-in-watchos-10?changes=_7
• Apple, “Designing your app for the Always On state.” https://developer.apple.com/documentation/watchos-apps/designing-your-app-for-the-always-on-state/
• Apple, “Supporting multiple watch sizes.” https://developer.apple.com/documentation/watchos-apps/supporting-multiple-watch-sizes?changes=latest_5_9
• Apple, “Designing for games.” https://developer.apple.com/design/human-interface-guidelines/designing-for-games