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...

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...

Instalar Módulo de Proteção Santander no Mac OSX Mountain Lion

Repararam que o módulo de proteção do banco Santander parou de funcionar? Isso, no meu caso foi quando atualizei o OSX para o Mountain Lion. Há quem diga que parou quando da atualização do navegador Safari. Enfin, depois de brigar um pouco com versões Java, consegui encontrar no forum da Apple a solução: Após atualizar o meu MacBook Pro para o Mountain Lion, o módulo de proteção do Santander parou de funcionar no Google Chrome. Ao clicar no botão instalar módulo de proteção, nada acontecia. Olhando o javascript mais a fundo, achei uma chamada a URL ' https://wwws.santandernet.com.br/MPS/moduloJava.html '. Ao inserir ela no browser e pressionar <ENTER>, recebia uma mensagem 'plugin inactive'. Pare resolver o problema, abri uma nova aba e entrei no endereço 'chrome://plugins/'. Naveguei até o plugin do Java, desabilitei o mesmo e reiniciei o chrome. Feito isso, entrei novamente no endereço e ativei este plugin. Ao entrar novamente no s...