![\"\"](\"https:\/\/s.psafe.com.br\/blog\/mobile-design_2014-09-01.jpg\")
<\/p>\n<\/p>\n
A entrada massiva de smartphones e tablets no mercado está mudando completamente a vida dos designers. É impossível projetar para dispositivos móveis da mesma forma que se projeta para páginas tradicionais na internet. Por isso, os designers precisam se adaptar às limitações, além de estarem preparados para os desafios de uma plataforma em rápida evolução e com novas tecnologias sendo adicionadas a todo o momento.<\/p>\n
A quantidade de modelos de smartphones e tablets é enorme e cada um deles com um tamanho de tela e resolução diferentes. Isto significa que o designer não pode simplesmente projetar para um iPhone 5 ou Galaxy 4 e achar que isso é tudo. Há ferramentas que permitem planejar variações no design que se ajuste a diversos modelos. Além disto, é preciso saber como estas variações estão impactando no layout.<\/span><\/p>\n Atualmente, três sistemas operacionais dominam o mercado: Android, iOS e Windows Phone. Cada um deles tem seus próprios padrões de interface, entradas externas e conjunto de regras. Além disto, existem variações dentro das próprias versões do iOS. No caso do Android, este aspecto é ainda mais complexo, uma vez que os próprios fabricantes podem efetuar modificações do sistema, alterando a capacidade de processamento do OS.<\/span><\/p>\n A forma pela qual o aplicativo é desenvolvido pode influenciar o consumo de energia do dispositivo. Este é um fator a ser levado muito em conta pelo designer ao pensar em incluir animações e efeitos gráficos que vão necessitar de processamento gráfico pesado. Uma página em Java Script também pode ser intensiva em uso de energia. Para um smartphone top de linha recém-comprado, isso talvez não seja um problema. Mas quem possui um dispositivo com mais de um ano de uso, pode ser uma dor de cabeça.<\/span><\/p>\n Designers mais experientes foram formados em um tempo no qual a mentalidade digital ainda engatinhava e, por isso, alguns paradigmas precisam ser revistos. A evolução do design móvel está agravando este déficit e obrigado os profissionais a se atualizarem. Por exemplo, é preciso ter em mente que HTML não é uma tela. Portanto, você não pode simplesmente jogar as coisas lá como se fosse um cartaz. O uso do Photoshop pode estar prejudicando essa mudança porque ele é usado há décadas para desenvolver cartazes e ilustrações e retocar fotos.<\/span><\/p>\n Designers ainda estão de certa forma “pintando” as interfaces quando a fragmentação do tamanho da tela e natureza dinâmica dos dispositivos móveis implicam em uma abordagem diferente. Talvez uma das melhores coisas a se considerar é parar de pensar em telas e começar a focar em transições. Aplicativos como <\/span>Facebook Paper<\/a> e <\/span>Yahoo Weather<\/a> podem ser ótimos exemplos ao mostrarem como os designers devem pensar em termos de transição e não de imagens, pois oferecem um tom dinâmico e interativo à interface, provendo movimento, espaço e mudança.<\/span><\/p>\n Outra dica é se inspirar em aplicativos de verdade. Bons exemplos podem ser encontrados no <\/span>Behance<\/a> ou no <\/span>Dribbble<\/a>. Observe apps de sucesso e seus padrões de interface. Se eles deram certo, é porque podem ser replicados.<\/span><\/p>\n Tente descobrir todas as possibilidades das interfaces nativas. Eles oferecem bastante liberdade para customização. Porém, o designer precisa saber exatamente como usá-las. Se você pode fazer a maior parte da sua interface com ferramentas nativas e alguns ajustes, isto significa que você pode economizar bastante tempo do desenvolvedor. Saiba mais sobre SDKs, os instale e os faça funcionar. Conheça mais sobre frameworks como <\/span>RubyMotion<\/a>, <\/span>Xamarin<\/a>, ou <\/span>Titanium<\/a>. E se familiarize com <\/span>IDEs<\/a>.<\/span><\/p>\n Todas as três interfaces têm semelhanças e diferenças em como as pessoas entendem design móvel. Os usuários esperam coisas diferentes de cada um deles. E o designer deve estar ciente destas diferenças e ser capaz de trabalhar em cima delas. Por isso, é preciso também tentar trabalhar diariamente durante um tempo com as três plataformas. Ou pelo menos com Android e iOS.<\/span><\/p>\n E vem mais coisa por aí. O ritmo com que a evolução tecnológica móvel está acontecendo impõe novos desafios cotidianamente. Agora surgem os dispositivos vestíveis como os smartwatches e sensores conectados aos dispositivos móveis. Portanto, é possível que muita coisa mude e o designer precise se manter atualizado, curioso e flexível para absorver todas essas evoluções.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":" Aprenda truques para ser um bom mobile design<\/p>\n","protected":false},"author":114,"featured_media":9820,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","ngg_post_thumbnail":0,"footnotes":""},"categories":[5],"tags":[551],"class_list":["post-4721","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ciberseguranca","tag-dicas"],"_links":{"self":[{"href":"https:\/\/www.psafe.com\/blog\/wp-json\/wp\/v2\/posts\/4721","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.psafe.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.psafe.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.psafe.com\/blog\/wp-json\/wp\/v2\/users\/114"}],"replies":[{"embeddable":true,"href":"https:\/\/www.psafe.com\/blog\/wp-json\/wp\/v2\/comments?post=4721"}],"version-history":[{"count":0,"href":"https:\/\/www.psafe.com\/blog\/wp-json\/wp\/v2\/posts\/4721\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.psafe.com\/blog\/wp-json\/wp\/v2\/media\/9820"}],"wp:attachment":[{"href":"https:\/\/www.psafe.com\/blog\/wp-json\/wp\/v2\/media?parent=4721"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.psafe.com\/blog\/wp-json\/wp\/v2\/categories?post=4721"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.psafe.com\/blog\/wp-json\/wp\/v2\/tags?post=4721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}