50 :: Webdesign iphone: navegação em miniatura Se antes as ciganas pediam para ler a palma da sua mão, nos dias atuais é bem capaz desse exercício de previsão ser feito pela leitura de seu dispositivo móvel. Brincadeiras à parte, o conceito de mobilidade no uso de aparatos tecnológicos representa uma série de oportunidades para as empresas, principalmente quando falamos da gradual migração da internet e a produção de ambientes interativos neste segmento. Um exemplo atual deste cenário envolve o iphone (www.apple.com/br/iphone), cobiçado smartphone criado pela Apple, que traz uma nova visão no uso destes aparelhos, através da integração de serviços como telefone, player de música e vídeo e navegação pela internet. Para se ter uma ideia do interesse do mercado brasileiro pela novidade, antes mesmo de sua comercialização no país, dados da consultoria Predicta (http://tinyurl.com/6dwxjd) apontavam que o número de conexões à internet via iphone cresceu 65%, entre os meses de março e abril de 2008, quase 1% ao dia, totalizando mais de 300 mil acessos. Após o lançamento oficial do aparelho, estudos da empresa revelavam que o iphone já representava cerca de 50% dos acessos totais à internet via mobile no Brasil.
reportagem - iphone :: 51 Diante de toda essa movimentação, as agências digitais podem aproveitar para oferecer mais um serviço para seus clientes, além da possibilidade de conquistar novos projetos. Empresas que querem mostrar que estão inovando devem adotar essa plataforma o quanto antes, pois ela é, no momento, a melhor plataforma para criar aplicativos móveis para o usuário. Mas não é para todos os sites que faz sentido ter uma versão específica para iphone. Nesse caso, o ideal seria, ao menos, pensar em como fazer a versão normal do site funcionar no iphone. Nos casos em que isso se aplica, se deve pensar em como oferecer mais serviços que só fazem sentido no contexto da mobilidade. Com isso, estamos agregando, e não simplesmente fazendo mais uma versão do que já existe, orienta Alessandro Cauduro, diretor de TI da W3Haus (www.w3haus.com.br). Certamente, o volume de acessos é um fator importante para motivar a construção de uma versão de site para iphone, mas acredito que o mais importante é o objetivo de negócio do canal. Se a sua marca (o seu produto, o seu negócio ou o que for) tem interesse no mercado de designer e publicitários, por exemplo, a construção de ações focadas em iphone são importantes, pois o produto está muito disseminado neste público e nos seus formadores de opinião, complementa Márcio Coelho, diretor-executivo do Gad Brivia (www.gadbrivia.com.br). Um projeto recente desenvolvido pela agência revela o retorno sobre tal ação. Em fevereiro de 2008, quando criamos a primeira versão para iphone do site da Westcoast (http://tinyurl.com/76rhgv), marca de calçados masculinos, sequer sabíamos quando o produto chegaria oficialmente ao Brasil e ainda tínhamos uma massa reduzida de usuários. Contudo, fizemos o movimento para ampliar a percepção do valor inovação, muito importante para a marca. As pessoas, mesmo acessando do PC, viam que a marca tinha um site para iphone e disseminavam, comentavam e acessavam por curiosidade. Tudo vai depender realmente do objetivo. De olho nas mudanças Todo esse holofote em torno do iphone trouxe consequências para quem trabalha na criação e no desenvolvimento de projetos interativos. Isso porque o profissional precisa pesquisar e compreender o que deve ser aplicado e o que deve ser descartado para oferecer produtos e serviços adequados aos seus clientes. O iphone pode ser considerado um marco no mercado de dispositivos móveis. Quando foi lançado, ele se separou claramente de todos os aparelhos existentes e revolucionou o segmento, por alguns motivos: ofereceu uma nova maneira de usar aparelho celular pelo toque da tela; a interface amigável e o design atraente fizeram com que muitas pessoas tivessem vontade de usar internet móvel pela primeira vez; gráficos e funcionalidades, como acesso via Wi-Fi, GPS, tela grande, sistema operacional e browser semelhantes ao do MacOS, permitiram a criação de aplicativos poderosos; e preço acessível, destaca Alessandro. Dentre essas mudanças, a recomendação é estudar a maneira como a navegação pela internet é feita através do aparelho. Na verdade, o pessoal da Apple se esforçou muito para que nenhuma transformação ocorresse, e para que a navegação no iphone fosse muito parecida à do desktop. Mas contra todas as expectativas começou esse movimento de sites feitos para iphone, seguindo os guidelines dos aplicativos do próprio aparelho, que possuem uma interface muito mais simples e intuitiva e com possibilidades muito interessantes usando os vários recursos que o iphone tem. Não é uma exclusividade dele a navegação por toque, mas não foi só isso que o iphone trouxe. Ele trouxe um padrão de interface muito amigável, uma facilidade de uso e recursos presentes em outros aparelhos, mas com utilizações muito mais funcionais, como o acelerômetro, que detecta a posição do aparelho e vira a tela, explica Anderson Mancini, diretor de criação da Neotix Agência Interativa (www.neotix.com.br). Segundo Márcio, apesar de ainda não podermos medir com exatidão tais transformações, devido à recente disseminação do aparelho no país, é possível apontar duas consequências diretas à navegação pela web. Os sites e as ferramentas com objetivos de negócio e orientadas para iphone precisam ter navegações mais lineares do que usamos quando acessamos à internet de outras plataformas. Não quer dizer que tenhamos um único caminho, mas caminhos mais claros. Algo como corredores. Percebemos isto claramente nas versões para iphone do itunes (http://tinyurl.com/itunes-iphone) e do YouTube (http://tinyurl.com/youtube-iphone). Além disso, a experiência de navegação pelo toque certamente é revolucionária, principalmente no zoom e rolagem da página. Isto confere maior dinâmica no consumo dos conteúdos.
52 :: Webdesign Como ficam o design e a tecnologia? A boa notícia é que os conceitos e as técnicas a serem aplicadas na criação de sites para iphones seguem praticamente o que já vem sendo utilizado na produção de projetos convencionais de web e para outros dispositivos móveis. É fundamental um bom projeto de arquitetura de informação, para que possam ser oferecidos com qualidade os conteúdos/dados/comandos que se desejam entregar ao usuário, e um bom estudo de navegabilidade. Quanto à tecnologia, o Safari (http://tinyurl.com/safari-iphone) é um navegador que vem ganhando mercado também nos computadores, então não temos nada de muito diferente. É fundamental o cumprimento dos padrões de codificação orientados pelo W3C e a consciência de algumas limitações, como a não possibilidade de desenvolvimento em tecnologia Flash, por exemplo, afirma Márcio. Ao mesmo tempo em que o iphone tem restrições (tamanho de tela, hardware limitado, não roda Flash etc.), ele agrega à mobilidade informações contextuais (como o GPS), câmera e todas as funcionalidades do aparelho que podem ser utilizadas. O desafio é criar projetos especificamente para mobilidade, e não simplesmente transcrever um projeto que foi criado para o desktop para o mobile, completa Alessandro. A novidade, como ressalta Anderson, é a possibilidade de utilizar um software específico (DashCode - http://tinyurl.com/ dashcode-iphone) para desenvolvimento de sites para iphone. Como a ideia é utilizar um padrão de navegação e de experiência de interface, usando os recursos de multitouch do aparelho, tudo fica mais simples. Criar uma página leva minutos, pois a grande maioria dos componentes existentes neste software cobre a maioria das necessidades de desenvolvimento. É claro que é necessário um trabalho de programação em cima dos componentes já fornecidos, mas o trabalho é bem menor do que criar tudo do zero. Ele permite também visualizar o site que está sendo criado dentro de um emulador de iphone para o desktop. Tudo que aparecer nele será exatamente igual no aparelho. Isso facilita porque não é necessário ficar a todo o momento com o aparelho na mão para fazer os testes e ter certeza que tudo está perfeito antes da entrega. Mas é claro que essa IDE não é a única disponível e desenvolvedores experientes podem utilizar qualquer plataforma para desenvolver e testar em um iphone. Sobre o perfil da equipe que vai atuar neste segmento, o especialista destaca que este é o tipo de projeto que vai exigir pleno domínio dos padrões web. É necessário investir em profissionais capacitados que saibam trabalhar muito bem com desenvolvimento de sites em XHTML, CSS e Webstandards. Como essas são as principais tecnologias envolvidas no desenvolvimento dos sites para iphone, um profissional que as domine vai se adaptar facilmente ao desenvolvimento no DashCode, que nada mais é do que uma IDE para desenvolvimento, como tantas outras, mas com a vantagem de ser específica para iphone. É fundamental o cumprimento dos padrões de codificação orientados pelo W3C (Márcio Coelho)
reportagem - iphone :: 53 Navegando com o iphone BBC iplayer http://myijump.com/ bbciplayer Ao lançar o serviço de videostreaming, a BBC saiu na frente oferecendo uma versão do site para iphone, permitindo assim que os usuários possam acompanhar os programas do local onde estiverem. (Alessandro Cauduro) Gmail http://m.gmail.com O Google também se antecipou e lançou logo uma versão para iphone do seu webmail. A interface adaptada para o tamanho da tela, e usando o touchscreen, permite acessar os e-mails facilmente com muitas das funcionalidades da versão tradicional. (Alessandro Cauduro) Everton Rosa www.evertonrosa.com.br/ iphone/ Lançamos a sua primeira versão em dezembro de 2008, para fortalecer a presença da marca no meio digital, onde é possível acessar o trabalho realizado pelo fotógrafo. (Márcio Coelho) Globo.com http://m.globo.com Acho que o modelo de carregamento das páginas tem destaque, mesmo que o site ainda apresente alguns problemas na navegação cruzada. (Márcio Coelho) Facebook http://iphone.facebook.com Além de ser super fácil de utilizar, ele tem uma interface muito amigável, tanto que uso ele muito mais no iphone que no desktop. (Anderson Mancini) Orkut http://m.orkut.com Sua interface no iphone deveria ser utilizada na versão desktop, pois é muito melhor e mais intuitiva. (Anderson Mancini)
54 :: Webdesign Sol, praia e experiência digital Céu azul, pleno verão, praia, clube, férias, mais um carnaval prestes a chegar... Nesta época do ano, esses conceitos permeiam o lançamento de novas estratégias de comunicação, principalmente de marcas que trabalham com produtos voltados para o cliente com este perfil de consumo. Um exemplo está presente nas ações on-line da Avon, uma das maiores empresas do ramo de cosméticos e produtos de beleza. A última novidade envolve o hotsite da linha Avon Sun (www.avonsun.com.br), produzido pela Mkt Virtual (www.mktvirtual.com.br). Conversamos com alguns dos profissionais envolvidos neste projeto, Niva Silva (planejamento), Rodrigo Moyle (programador) e Fabio Paes (flasher), que nos revelam como foram aplicados conceitos e técnicas como SEO, jquery, API, entre outros. Wd :: A Avon tem lançado uma série de hotsites envolvendo alguns dos produtos de sua linha de cosméticos. Em 2008, a Mkt Virtual ficou responsável por boa parte destes projetos. Como surgiu esse relacionamento? Mkt :: Todos os projetos foram conquistados pela Mkt Virtual em processos rigoroso de concorrência com outras agências e produtoras web. Um dos principais motivos de encantamento da Avon pelo nosso trabalho é o alto impacto visual de nossos sites. A Avon conta com um departamento interno de criação, focado basicamente na comunicação visual do folheto impresso, que é a grande estrela da marca. Todos os sites devem acompanhar esta identidade visual, porém com a singularidade do design para internet, onde entra o know-how da Mkt Virtual. Mas, em todos os casos, o fator decisivo foi a capacidade de, além disso, oferecer soluções criativas para o projeto de comunicação on-line como um todo, propondo novas formas de relacionamento com o público, sempre com compromisso com o resultado. E claro, a proposta comercial ser coerente na relação custo/ benefício dos projetos. Wd :: Um dos últimos lançamentos é o hotsite da Avon Sun, que envolve a linha de proteção solar. Ao longo do tempo, o cuidado com os detalhes tem sido um dos diferenciais nos projetos da Mkt. De que maneira vocês procuram equilibrar o processo de criação para que esses detalhes não se tornem um excesso na interface e sejam funcionais? Mkt :: Gostamos de tratar os sites com carinho, dando o melhor de cada um de nós na criação e desenvolvimento deles. Dedicar nosso tempo a criar esse tipo de detalhe é essencial para conquistar um efeito que surpreenda o público. Essa surpresa torna a experiência no site mais envolvente e marcante, o que é sempre bom para a marca do cliente. Para não extrapolar nas brincadeiras, procuramos sempre ter em mente que o projeto tem prioridades. Se um desses detalhes impedir ou atrapalhar o