Manter-se conectado está virando uma necessidade básica na vida de muitos usuários. Seja pelos computadores, tablets ou celulares, o importante é estar conectado. Segundo uma pesquisa do Google, atualmente 20% da população acessa a Internet pelo celular, o que dá em torno de 1 bilhão de pessoas conectadas. Desses 1 bilhão de pessoas, 43% afirmou acessar as redes sociais diariamente.
Tendo em vista esses dados, podemos perceber que investir numa boa interface mobile é algo muito vantajoso. Foi pensando dessa forma que o Twitter redesenhou sua versão mobile do zero, com tudo novo, facilitando a vida de muitos usuários.
Abaixo há uma imagem mostrando a significativa diferença entre a versão anterior e a versão 2012 do Twitter para mobile.
Como você pode perceber, a parte superior segue o mesmo design do layout lançado em dezembro pelo Twitter: barra preta, ícones em cinza e hover em azul. A maneira como o usuário escreve o tweet deixa de ser explícita e passa a ser da mesma forma como no site, bem como a exibição limpa e organizada dos tweets, que talvez foi a mudança mais significativa da nova versão.
Segundo o próprio Twitter, eles tiveram 9 semanas para criar o protótipo, desenvolver, testar e calibrar essa nova versão para o dia do lançamento. Além disso, eles tiveram que lidar com os diversos desafios listados abaixo:
- suportar mais de 13 navegadores diferentes em milhares de aparelhos diferentes, cada um com suas idiossincrasias próprias de renderização
- acomodar os métodos de entrada com requisitos diferentes
- construção de layouts com as normas pre-CSS3/HTML5
- otimizar para navegadores com javascript desligado
- escalar graciosamente de resoluções tão pequenas como 240 por 240 pixels todo o caminho até os pontos de vista panorâmicos sobre a área de trabalho
- minimizar os tamanhos de página para redes mais lentas
- olhar e sentir como se estivesse no Twitter, mesmo sem imagens
- preparar um caminho consistente e característico para os usuários do twitter.com e outros usuários
Os designers do Twitter coletaram diversos dados sobre como os usuários interagiam para só depois iniciar os desenhos das telas. Abaixo você pode ver alguns esboços da navegação, do fluxo de interação de tweets, pesquisas e a forma como se escreve mensagens diretas.
O próximo passo foi a criação de wireframes em HTML/CSS para ver como a interface ficaria nos dispositivos móveis. Segundo Coleen Baik – designer que falou em nome da equipe no post oficial – isso ajudou a definir um ponto de partida para o trabalho de front-end.
Para os designers, um dos maiores desafios foi manter a fidelidade da exibição e do comportamento dos tweets em uma resolução tão baixa, na qual precisa acomodar toques, ponteiros e outras funções.
Foram testadas pelo menos três versões antes de uma decisão final ser tomada. Após isso, foram feitas todas as outras funcionalidades, como os erros, as notificações, a visualização do perfil dos seguidores, enfim, todos o resto. Depois de mais de dois meses de trabalho, a versão estava 100% pronta e lançada.
Agora você tem a oportunidade de desfrutar de todas as melhorias da nova versão do Twitter direto do seu aparelho móvel. Mas cuidado para não fazer disso uma necessidade básica.
E aí, o que você achou do redesign?
Fonte:
Twitter Blog
Mobile Pedia
