Documents

Design de Aplicativos Para Android – Parte 1

Description
Design de Aplicativos Para Android – Parte 1
Categories
Published
of 12
All materials on our website are shared by users. If you have any questions about copyright issues, please report us to resolve them. We are always happy to assist you.
Related Documents
Share
Transcript
  1 Design de Aplicativos para Android  –   Parte 1 Uma questão de motivação Recentemente participei de uma maratona de desenvolvimento chamada Google Developer Bus onde encarei o seguinte desafio: criar o layout para um aplicativo Android em apenas 3 dias. Já trabalho há alguns anos com design para a web e, quem acompanha meus textos sabe, sou uma grande evangelista do design responsivo. Mas esta experiência anterior não foi o suficiente para me preparar para a tarefa. Criar aplicativos nativos é algo completamente diferente! Envolve um pouco de matemática, muita  paciência e conhecimento do sistema. A ausência de material didático também representa um empecilho. Fora a documentação oficial, existe pouquíssimo material disponível para designers… Este é um dado surpreendente considerando que o Android é atualmente o sistema operacional móvel mais popular do mundo com 81% de market share. Pensando nisto decidi criar uma série de artigos sobre o tema voltados para quem, como eu, é iniciante na área. Minha intenção é dividir com vocês o que aprendi e compartilhar algumas dicas e atalhos  para criar apps bonitos, funcionais e coerentes com as guidelines específicas da plataforma. Pense neste artigo como um starter kit para você que pretende se aventurar pelo maravilhoso mundo do design de aplicativos e não faz idéia  por onde começar.  Nesta primeira etapa vamos conhecer de perto a estrutura e navegação do Android e as principais diferenças entre outros sistema operacionais móveis. Este artigo foi criado tendo em mente as diretrizes  para a versão do Android 4.4 KitKat. Conheça o Android O primeiro passo para criar bons aplicativos para Android é: passe algum tempo se familiarizando com o sistema. Parece um ponto óbvio, mas muitas pessoas ignoram esta etapa e acabam criando aplicativos inconsistentes. Se você possui um aparelho, baixe alguns apps e explore todas as telas. Tente encontrar, dentre cases bem sucedidos, quais pontos eles tem em comum e quais pontos eles diferem. Se você está à procura de  2 inspiração pode procurar por showcases específicos como o Android  Niceties e Android App Patterns.  Mas não é necessário se limitar a isto. O próprio Google Play (loja de apps do Google) fornece screenshots de todos os aplicativos. Veja quais são os mais populares e conheça seus prováveis concorrentes. Vale até criar uma pequena biblioteca de inspiração em uma pastinha no computador ou em alguma rede comoKippt ou Pinterest. Quanto mais você se cercar de  boas idéias, mais fácil será para desenvolver a sua. A anatomia de um App Ser um usuário de aparelho Android não qualifica você automaticamente um especialista no sistema. Conhecer a anatomia de uma interface Android (e no que ela difere de outros sistemas operacionais como iOS e Windows Phone) é fundamental para criar bons aplicativos. Vamos explorar a diagramação padrão de um aplicativo. Action Bar (Barra de Ação) A barra de ação é equivalente a seção header de um site: logotipo, título da página e itens de navegação. Esta barra deve ser flexível para acomodar ícones, menus ou caixas de texto expansíveis. O espaço também é utilizado para notificações de itens novos, alertas em geral e trocas de modo de visualização quando existe esta função (lista ou grid, por exemplo).  3 Branding Este espaço é destinado a logo ou ícone do app. Action Icons (Ícones de Ação) Do centro para o canto direito temos Action Icons, ou ícones de ação. Estes ícones servem de atalho para representar ações globais frequentes que um usuário poderá realizar no seu app como buscar uma informação ou compartilhar conteúdo.  Normalmente são exibidos de 2 a 5 ícones, dependendo do tamanho da área de exibição do aparelho. Se mesmo assim você achar que não é suficiente organize as ações que não couberem na action bar em um menu complementar dropdown chamado Action Overflow (ícone de três quadradinhos pequenos). Lembre-se de exibir apenas os ícones de ações que estão disponíveis naquele momento. Se não é possível realizar uma determinada ação dentro de uma tela, esconda o ícone! É muito importante que cada ícone represente claramente o conceito. O ideal seria sempre procurar no conjunto de ícones oficiais se já existe um ícone padrão do Android para a ação que você deseja realizar. Desta maneira você garante a consistência do aplicativo e que o usuário não  precise pensar muito para deduzir o que o seu ícone faz, já que ele já viu a mesma ação em outros lugares. Uma das dicas de ouro da documentação oficial é: se parece igual, deve funcionar igual. Ações como compartilhar ou buscar, por exemplo, devem usar os ícones padrões. Você pode  personalizar estes ícones trocando cores e adicionando efeitos sutis para que reflita o seu branding, mas sem que isto afete a essência do ícone.  4 Navigation Drawer (Gaveta de Navegação) Menu de navegação que surge da esquerda para a direita, cobrindo o conteúdo do aplicativo. Para abrir a gaveta basta clicar no ícone (três risquinhos) ao lado esquerdo do logotipo. Contextual Action Bar (Barra de Ação Contextual) A Contextual Action Bar, ou CAB para os íntimos, é uma barra de ação temporária que substitui os itens padrões durante uma determinada tarefa. Exemplo: exibir quantos elementos de uma lista foram selecionados.
We Need Your Support
Thank you for visiting our website and your interest in our free products and services. We are nonprofit website to share and download documents. To the running of this website, we need your help to support us.

Thanks to everyone for your continued support.

No, Thanks
SAVE OUR EARTH

We need your sign to support Project to invent "SMART AND CONTROLLABLE REFLECTIVE BALLOONS" to cover the Sun and Save Our Earth.

More details...

Sign Now!

We are very appreciated for your Prompt Action!

x