O documento apresenta um estudo de UX/UI realizado por Mônica Mesquita para um jogo do tipo atirador. O estudo identificou pontos de melhoria no layout, interface e mecânicas do jogo e propõe uma reformulação do design adotando elementos mais modernos e uma paleta de cores azul e laranja.
2. Durante o jogo encontrei alguns pontos que sugiro análise:
➔ Ausência de Perfil/Avatar
➔ Posição da área de movimentos da "Mira"
➔ Posição do botão "Atirar"
➔ Recompensa deveria ser automática
➔ Ícone "Repetir" está muito confuso
➔ Alerta de onde clicar não tem necessidade de ter textos
➔ Botão de "+" está muito confuso
Estudo UX / UI Design por Mônica Mesquita
dores
3. benchmark ➔ Posição da área de movimentos da "mira"
➔ Posição do botão "atirar"
➔ Referência de Perfil e Avatar
➔ Referência de Menu e Configurações
Após pesquisa feita em alguns jogos do mesmo segmento,
anotei alguns pontos que merecem atenção:
Estudo UX / UI Design por Mônica Mesquita
4. ➔ Posição de área de movimentos (mira)
Todos os jogos com "atirador em local fixo", a área da mira
é posicionada ao lado esquerdo do mobile. Diferente do SNIPER 3D.
Dead Target Sniper Assassin 3D Fúria Sniper
Estudo UX / UI Design por Mônica Mesquita
5. ➔ Posição de botões de atirar
Todos os "17" jogos que baixei a posição do
botão de "atirar" está localizado ao lado direito.
Diferente do SNIPER 3D.
Pensando em console, também.
Estudo UX / UI Design por Mônica Mesquita
6. ➔ Referência de Perfil e Avatar
Mostrar para o usuário tudo que ele
já conquistou e tem armazenado em seu perfil.
Estudo UX / UI Design por Mônica Mesquita
7. ➔ Referência de Menu e Configurações
Sugestões de novos campos no Menu.
Estudo UX / UI Design por Mônica Mesquita
8. redesignO layout foi reformulado para se adequar ao mercado atual, buscando refletir um conceito
mais moderno e tecnológico. Optei por manter o laranja em alguns elementos porém trouxe
o azul como nova cor para o jogo.
Estudo UX / UI Design por Mônica Mesquita
9. Estudo UX / UI Design por Mônica Mesquita
e porque azul?
"Segundo o blog darlanglauber.wordpress.com “A cor azul ajuda a baixar a pressão arterial, acalma e traz
clareza mental. Produz tranquilidade, ternura, afetuosidade, paz de espírito e segurança. Reduz o stress e a
ansiedade, traz saúde emocional, paz e calma. Promove o entendimento entre as pessoas…” Enfim a cor é
azul é completa. Diversas redes sociais entenderam isso, e hoje utilizam dessa cor em
seus apps. O azul traz a sensação de tranqüilidade e faz com que os usuários se sintam
bem ali e não queiram sair. Ficando bastante tempo no app.
12. Estudo UX / UI Design por Mônica Mesquita
tipográfiaSeguindo o conceito mais moderno e tecnológico a fonte escolhida
que faz juz a essa ideia foi a Titilium.
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M O P Q R S T U V W X Y Z
1 2 3 4 5 6 7 8 9 0
! @ # $ % ˆ & * ( ) _ - + , . / ? : "
13. 01INÍCIO
Mantive a estrutura do layout atual,
porém com as novas fontes, cores e
ícones.
Estudo UX / UI Design por Mônica Mesquita
Opções
14. 02
Estudo UX / UI Design por Mônica Mesquita
saudação
BEM-VINDO
Optei por aplicar uma nova tela,
mostrando para usuário quais as suas
opções ao entrar no jogo.