O guia do web designer para o iPad
NotíciaEmbora ainda deva ser visto se o sucesso inicial do iPad no mercado pode ser mantido, é possível que o dispositivo tenha o potencial de ser um divisor de águas na computação e, por extensão, navegar na Web e projetar para ele..
Andy Hume, desenvolvedor web do Clearleft, vê o lançamento do iPad como "um passo significativo no avanço da computação de consumo, bloqueando as complexidades de um sistema operacional poderoso sob uma interface simplificada e polida".
O especialista em web design Christopher Schmitt concorda, descrevendo-o como "uma ótima ferramenta para pessoas que experimentam o período da Web" e acrescentando que ele gosta de estar "em uma indústria onde podemos ter nossos designs baseados em padrões neste tipo de dispositivo - totalmente portátil". , com um grande ecrã táctil e uma autonomia de 10 horas ". Schmitt então brinca: "Seu laptop pode fazer isso?" E a resposta é não".
A coisa é, o iPad também é mais do que apenas um iPod touch gigante. "É o contrário - o iPod touch é um iPad pequeno e apertado", argumenta o pioneiro do web design Jon Bains. Este par de opiniões deve desencadear sua primeira preocupação em relação ao design para o iPad - se é realmente diferente de tudo que veio antes, como você deve abordar a criação de sites para ele??
Damian Proctor, chefe de design da Redweb, acredita que grande parte do desafio está em território não comprovado. "Não temos nenhuma evidência ainda se a sabedoria convencional a respeito do design da Web para desktop se aplica", ele diz, "ou se os designers devem se inspirar em insights fornecidos por projetos móveis". Ele prevê que um novo híbrido surgirá, combinando aspectos do design de desktops e dispositivos móveis..
Tela brilhante
Parte do problema é o próprio dispositivo. Bobby Ghoshal, co-fundador da Buckowl, aponta que a tela do iPad é tão brilhante que o uso a longo prazo pode cansar os usuários. "Os designers devem considerar o contraste de cores", ele sugere, "talvez usando cinzas leves em vez de brancos e cinzas escuros em vez de pretos completos".
O diretor de design da News Corp, D. Keith Robinson, acrescenta que a densidade de pixels do dispositivo, combinada com as dimensões da tela "entre o desktop e o celular", pode significar que nem os sites downscaling nem os sites mobile são ideais.
CONSTRUÍDO POR VELOCIDADE: O site otimizado para iPad da Nike é mais limpo, mais elegante e mais rápido do que seu equivalente na área de trabalho
Mais importante, porém, o iPad é um grande dispositivo touchscreen. "Isso significa que a diferença de longo prazo mais fundamental para as pessoas que trabalham na web é a transição do mouse para o dedo", diz Hume - que acredita que o Safari para iPad faz um trabalho decente ao entregar páginas que não foram criadas com toque em mente.
"As pessoas não gastam muito tempo pensando sobre isso", diz ele. "Mas há muita complexidade na renderização de uma interface que define recursos de hover e mouse-in / mouse-out em um dispositivo que não possui mecanismo de apontamento!"
Raluca Budiu, especialista em experiência do usuário do Nielsen Norman Group, acha que tais problemas, decorrentes de convenções de web design de longo prazo, potencialmente acabam com o iPad do ponto de vista de usabilidade básica. "Sites completos geram assimetria de leitura e toque - o tamanho da fonte pode ser grande o suficiente para permitir a leitura confortável, mas não a seleção precisa do link", diz ela..
Budiu também questiona inconsistências gestuais através do dispositivo - por exemplo, um zoom aproxima mapas mas aumenta o tamanho de fontes em outros lugares - mas admite que navegar "está mais perto de usar um desktop do que um iPhone", uma experiência que "pode definitivamente ser melhorada, mas não muito ruim para começar ".
Conformidade de padrões
Apesar de não convencional em termos de interface, o iPad é um bom cidadão quando se trata de padrões web. "O Safari para iPad é um dos navegadores mais avançados e compatíveis com os padrões", afirma Hume. Ele também argumenta que a falta de suporte ao Flash não atrapalha o dispositivo, embora ele esteja desapontado com o fato de o navegador do iPad se sair mal com relação à incorporação de fontes..
"O Safari para iPad suporta apenas renderização de SVG", ressalta. "Espero que isso melhore em versões posteriores, porque a incorporação de fontes está se tornando uma tecnologia de alto nível para web designers".
Outro benefício do iPad é que o WebKit é seu único mecanismo de navegação. "Isso deve agradar aos designers", diz Tom Kershaw, diretor sênior de arte da Beam, "já que você sempre sabe exatamente para o que está projetando e, assim como o Flash, não precisa se preocupar com a aparência do seu design". Embora isso não signifique que você deva parar de projetar para outros sistemas, isso significa que você pode se concentrar mais ao criar um site específico para iPad. "
O forte suporte do iPad para os padrões da web também pode beneficiar os projetistas de outra forma quando o iPhone OS 4 chegar no final deste ano - a plataforma iAd da Apple é baseada em HTML5, oferecendo oportunidades para qualquer pessoa versada na tecnologia..
Revelado por Jobs no evento de pré-visualização do iPhone OS 4 em abril, o iAd tem como objetivo fornecer publicidade móvel no aplicativo rich-media que, de acordo com a Apple, combina a emoção da TV com a interatividade da web. "Eu vi desenvolvedores de iPhone fazerem testes incríveis de anúncios em HTML5", diz Ghoshal, apesar de ver essas demos tendo uma importância mais ampla..
ADICIONANDO ANÚNCIOS: Embora não seja específico do iPad, o sistema iAd baseado em HTML5 pode oferecer oportunidades para web designers
"Estou otimista com a perspectiva de interatividade no HTML5, mesmo que as demonstrações como a Toy Story 3 carrossel Jobs mostrou que teria sido mais fácil de fazer no Flash. A oportunidade não está necessariamente no design, mas em fazer essa interatividade existir com os padrões da internet que foram testados e experimentados - e sem o uso de plug-ins. "
De volta ao navegador, os designers não estão unidos em relação à otimização para o iPad. "Não vejo a necessidade, a menos que os donos de iPads sejam o seu público principal - embora eu possa garantir que se você fizer algo com bom aspecto no iPad, ainda assim ficará bem em um desktop", argumenta Bains..
Proctor oferece um ponto de vista ligeiramente diferente. "Projetar especificamente para o iPad significa que os usuários não são deixados no colo dos deuses." Remover a necessidade de aplicar zoom para ler o texto ou garantir que o link correto seja inserido remove outra barreira entre o usuário e o conteúdo.
"Você não quer que os usuários ajustem conscientemente o comportamento de exibição porque o conteúdo não chega formatado para fácil consumo." Ao trabalhar em projetos, a natureza da interface do iPad inevitavelmente informará seu trabalho.
"Ao usar um dedo e touchscreen, você perde o estado de foco", diz Proctor. "A lei de Fitts e o conceito de 'mouse' também precisam de nova consideração. Os usuários serão tão precisos com o dedo quanto o cursor do mouse? Um dedo não para de mover quando passa pela borda da tela, tendo links importantes em a borda da página pode não ajudar na colocação de tais elementos de fácil acesso. "
Ghoshal acha que vale a pena pensar em como as pessoas seguram o dispositivo. "Eu recomendo projetar qualquer aplicativo para iPad ou site para ser navegável com seus polegares", diz ele. "Na minha experiência, a digitação e outras ações que fornecem controle são mais acionáveis quando meus polegares têm acesso total aos botões."
Em última análise, porém, a maioria dos estilos de design e layout vai chegar a partir do tipo de experiência que o designer quer entregar, diz Ghoshal, que reflete muitos em considerar os melhores sites de iPad para ser aqueles que se assemelham a revistas de alta qualidade.
"Imagens grandes, texto bonito, manchetes 'digitalizáveis' - tudo isso contribui para o tipo de experiência que mantém minha atenção", diz ele. "Eu irei, no entanto, advertir contra sites com texto pesado em um fundo branco. A tela do iPad retroiluminado não está ganhando nenhum ponto para o consumo textual de longo prazo. Faça um favor a seus usuários e misture fotos e vídeos para ganhar menos experiência extenuante ".