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
Marcadores:

Comentários

Postar um comentário

Postagens mais visitadas deste blog

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...
Postar um comentário
Leia mais

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...
Postar um comentário
Leia mais

GameDev Tutorial - Basic Circle Chain Engine Using Unity3D Part 2

This part 2 is not so detailed like before, so If you need you can see the part 1 here:  http://alxcancado.tumblr.com/post/62482465038/gamedev-tutorial-basic-circle-chain-engine-using Once again I want say that this is my port for Unity3D from Emanuele Feronato's tutorial:  http://www.emanueleferonato.com/2013/05/21/from-zero-to-a-complete-game-with-cocos2d-html5-step-2-mouse-interaction/   Okay, time to put some mouse interaction. 1. add the new textures: red circle, bullet red; configure texture type to advanced, uncheck generate mipmap and filter mode to point. 2. drag and drop the greencircleprefab from prefab folder to the hierarchy. drag and drop the red circle texture to this and rename to RedCircle. Remove the GreenCricle script from it. We will create a script to this object later. 3. But we still need create our Bullet prefab. To make it simple, just duplicate the RedCircle object from hierarchy panel with Command+D or (Control+D in windows?). Then rename this ...
Postar um comentário
Leia mais