Técnico

Guideline iOS – Experiência do Usuário 9

Para iPad: Restrinja a hierarquia da sua informação

Use a tela grande do iPad  e elementos específicos de interface do iPad para dar às pessoas um acesso a mais informações em um só lugar. Embora você não queira juntar muita informação em uma única tela, você também quer impedir que as pessoas sintam que  devem visitar muitas telas diferentes para encontrar o que deseja.

Em geral, foque na tela principal o conteúdo primário e forneça informações adicionais ou ferramentas em uma tela auxiliar, como um pop-over. Isto dá às pessoas acesso fácil a funcionalidade de que precisam, sem que elas precisem sair do contexto da tarefa principal.
Com a tela grande do iPad e elementos da UI tais como uma tela dividida e pop-overs, você tem alternativas para uma estrutura de nível por tela de muitas aplicações para o iPhone.

Use uma barra de navegação no painel da direita de uma tela dividida para permitir que as pessoas se aprofundem em uma categoria de nível superior que é persistentemente exibida no painel da esquerda. Uma visão dividida achata a sua hierarquia de informação por pelo menos um nível, porque são sempre dois níveis na tela ao mesmo tempo. Por exemplo, a tela de configuração do dispositivo e do aplicativo usam uma barra de navegação no painel da direita de uma tela dividida (split view).

 

Use uma barra de navegação no painel esquerdo de uma visão dividida para permitir que as pessoas se aprofundem através de uma hierarquia bastante superficial. Em seguida, exiba as informações mais específicas (isto é, os node leaf na hierarquia) no painel da direita. Isto, também, achata a sua hierarquia, exibindo dois níveis na tela ao mesmo tempo. Por exemplo, o Mail em modo paisagem usa este projeto para exibir a hierarquia de contas, as caixas de correio e listas de mensagens no painel esquerdo, e mensagens individuais no painel da direita.

 

Use um pop-over para ativar ações ou fornecer ferramentas que afetam os objetos na tela. A pop-over pode exibir essas ações e ferramentas temporariamente no topo da tela atual, o que significa que as pessoas não têm que mudar para uma outra tela para obtê-los. Por exemplo, na orientação retrato do Mail use um pop-over para mostrar a conta, caixa de correio e hierarquia da lista de mensagens.

Use um controle segmentado em uma barra de ferramentas para mostrar diferentes perspectivas sobre o conteúdo ou categorias de informação diferentes. Desta forma, você pode fornecer acesso a essas perspectivas ou categorias de uma única barra na parte superior (ou inferior) da tela.

Por exemplo, o iTunes usa um controle segmentado em uma barra de ferramentas na margem superior para oferecer diferentes perspectivas sobre o conteúdo de uma categoria.

 

Use uma barra de abas para exibir informações de diferentes categorias ou, menos freqüentemente, diferentes modos de aplicação. Em aplicações iPad, uma barra de abas é mais provável ser utilizada como um comutador de filtro ou categoria do que como um comutador de modo. Por exemplo, o iTunes usa uma barra de abas para dar às pessoas acesso a diferentes tipos de mídia.

Quando possível, evite usar uma barra de abas para mudar para telas completamente diferentes, porque é melhor reduzir as transições de tela cheia (transições totais) no iPad.

 

Para iPad: Considere o uso popovers para algumas tarefas Modais

Pop-overs e modos de exibição modais são semelhantes, no sentido de que não é possivel normalmente para as pessoas interagir com a tela principal, enquanto uma tela popover ou modal está aberta. Mas uma tela modal é sempre modal, enquanto que um popover pode ser usado de duas maneiras diferentes:

  • Modal, caso em que o popover escurece a área da tela em torno dele e exige um despedimento explícito. Esse comportamento é muito semelhante ao de uma visão restrita, mas a aparência de um pop-over tende a dar a uma experiência mais leve.
  • Não-modal, caso em que o pop-over não escurece a área da tela ao redor e as pessoas podem tocar em qualquer lugar fora de seus limites (incluindo o controle que revela a pop-over) para negar-lhe provimento. Esse comportamento faz que um pop-over não-modal pareça um outro tipo de exibição do aplicativo.

