Foi num domingo depois do WordCamp em 2011 que nós os três nos sentámos para tomar o pequeno-almoço.
A sala de jantar do hotel Parc 55 estava calma e sonolenta, mas a conversa durante o café e os ovos era tudo menos isso.
À medida que a luz do sol entrava pelas grandes janelas panorâmicas, era como se estivéssemos a receber uma revelação que iria pôr em marcha uma das mais ambiciosas mudanças na filosofia do StudioPress desde o Genesis Framework para WordPress foi concebido e criado.
Foi o início do movimento para transformar todos os nossos temas em responder aos dispositivos móveis.
(Pode inserir aqui a banda sonora inspiradora da sua escolha, se quiser).
OK, eu percebo que sentado aqui em 2013, isso pode não parecer grande coisa.
O design responsivo para dispositivos móveis deixou de ser uma ideia e passou a ser uma filosofia e um processo que praticamente todos os programadores web sérios adoptaram.
Mas em agosto de 2011, a ideia de criar um único sítio Web que se adaptasse automaticamente a todos os dispositivos ainda estava a dar os primeiros passos. Na verdade, o modelo de design responsivo para dispositivos móveis – BostonGlobe.com – nem sequer tinha sido divulgado ao público.
Foi uma jogada arriscada dedicar uma grande quantidade de recursos e energia a algo que poderia ter sido uma moda passageira.
O novo normal
Mas é claro que não passou e não foi uma moda passageira. O design responsivo para dispositivos móveis continua a avançar mais forte do que nunca.
De facto, a Mashable chamou a 2013 “O ano do Web Design Responsivo.”
No entanto, apesar de todos os seus elogios – e apesar do apoio de pesos pesados da indústria – há quem continue a não estar convencido de que o design responsivo móvel é o caminho a seguir. Estas pessoas defendem que o seu sítio Web deve ter uma presença móvel completamente separada.
Eu penso de forma diferente. Quero que acredite no design responsivo para telemóveis. Quero que o aceite como a Internet o aceitou gatos engraçados. Quero apresentar-lhe três razões pelas quais deve escolher um design de sítio web móvel responsivo em vez de um sítio móvel separado.
1. O design responsivo para telemóveis é melhor para SEO
Os escritores e programadores Web sabem que, quando o Google sugere um determinado curso de ação, é normalmente uma boa ideia segui-lo se estiver interessado nas classificações de pesquisa.
Numa tentativa de esclarecer os programadores Web, o Google disse especificamente que o design responsivo “é a configuração recomendada pelo Google”. Não tenho a certeza de que outros argumentos tenho de apresentar nesta altura, mas para os teimosos vamos continuar.
Se utilizar um design responsivo, terá mais valor nos seus back-links.
Já houve várias vezes em que quis partilhar um link do meu telemóvel, mas ao copiar e colar esse link num e-mail, no Twitter ou no Facebook, o link copiado é o link para o telemóvel site. Todas as pessoas que clicarem nesta hiperligação num browser de tamanho normal serão levadas para o site para telemóvel e, se não forem redireccionadas, serão confrontadas com um conteúdo que tem um aspeto horrível e não está optimizado para o ecrã.
Ninguém quer ver um site para telemóvel no seu ambiente de trabalho, por isso, salta. Se conceber o seu site responsivamente, todos que é partilhado é um link para o seu site completo e sítio móvel. Não existe qualquer confusão ou cruzamento entre os dois.
… um único URL para o conteúdo ajuda os algoritmos do Google a atribuir as propriedades de indexação ao conteúdo.
Para um site móvel (na verdade, para todos os sites), SEO e experiência do utilizador são irmãos de sangue. Se o seu site for desagradável de utilizar e o utilizador não conseguir encontrar o que procura, sairá rapidamente.
Isto faz com que a sua taxa de rejeição aumente, o que diz ao Google que o seu site provavelmente não tem o que essa pessoa estava à procura. Parabéns, você acabou de ser derrubado no ranking para o termo que o utilizador pesquisou.
Isto pode ser evitado se tiver um site móvel com um ótimo aspeto e funciona extremamente bem … e tem todos o conteúdo da versão do seu browser em tamanho real.
Por tudo o que é bom e correto, não utilize um plugin que “converta” o seu sítio para um sítio móvel. Houve um tempo e um lugar para isso, mas esse tempo já passou. Há poucas coisas neste mundo mais feias e chocantes do que visitar um site no meu telemóvel e ser redireccionado para a versão móvel.
Por último, todos sabemos que o tempo de carregamento é um fator que influencia a classificação dos sites no Google. Quando o seu site tem de redirecionar para um url móvel, isso aumenta o tempo de carregamento. Um sítio responsivo não tem esse redireccionamento.
2. O design responsivo móvel é mais fácil de manter
Para os sítios que criam muito conteúdo, pode ser uma verdadeira dor de cabeça garantir que todo ele é transferido corretamente para múltiplos propriedades da web.
Em última análise, você tem de gastar mais tempo, ou está a pagar a outra pessoa para gastar tempo a copiar e formatar o conteúdo para vários locais. Se o seu site for concebido de forma reactiva, quando acabar de criar conteúdo, está acabado.
Com um design responsivo, o seu sítio também está preparado para o futuro. Muitos sites apenas para telemóveis têm de ser constantemente ajustados quando um novo dispositivo popular chega ao mercado. O design responsivo para dispositivos móveis garante que o seu site será optimizado… independentemente do tamanho do ecrã do dispositivo.
3. O design responsivo para dispositivos móveis proporciona uma melhor experiência de leitura
Há quem argumente que isto está completamente errado, mas se desenvolver com um filosofia mobile first, o seu argumento vai por água abaixo.
Alguns produtores de conteúdos pensam que devem fazer a curadoria de conteúdos por dispositivo, publicando apenas os conteúdos que consideram apelativos para os utilizadores móveis ou removendo os conteúdos que não são suficientemente “importantes” para os dispositivos móveis. Isto é um erro.
Brad Frost, uma das principais vozes do movimento de resposta móvel, afirma:
Os utilizadores de telemóveis fazem qualquer coisa & tudo o que os utilizadores de computadores de secretária fazem, desde que seja apresentado de uma forma utilizável. Assumir que as pessoas que utilizam telemóveis “não fazem isso” é uma proposta perdedora. Não penalize os utilizadores com conteúdos & funcionalidades em falta só porque estão num ecrã inteiro.
Para ser justo, há uma coisa que os sites para telemóvel têm que os sites responsivos não têm… o link “ver site completo”.
A razão pela qual este link existe é devido aos problemas inerentes a um site móvel. Os utilizadores querem todo o conteúdo, apresentado de uma forma que seja acessível.
A realidade da situação …
Se não está a conceber e a desenvolver todo o seu site a pensar nos utilizadores móveis, não importa se utiliza um design responsivo ou se tem um site móvel separado.
Os dados mostram consistentemente que que os dispositivos móveis, a utilização móvel e as compras móveis continuam a aumentar a um ritmo enorme. Estes dados também sugerem que esta tendência não irá abrandar no futuro, mas apenas aumentar de velocidade.
Para ter êxito na Web, deve iniciar o seu processo com uma filosofia que coloca o telemóvel em primeiro lugar.
Design responsivo para telemóveis é então o resultado natural deste processo.