--- title: "Detalhes que fazem a diferença no mobile" description: "As aplicações mobile muito evoluíram nos últimos anos. Não só foram adicionadas novas funcionalidades para melhorar a experiência do utilizador mas também novos" canonical_url: "https://pt.goodbarber.com/blog/detalhes-que-fazem-a-diferenca-no-mobile-a516/" lang: pt date: 2015-01-30 last_updated: 2019-11-08 --- # Detalhes que fazem a diferença no mobile [Voltar](/blog/make-it-r19/) # Detalhes que fazem a diferença no mobile Escrito por GoodBarber Team na Sexta-Feira 30 Janeiro 2015· Última atualização: Sexta-Feira 8 Novembro 2019 ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/7410169-11415316.jpg?v=1422632745.6948617) As aplicações mobile muito evoluíram nos últimos anos. Não só foram adicionadas novas funcionalidades para melhorar a experiência do utilizador mas também novos conceitos de design que não passam despercebidos e que prendem a nossa atenção. Todos nós temos as nossas preferências em relação aos efeitos mobile e por isso, hoje decidimos apresentar-te as funcionalidades/efeitos preferidos dos membros da nossa Beautiful Crew. ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/7410169-11415317.jpg?v=1422632768.2626424) ***- Efeitos animados*** [Morphing the icon](http://www.google.com/design/spec/animation/delightful-details.html) ou [visual feedback](http://www.google.com/design/spec/animation/responsive-interaction.html#responsive-interaction-user-input) aplicados na interação do utilizador. Adicionei alguns destes efeitos na nova secção de Formulário da GoodBarber ;) - **Efeito blur para o novo iOS 8 - Transição entre uma lista e um item** Por exemplo, a [continuidade visual](http://www.google.com/design/spec/animation/meaningful-transitions.html) do design material. ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/7410169-11415341.jpg?v=1422632790.2981663) ***- Excelente experiência mobile para o utilizador*** Uma app interessante tem que disponibilizar um infinito número de possibilidades para ser usada. Quando eu faço o download da app, quero ver, de imediato, o que é que tem para me oferecer sem ter que andar às voltas para perceber como a usar. Gosto quando o conteúdo é claro e simples de encontrar. Uma navegação simples e intuitiva é fundamental. ***- Beautiful Design*** Para ser cativante, a app precisa de ter, não apenas conteúdo relevante mas também, apresentar especial cuidado com o design e ser Beautiful. Tal como apreciamos uma refeição só de olhar, um design atrativo torna a experiência mais agradável. Quando decidimos entre 2 apps semelhantes, a app com melhor design ganha sempre. ***- Possibilidade de comentar e partilhar conteúdo*** Dar a possibilidade aos utilizadores de comentar pode dar uma ideia diferente do tipo de conteúdo. Os comentários podem tornar-se mais interessantes (e às vezes são mesmo) do que o conteúdo original. O mesmo acontece quando partilhamos conteúdo e explicamos porque é que o consideramos interessante. É como se estivéssemos a dar uma "segunda vida" ao conteúdo inicial. ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/7410169-11415412.jpg?v=1422632812.6221201) Eu não me foco muito nos efeitos quando estou a usar a minha app. O que mais valorizo é um ***interface organizado e intuitivo***. Gosto também quando a app respeita o design da plataforma. ***Design material para aplicações Android e flat design para iOS.*** Ao respeitar o código de design de cada plataforma, a app vai, automaticamente, adicionar alguns efeitos surpreendentes que a plataforma oferece. ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/7410169-11415449.jpg?v=1422632835.7557216) ***- Facilidade de Navegação*** A navegação deve ser intuitiva e clara. É importante que a app facilite a nossa experiência de navegação quando a estamos a usar fazendo com que nos sentimos bem ao usá-la. Uma app com um menu complicado é menos atrativa do que uma app com uma navegação simples :) ***- DD (Dreamy Design)*** Design é algo muito importante no geral mas particularmente no mundo das aplicações. O design é metade da app como tal, deve ser simples, e agradável estéticamente para que possa atrair o user e fazê-lo apreciar o que a app tem para oferecer. ***- Divertida*** Mesmo se o tema da app for sério, a app deve incluir alguns aspectos engraçados. Pode ser qualquer coisa desde o humor nos artigos a ícones engraçados. A vida é stressante no geral e uma gargalhada pode animar o teu dia... como tal, make it fun! ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/7410169-11415504.jpg?v=1422632855.9470909) - ***Parallax effect*** Para aumentar o nível de transparência e fazer com que os elementos da app se movam em diferentes velocidades enquanto navegas para criar a impressão de profundidade. ***- "Wow effect"*** Experimenta os efeitos de movimento dos elementos quando aparecem no ecrã. ***- "Scrolling animated pages"*** Semelhante ao que a [Sony](http://www.sony.com/be-moved/) apresenta. ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/7410169-11415591.jpg?v=1422632877.9161015) ***- Organização do conteúdo*** É extremamente importante podermos escolher diferentes templates para organizar o conteúdo (vídeos e imagens) para que o possamos destacá-lo, facilitar a leitura e a navegação. ***- Social connectors*** Os Social connectors permitem conectar a nossa app aos canais das redes sociais, facilitando a interação e partilha de conteúdo. Definitivamente um "must have"! ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/7410169-11415615.jpg?v=1422632898.707679) ***- Sentimento de comunidade*** Ao partilharmos a informação com a nossa audiência (fotos, imagens, artigos, screenshots, etc) e darmos a possibilidade de partilharem conteúdo connosco, estamos a adicionar valor à nossa comunidade e a criar um sentimento de pertença. ***- Conteúdo personalizado*** Tudo no mobile é uma representação dos teus interesses, quer a escolha seja feita por ti ou não. Como tal, o conteúdo que vejo na minha app está segmentado de acordo com os meus interesses e incentiva-me a que procure por ele. ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/7410169-11415656.jpg?v=1422632921.1794286) Passei grande parte do meu dia a pesquisar, escrever e a conversar no mobile... como tal, tenho que destacar a ***resistência móvel*** como um dos meus efeitos mobile favoritos. Mas como sou um pouco crítica, especialmente no que concerne ao design, (eu sou Balança e por isso tenho que dizer tudo o que penso), quero falar mais detalhadamente... :D Tenho que dar graças a quem inventou a ***"nuvem".*** O meu smartphone é um cérebro - tudo o que eu preciso está guardado aqui. Além disso, dá-me facilidade de acesso a qualquer tipo de conteúdo criado previamente no meu Mac e já salvou a minha vida mais do que uma vez. Outra coisa que para mim está muito bem feita e pode dar um look agradável ao mobile são os ***ícones***. Não é fácil escolher o ícone perfeito para uma app mobile porque o espaço é limitado. Contudo existem vários tipos de ícones: realísticos, flat, coloridos, minimalistas..... Neste caso eu sou apologista da simplicidade juntamente com uma mistura de vários estilos de ícones e backgrounds. Mas vou deixar o melhor para o último: "***Cores e padrões***". Quando abro a app, ou mesmo quando escolho uma app nas lojas online, uma das primeiras coisas que mais me chama a atenção é o design e a combinação de cores. Estar apto para combinar diferentes tipos de cores e padrões é muito importante e dá um look moderno e não caótico. ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/7410169-11415710.jpg?v=1422632972.4046867) E quanto a ti? Quais são os teus efeitos mobile preferidos? - [#Comunidade](https://pt.goodbarber.com/blog/tags/comunidade) - [#Conteúdo](https://pt.goodbarber.com/blog/tags/conte%C3%BAdo) - [#Design](https://pt.goodbarber.com/blog/tags/design) - [#Experiência de Usuário](https://pt.goodbarber.com/blog/tags/experi%C3%AAncia%20de%20usu%C3%A1rio) - [#GB Crew](https://pt.goodbarber.com/blog/tags/gb%20crew) - [#iOS](https://pt.goodbarber.com/blog/tags/ios) - [#Navegação](https://pt.goodbarber.com/blog/tags/navega%C3%A7%C3%A3o) - [#Redes Sociais](https://pt.goodbarber.com/blog/tags/redes%20sociais)