Além disso, um pop-over tem sempre uma seta que aponta para o controle ou a área util que o usuário tem para revelá-lo. Este visual tie-in ajuda as pessoas a lembrar do seu contexto anterior. Faz também que um pop-over modal pareça ser um estado mais transitório do que uma tela modal, que ocupa a tela sem indicar de onde veio.

Se você usa telas modais para permitir tarefas autonomas em seu aplicativo para o iPhone, em vez disso você pode usar pop-overs. Para ajuda-lo a decidir quando isso pode ser necessário, considere estas perguntas:

  • A tarefa requer mais de um tipo de entrada? Se sim, use um pop-over.
    Apesar de um teclado poder agregar tanto um pop-over ou uma tela modal, um pop-over é melhor para a exibição de um selecionador ou uma lista de opções.
  • A tarefa requer que as pessoas se aprofundem através de uma hierarquia de exibições? Se sim, use um pop-over.
    A estrutura de um pop-over é mais adequado para exibir múltiplas páginas, porque há menos chance dos usuários confundi-lo com a tela principal.
  • Talvez as pessoas queiram fazer alguma coisa na vista principal, antes de terminar a tarefa? Se sim, use um pop-over não-modal.
    Porque as pessoas podem ver a vista principal em torno de um pop-over não-modal e podem rejeitá-lo tocando na tela principal, você deve permitir-lhes suspender a tarefa pop over e voltar para a tela principal.
  • É a tarefa bastante profunda e não representa uma das principais funções do aplicativo? Se sim, você pode querer usar uma tela modal.
    A mudança de um contexto maior de uma tela modal ajuda as pessoas a manter o foco na tarefa até terminá-la. O espaço maior da tela da maioria dos modos de vista modais torna mais fácil para as pessoas fornecerem uma série de entrada de dados.
    Se, por outro lado, a tarefa representa uma parte importante da funcionalidade do aplicativo, mas não é em profundidade, um pop-over modal pode ser uma escolha melhor. Isso ocorre porque o peso visual mais leve de um pop-over pode ser mais agradável para tarefas executadas com freqüência.
  • É a tarefa realizada apenas uma vez ou muito raramente, como uma tarefa de configuração? Em caso afirmativo, considere o uso de uma tela modal.
    As pessoas não estão tão preocupadas com a permanência no contexto atual quando executam uma tarefa apenas uma vez ou muito raramente.

 

Há uma série de outros usos para pop-overs, tais como fornecer ferramentas auxiliares (por diretrizes de uso completo, consulte “popover (Somente para iPad). Além disso, apps mostram paginas de ação dentro dos pop-overs (para obter mais informações, consulte “Ficha de Ação”).
Se você decidir usar uma tela modal, não se esqueça de ler sobre os diferentes estilos de apresentação que você pode usar (eles estão descritos em “Visão Modal”). Em seu aplicativo para iPad, você pode escolher o estilo de apresentação que é mais adequado para a tarefa modal que você precisa habilitar.

Para iPad: Migração de conteúdo da barra de ferramentas para o Topo

Se o seu aplicativo para o iPhone tem uma barra de ferramentas, mova-a para a parte superior da tela, ao invés de deixá-lo na parte inferior. Com a largura adicional da tela iPad, você será capaz de fornecer toda a funcionalidade da barra de ferramentas em uma única barra de ferramentas na parte superior. Isto dá-lhe mais espaço vertical para o seu conteúdo principal.

Por exemplo, o Mail do iPhone usa uma barra na parte inferior para dar às pessoas o acesso à atualização, organizar o lixo, ações  de responder e compor enquanto elas exibem mensagens.

 

Mail no iPad migra todas, exceto uma dessas ações para uma barra de ferramentas localizada acima da mensagem. O controle de atualização está na lista de caixa de correio, que está em um pop-over na vertical e, no painel esquerdo da tela dividida em paisagem.

 

 

 

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Compartilhe isso: