Pular para o conteúdo principal

1.1 Práticas de design de UI

Os seguintes requerimentos relatados abaixo são

importantes de se ter em mente na hora de criar a UI:

 
 

  • Aparelho e aplicativos devem ser úteis ao usuário inexperientes. Facilidade.
  • Devem ser úteis em situações na qual o usuário não pode dar total atenção ao aplicativo, por exemplo, muitos aparelhos são operado com apenas uma mão.
  • Fatores de formato e conceitos de UI diferem de aparelho para aparelho, como em tamanho da tela; nem todos aparelhos possuem um dispositivo apontador ( tipo mouse ).
  • Aplicativos rodando em certo tipo de aparelho, devem possuir uma UI compatível com a utilizada no próprio aparelho, afim de o usuário encontre facilidade no uso.

     
     

 
 

Sobre o design dos menus de comandos:

 
 

  • Cuidado ao utilizar muitos comandos, pode ser um inconveniente ter que rolar o menu para escolher um comando.
  • Na fase de criação, divida o aplicativo em visualizações de Screens e Commands ( telas e menus ).
  • Pense cuidadosamente sobre a ordem dos comandos no menu. O que for usado mais freqüentemente deve vir primeiro. "Sair"é sempre o último da lista e deve sempre sair do aplicativo.
  • Limite o tamanho dos nomes dos comandos ( labels ); descreva o comando da forma mais clara e concisa possível, pois muitos aparelhos tendem a cortar nomes muito grande. Ex, se vamos usar "Write greetting"como um nome de comando, o usuário vê "Write..." na tela.
  • Em dispositivos da série 60, utilizamos a softkey ( botão de função ) da direita para ações que indicam voltar, sair ( ações negativas ); a softkey da esquerda para ações como entrar, confirmar (ações positivas). Desta maneira, os usuários ficarão mais familiarizados com o aplicativo.
  • Lembre-se ainda que é possível escrever ambos, curtos e longos labels no construtor:

    Command(String shortLabel,

    String longLabel, int commandType, int priority).


     

Mais detalhes sobre estilos específico de design das plataformas s60, s40, ..., podem ser encontrados forum.nokia:

 
 

S60 http://www.forum.nokia.com/info/sw.nokia.com/id/7e457a32-caf7-41bf-889f-162ff3bef363/S60_UI_Style_Guide_v1_2_en.pdf.html

 
 

S40

http://www.forum.nokia.com/info/sw.nokia.com/id/de0a6a9d-d09c-43eaa076-492e17c7aa87/Series_40_UI_Style_Guide_v3_0_en.pdf.html

Comentários

Postagens mais visitadas deste blog

Gamasutra's Postmorten: RiverMan Media's MadStone

Aqui vão os meus comentários sobre este postmortem. O jogo em questão, MadStone, foi desenvolvido para a plataforma WiiWare, vindo de um antigo sonho de publicar um jogo para Nintendo (dos fundadores da RiverMan). MadStone é um puzzle 2d, onde as peças vão caindo (assim como tetris) e que custa U$8.00 no WiiWare. Antes de publicar um jogo para WiiWare, a desenvolvedora havia já desenvolvido outros dois jogos casuais para PC, Cash Cow e Primate Panic. Tela do jogo MadStone Bom, vamos às dicas deixadas pelos desenvolvedores: O que funcionou: 1. Correr atrás da Nintendo: Entre contatar a Nintendo e se tornar um desenvolvedor autorizado, os desenvolvedores tiveram que correr um pouco atrás. A primeira lição é justamente essa, não é fácil correr atrás e muitas vezes temos que sair de nossa zona de conforto para conseguir as coisas. 2. Plataforma 2D: A decisão de desenvolver um jogo 2D foi tomada por algumas facilidades como ferramentas de arte mais simples, como o photoshop; Pouco código...
2008-04-12: Estava eu aça, pensando com os meus botões: como que posso utilizar um “clear screen” no meu programa Java console? É, o joguinho de campo minado poderia ficar mais interessante se eu conseguir fazer o efeito de sobreposição de tela, algo que o “clear screen” se mostraria útil. Com a ajuda do novo pai dos burros, o Google, cheguei a interessantes sugestões de diversos fóruns de discussão envolvendo Java. A saída mais interessante e simples que achei, foi imprimir na tela uma seqüência de vários “\n”, isso mesmo, a famosa quebra de linha, de modo a deixar a tela limpa para receber novos caracteres. Tudo bem que se consiga chamar algum método que execute algum comando de shell de algum sistema, mas isso iria acabar com a portabilidade do programa. É, pelo que pude perceber, o Java não possui uma solução pronta como “clrscr()” ou system(“CLS”), mas podemos driblar isso facilmente com uma sucessão de quebras de linha. Show de bola! Depois vou testar no campo minado e ver no que...

GameDev Tutorial - Basic Circle Chain Engine Using Unity3D Part 1

Circle Chain ( http://www.emanueleferonato.com/stuff/circle_chain/ ) is a simple game developed in 2007 by Emanuele Feronato ( http://www.emanueleferonato.com ) as a monetization test in Flash Games. In fact it's based on Boomshine ( http://www.k2xl.com/games/boomshine/ ) Emanuele has since, ported his game tutorial for lots of platforms: AS3: (complete)  http://www.emanueleferonato.com/2012/02/20/circle-chain-ported-to-as3-with-commented-source-code-available-ready-to-jump-to-the-iphone/ Game Maker: (basic)  http://www.emanueleferonato.com/2012/06/07/circle-chain-engine-made-with-game-maker/ Construct2 HTML5:  http://www.emanueleferonato.com/2012/03/14/html5-version-of-circle-chain-engine-using-scirras-construct2/ Corona SDK:  http://www.emanueleferonato.com/2012/02/24/basic-circle-chain-engine-using-corona-sdk/ Gideros Studio:  http://www.emanueleferonato.com/2012/04/12/basic-circle-chain-engine-using-gideros-studio/ Stencyl:  http://www.emanueleferonato.com/2012/02/29/ba...