Melhores práticas para web designers layouts responsivos ou aplicativos nativos? [Op-Ed]
Não há como negar que o celular é o futuro. Com o Google confirmando que mais pesquisas são feitas em dispositivos móveis do que em computadores, fica claro que todos os sites realmente devem ser móveis, caso ainda não tenham sido feitos..
Mas há uma dicotomia interessante entre conteúdo no navegador por meio de layouts responsivos e conteúdo no aplicativo por meio de aplicativos nativos.
Eu gostaria de explorar ambas as áreas e cavar a raiz de cada escolha. Quando um site deve ir com um aplicativo nativo em um layout responsivo? Poderia um site executar os dois? Essas são perguntas vitais que devem ser feitas a cada novo projeto criativo hoje.
Os valores de um aplicativo nativo
A maioria dos usuários de smartphone depende de aplicativos nativos para seus programas favoritos. Facebook, Twitter, Instagram e outros, todos executam seus próprios aplicativos nativos.
Como os aplicativos nativos são executados no sistema operacional local, eles são muito mais suave e mais fácil de operar em relação a animação, design de interface do usuário e organização de conteúdo. Os aplicativos nativos seguem as diretrizes da interface do usuário, mantendo-os consistentes e naturalmente assumitivos. Os usuários geralmente sabem como usar menus deslizantes e barras de guias.
Muitos dos principais editores têm aplicativos na iOS Store e na Google Play Store que abrangem blogs, aplicativos da Web e redes sociais. Mas é justo dizer grandes sites como o Facebook e o Twitter obter mais valor de aplicativos nativos do que sites menores.
Este debate tem opiniões de especialistas e grandes publicações oferecendo seus pontos de vista. É um tópico muito debatido tanto para designers quanto para agências de criação.
Mas o fato é que aplicativos nativos são úteis e apreciados pelos usuários finais. A única variável é decidir se o seu site funcionaria melhor como um aplicativo para dispositivos móveis, ou se os usuários quiserem um.
Websites totalmente responsivos: Prós e Contras
Em um contexto geral, web design responsivo é sempre uma coisa boa. Web designers não estão perdendo nada, tornando seus layouts totalmente responsivos e maleáveis a qualquer tela.
Mas no contexto de aplicativos nativos, existem algumas considerações. primeiramente sites responsivos são limitados ao mecanismo de renderização do navegador. Nos smartphones, isso significa animação limitada, sem Flash e confiança no mecanismo de renderização do navegador..
Aplicativos nativos podem usar os principais recursos de um smartphone ou tablet. Bibliotecas de animação são muito mais poderosas nativamente de CSS ou JS processados no navegador.
O mesmo vale para elementos de entrada em formulários, junto com Transmissão de dados e preocupações de segurança. Muitas pessoas preferem usar o aplicativo Pinterest no site do Pinterest. O mesmo vale para Flipboard, Dropbox, Feedly, Gmail ou qualquer outro serviço da Web importante.
Mas esses sites deveriam não oferecer um layout responsivo? Existem três opções:
- Forçar usuários da Web para dispositivos móveis a baixar o aplicativo nativo
- Oferecer um layout da web para celular com um link opcional para o aplicativo nativo
- Basta executar o layout da Web para dispositivos móveis separado de um aplicativo nativo
Flipboard vai com a segunda opção, colocando um banner no topo de cada página. Você pode se inscrever para uma conta Flipboard diretamente no navegador do Mobile Safari. Mas é muito mais fácil, mais rápido e mais intuitivo usar o aplicativo.
O site de notícias ZDNet nem sequer menciona seu aplicativo móvel durante a visita no Mobile Safari. Ele opera exatamente como um típico layout responsivo com notícias e postagens em destaque.
A diferença encontra-se na experiência do usuário. Determine o que é melhor para usuários e medir de onde vem a maior parte do tráfego.
Lembre-se disso aplicativos móveis exigem tempo para design e programação. Eles frequentemente exigir mais trabalho do que construir um site. Se você quiser um aplicativo para o seu site, certifique-se de que ele complementa seu layout responsivo o suficiente para fornecer um valor real.
Desktop-First ou Mobile-First?
Ao projetar para a web, você deve começar com a maior largura ou a menor largura? É uma pergunta que é feita frequentemente por freelancers e grandes agências criativas.
Uma opinião muito popular é a abordagem mobile-first, popularizada pelo livro de Luke Wroblewski. Este método considera aprimoramento progressivo que começa do básico e aumenta a funcionalidade para ambientes que podem lidar com isso.
Alternativamente, outros designers se inclinam para a primeira abordagem de desktop que oscila de “primeiro celular” para “mobile, também”.
Essa estratégia funciona planejando todos os recursos que você deseja primeiro em um monitor de desktop de tamanho real. Então, a partir dessa ideia, você reduz gradualmente os recursos, define pontos de interrupção e, eventualmente, obtém o menor layout para smartphones.
Existe uma resposta certa aqui? Os layouts responsivos devem começar com as telas menores ou são móveis - primeiro um conceito desatualizado?
A única desvantagem de escolher um sobre o outro é potencialmente recursos ausentes. Começando com o celular, você pode omitir recursos ou esqueça de adicioná-los em resoluções maiores. Começando com a área de trabalho, você pode criar layouts sinto muito lotado no celular.
No entanto, nenhum deles está certo ou errado. Escolha o fluxo de trabalho que melhor lhe convier. Só não tenha medo de fazer grandes mudanças se eles pudessem melhorar o design.
O melhor de dois mundos
Construir um site totalmente responsivo que seja executado em qualquer tela provavelmente saciará a maioria dos leitores. Então, se você já tem um layout responsivo, você deve se preocupar com um aplicativo móvel?
Como encontrado nesta grande obra do Modo Labs, a resposta se resume a experiência de usuário. Não há resposta definitiva absoluta. É sobre qual método oferece a melhor forma de consumo para seu projeto específico Em um dispositivo móvel. Seus usuários desejam um aplicativo para dispositivos móveis? Ou é um site mais do que suficiente?
O blog de notícias tecnológicas TechCrunch tem um layout responsivo e um aplicativo móvel gratuito, ambos por um bom motivo. Seu site recentemente cobriu uma história confirmando que as pessoas nos EUA gastam mais tempo em apps do que assistindo TV.
Mas e se alguém ligar para o TechCrunch no Twitter? Se alguém clicar nesse link em seu iPhone, ele abrirá o Mobile Safari, porque é um link HTTP. É aqui que o layout responsivo é útil porque nem todo mundo quer seu aplicativo.
Concedido, alguns usuários ainda querem visitar seu site e podem preferir visitar sem ser forçados a baixar um aplicativo, gratuitamente ou de outra forma.
Trabalhar em uma base por projeto
A melhor resposta para o debate do aplicativo responsivo vs. nativo é avaliar cada projeto e decidir o que é melhor numa base caso a caso.
Da minha experiência eu diria que redes sociais e sites interativos se beneficiam mais de aplicativos nativos. Tanto o Android quanto o iOS têm grandes estruturas para criar aplicativos que podem se conectar a APIs, enviar consultas ao banco de dados e ter uma função mais limpa do que uma página da Web..
E UIs de aplicativos nativos são renderizados como software, portanto, você não precisa se preocupar com as propriedades CSS ou com as limitações do navegador. Isto é enorme para plataformas que precisam que os usuários façam login e realizem interações detalhadas.
Mas os sites de negócios em geral, como os dos restaurantes, geralmente funcionam melhor com layouts responsivos, especialmente considerando a quantidade de trabalho necessário para criar um aplicativo nativo..
Blogs e revistas digitais são um pouco de uma área cinzenta. Aplicativos nativos funcionam bem para alguns, mas não são necessários para outras pessoas. Geralmente depende do seu tamanho do mercado e audiência (ou seja, pessoas com experiência em tecnologia).
Ao lançar uma nova publicação na Internet, há muito a considerar. Se você está apenas começando, eu recomendo construir apenas um site primeiro. A partir daí, será mais fácil concluir se um aplicativo nativo valer o esforço.
Empacotando
Deve ir sem dizer que cada o site moderno se beneficia de ser responsivo. Se você deseja criar um aplicativo nativo ou não, o layout do seu site deve ser responsivo e maleável para qualquer tamanho de tela. Não há desvantagem e fornece uma página de destino estável para usuários móveis que estão em ascensão.
Alguns sites podem oferecer um link de download de aplicativos para visitantes de dispositivos móveis. Estes podem ser produtivos e úteis para o marketing da plataforma móvel do seu site. Mas às vezes vale a pena oferecer isso como uma alternativa ao invés de um mandato.
Reúna o feedback do usuário, se possível, e avalie as opiniões em um aplicativo para dispositivos móveis. Tente saber o que os visitantes realmente pensam de um aplicativo para dispositivos móveis nativo e baseie suas decisões em pesquisas adicionais.