Nesses 2 meses de estudo, empirismo, pesquisa e reflexão me inscrevi no curso de Arquitetura da informação no instituto Faber-ludens e fui a 5º Edição da Campus Party Brasil. Nessa edição da Campus, tive contato com: Edu Agni especialista em design de interação que já vinha acompanhando, Gonçalo Ferraz do instituto Faber-Ludens, Augusto de Franco Pesquisador da área móvel e interatividade, pessoal do Estúdio PopUp Design, Agência Loduca, Daniel Rocha Gerente de Ecossistema e Serviços da Nokia Brasil, equipe da agência mobie Follow The Queen e muitas outras pessoas, algumas de outras áreas, mas que falaram de coisas relacionadas a interface, mobilidade ou ainda usabilidade.

Essa contato / experiência mostrou (para minha felicidade) que estou no caminho certo, e me empolgou ainda mais. Neste post, além de falar um pouco dessa minha experiência durante estes dois meses, vou contar um pouco como foram as palestras e debates por lá, dignas de muito café e interatividade, abrindo a temporada 2012 de post’s com uma nova safra, renovada!

Relação Homem x Tecnologia

No debate com o pesquisador da área móvel, Augusto de Franco, pude confirmar que a tecnologia existe para suprir nossas demandas, e que a evolução dela ocorre devido a reestruturação da sociedade, novas demandas, novas necessidades que precisam ser atendidas. A tecnologia se moldou para ser interativa no intuito de suprir essa nova organização, sendo apenas uma ferramenta para aproximar, facilitar, distribuir e atender essas novas necessidades. Resumindo, não é a tecnologia que dita o comportamento humano, e sim o comportamento humano que dita como a tecnologia deve se comportar, se adequar.

Smartphones, tablets, notebooks, computação em nuvem são apenas estruturas, canais que facilitam a relação inter-pessoal.

Interfaces

Unanimidade: as interfaces tendem a se tornarem cada vez mais invisíveis, com a finalidade de diminuir o ruído, permitindo a imersão (lembram dela?) do usuário de uma forma mais plena. O kinect, por mais que ainda possa parecer um instrumento de entretenimento, é muito mais e começa a ser estudado para esse direcionamento. Gonçalo Ferraz, disse ainda que a computação em nuvem estará cada vez mais presente em nosso cotidiano, tudo vai se conectar, reforçando o que o Augusto de Franco tinha dito em um debate anterior: “A Sociedade é em rede”.

Daniel Rocha, da Nokia, explicou um pouco do conceito por trás da interface “Metro” do Windows phone 7, que reflete o que falamos acima, através de um design centrado no usuário e inspirado em placas de sinalização de metrôs, pontos de táxi e ônibus, busca ser minimalista o suficiente para que o usuário se preocupe em realizar suas atividades e não em utilizar o aparelho.

Ocorreram palestras que afirmaram que a internet estará integrada as coisas, até o físico Michiu Kaku, disse que a tecnologia será uma força onipresente, ela estará presentes principalmente em óculos ou lentes de contato.O bacana é que essa tendência pode ser percebida por pessoas de áreas de atuação diferentes, isso foi muito empolgante.

Edu Agni, por outro lado, realizou uma grande palestra sobre Design Emocional, utilizando diferentes referências (sim Donaldo Norman estava entre elas). Este conceito pode ser facilmente aplicado para melhorar a experiência do usuário e gerando um sentimento que vai além da facilidade de uso, mas traga um retorno que ele levará consigo por um bom tempo.

Inovação

Uma feira de tecnologia sem inovação não pode né? Dentre as que eu achei mais interessante, foi ficar sabendo da existência de um protótipo funcional de um aparelho Nokia com tela flexível, segundo Daniel Rocha, o mercado ainda não esta pronto para esse tipo de produto, mas em breve ele será exibido no Brasil. Acho que isso revela uma tendência muito forte, ao menos para os aparelhos pessoais, que em minha opinião antes de se tornarem ferramentas mais “invisíveis” irão passar por um processo de encolhimento da tela e serão mais fáceis de serem carregados e utilizados durante o dia a dia, as telas flexíveis refletem essa necessidade.

Telas pequenas → Telas Grandes → Telas Maiores Ainda → Telas Menores/Flexíveis → Invisíveis

 Senti um pouco de falta, de informações sobre os novos navegadores, o Firefox 10 esta com umas novas ferramentas muito interessantes, como por exemplo, a visualização 3D e em camadas de todas as páginas do site. Eles estão buscando cada vez mais se aproximar dos outros navegadores com a finalidade de diminuir a diferença entre eles.

Os navegadores dos dispositivos móveis, além de gerar um custo muito maior tem essas diferenças ressaltadas, o que vem dificultando o desenvolvimento de soluções web mobile. Talvez com um amadurecimento maior das Medias Queries isso possa ser solucionado, ou ao menos melhorado.

Coisas Legais

A palestra com o responsável pela digamos assim, criação do Angry Birds, Julien Fourgeaud foi algo bem legal de se ver, bem como a conversa que envolvia “O Bairrista”, que foi bem legal. Fora isso, tinha por lá vários simuladores, stands para #gamers e vários gabinetes bem diferentes, dos quais eu me lembro mais do Iron Men, Coringa e Poderoso Chefão.

Conclusão

2012 promete ser um ano repleto de novidades, competitividade de mercado e inovações, as tendências estão se tornando cada vez mais fortes saindo de um plano conceitual para um outro de prototipagem, e nós, como designers de interfaces, interação devemos acompanhar e estudar essas mudanças na forma de comportamento entre as pessoas, entender como a sociedade em rede funciona, interage, compartilha e distribui e ainda entender como isso se reflete nas tecnologias.

Este post visa trazer um pouco dessa minha experiência no curso e algumas doses de inspiração. Os vídeos abaixo, independente de quando tenham sido feitos, vão te ajudar a ampliar a visão sobre o Design de Interação. Um deles do Don Norman fala, em uma tradução literal, o seguinte: “Não esqueçam de criar design para as pessoas”. E esse é a essência do nosso trabalho.

Os vídeos estão em inglês, mas a qualidade tá bem bacana, servidos?

Bill Verplank: Interaction Design

Don Norman: Emotional Design

Don Norman: Thoughtful Design

Round Table With Don Norman and Bill Verplank

Ao longo dos últimos aproximadamente três anos, a microsoft vem se re-inventando e oferecendo soluções diferenciadas para produtos já existentes, e isso é ótimo, porque oferece a possibilidade de escolha entre formas de interações que melhor se enquadrem no perfil de um usuário em específico. Pegando como exemplo, os líderes de mercado Iphone e Android que oferecem formas de interação muito similares, não por acaso que existe uma guerra de patentes entre Apple e Samsung, quem já teve oportunidade de mexer em ambos aparelhos sabe o que estou falando.

A Microsoft tem capacidade para se tornar uma líder em tecnologia num futuro próximo, com produtos inovadores oferecendo uma experiência do usuário diferenciada. Veja abaixo alguns produtos que podem se desenvolver e garantir algumas inovações, que vão muito além do Touchscreen:

Microsoft Surface:
Microsfot Surface é um tablet voltado para diversas finalidades comerciais e de entrenenimento, imagine você entrar em um restaurante e colocar seu cartão de crédito em cima de uma tela e poder arrastar os itens consumidos para ele? Demais né?

Kinect:
O Kinect é mais conhecido permitindo que se jogue no xbox apenas com o movimento do corpo, e vem sendo utilizado em diversos experimentos que vão render algumas interações bem bacanas daqui algum tempo.

Tela Touch Auto limpante:
Quem nunca se irritou após utilizar o touchscreen do seu aparelho ver as marcas de dedo na tela? Esta patente da microsoft promete acabar com isso.

Windows Phone 7:
O Windows Phone 7 já presente em aparelhos da HTC e Nokia, oferecem uma forma diferente de interação em comparação ao iphone e ao Android. A distribuição dos elementos é baseado num grid que exibe as funcionalidades de forma muito mais elegante e imagética, permitindo certa customização do que queremos ver e como queremos ver.

Windows 8 (Tablet):
Segue o mesmo conceito do windows phone, oferecendo uma forma de interação baseada em grids.

Holodesk:
Holodesk pode ser considerado uma evolução da realidade aumentada, com ajuda do Kinect você pode interagir com elementos virtuais, ou seja, você consegue tocar, puxar, jogar, empurrar projeções holográficas. Divertido né? Consigo imaginar muitas formas de utilizar isso de forma comercial ou para games.

Omni Touch:
Por último o Omni Touch, é um projeto que visa portar um celular, um tablet ou qualquer outro tipo de interação para qualquer superficie de forma que você consiga visualizar e interagir com as projeções.

Conclusão:
Para aqueles que acharam que a Microsoft estava morta, que o Windows Phone 7 seria um fracasso e que ela não seria capaz de inovar em qualquer sentido, acho que esses projetos mostram que a Microsoft é uma empresa que passou a somar no mercado, oferecendo experiências diferenciadas e capazes de se desenvolver em novas formas de interação num futuro bem próximo.  Isso significa variedade, possibilidade de escolha e novas formas de interação, o que para mim é ótimo!

Mais alguns vídeos do Microsoft Surface:

Já se imaginou jogar RPG assim:

Microsoft Surface 2 (2011):

A ideia de escrever esse post surgiu a partir do momento em que eu, um usuário já cadastrado, comecei a ter dificuldades de acessar a minha conta e assim conseguir efetuar novas compras (com mais facilidade), acompanhar pedidos ou até mesmo entrar em contato para relatar alguma dificuldade qualquer.

Um e-commerce tem como essência ser uma forma fácil e prática de realizar compras, através dele podemos adquirir produtos que não encontramos em lojas físicas, com preços e condições de pagamento mais acessíveis (muitas vezes), além de conseguirmos visualizar uma quantidade maior de produtos e termos a comodidade de recebê-los em mãos, sem a necessidade de um deslocamento. Essa praticidade deve estar refletida e representada na interface do site, pois se o usuário tem dificuldades em encontrar o produto desejado ou para finalizar a compra, ele certamente vai desistir dela.

Quanto tempo você levar para encontrar o “Login” no site da Saraiva?
Foi o desafio que lancei no Facebook, e nenhuma das 8 pessoas que participaram tiveram facilidade para encontrar devido a questão de rotulagem (Título dado a funcionalidade). Um usuário levar 10-15 segundos para encontrar, ou ter que clicar em outras áreas para tentar alcançar a funcionalidade desejada, significa que algo precisa ser melhorado, pois interfaces são voltadas para os usuários e devem receber constantes melhorias para que eles consigam ter a melhor experiência possível.

Análise da Interface: Rotulagem

O primeiro problema identificado foi o de rotulagem, tanto para usuários já cadastrados, como para novos usuários. Devemos levar em consideração que temos que aproximar a linguagem utilizada, de acordo com a experiência dos usuários.

1-Usuários já cadastrados:
“Olá visitante, clique aqui para identificar-se”, essa frase além de ser longa não se diferencia nem um pouco do restante das informações agrupadas por proximidade. Se já sou um usuário cadastrado, e quero realizar meu login, quer dizer que não sou um visitante, sou o usuário “X”. A palavra Login é algo já estabelecido e que permite uma associação muito mais rápida.

2-Novos Usuários:
“Meu Cadastro”, passa a ideia de que eu já sou um usuário registrado e quero visualizar meu dados, a palavra “Registre-se” ou ainda “Cadastre-se” poderiam ser utilizadas tornando muito mais eficiente a captação de novos usuários cadastrados.

3-Meus pedidos:
“Meus Pedidos”, esta funcionalidade permite o usuário já cadastrado e logado, visualizar pedidos que estão em processo de separação, entrega e etc…Por tanto é uma funcionalidade voltada para esses clientes. Para novos usuários, não faz sentido exibir isso, “Meu pedidos? Mas eu nunca comprei nada aqui”.

4-Meu Carrinho:
Esta seção armazena os produtos desejados, você pode inserir vários produtos antes de finalizar a compra, mas ele não mostra, enquanto você navega pelas seções, quantos produtos você já inseriu nele.

Análise da Interface: Proximidade

Já estamos habituados a encontrar as funcionalidades de Login e Cadastro próximos uns dos outros, neste caso da Saraiva eles foram colocados sim no mesmo grupo de funcionalidades, mas em lados opostos, uma na parte superior esquerdo do grupo e outro no lado direito inferior. Além disso, reforço o que disse anteriormente, deveria ter uma distinção visual entre essas funcionalidades.

Análise da Interface: Facilidade & Consistência

Os elementos 1, 2 e 3 (quando você ainda não conseguiu se logar) levam para a mesma seção. Aqui vejo como uma solução simples, fazer o que o Twitter faz hoje, o login é realizado na mesma tela de acesso por uma aba que abre em estilo “Drop Down Menu”, não é necessário fazer um usuário que já passou por um formulário ter que viajar entre as seções para conseguir alcançar o seu objetivo, com isso você acaba aumentando a chance de ele cometer um erro e ter sua experiência do usuário abalada.

Conclusão
As falhas encontradas nessa área do site da Saraiva, são falhas básicas e simples, mas que podem comprometer uma boa experiência, devemos focar nos usuários finais e replicar a politica de bom atendimento, de agilidade também na interface. Os pontos que descrevi acima, não comprometem a utilização do site, mas sim, dificultam sua utilização e podem fazer com que usuários menos pacientes não estejam dispostos a exercer tanto esforço para realizar uma compra. Os detalhes por mais simples que sejam, podem se tornar grandes diferenciais levando em consideração que lidamos com usuários cada vez mais capazes e exigentes.

Considerações:
-Agradecimentos a todos que contribuiram no Facebook.
-Uma boa referência de leitura para tópicos apontandos nesse post, é o livro “Não me Faça Pensar”, do autor Steve Krug.

Steve Jobs era uma mente visionária que conseguia enxergar sempre a frente, e por isso conseguiu identificar necessidades que vinham se tornando cada vez mais fortes e complexas entre nós: a necessidade de Interagir e Compartilhar. O iPhone é um produto desenvolvido para atender a essas necessidades, é um marco nessa transição da forma como interagimos, compartilhamos e usamos tecnologia, mas seria errado dizer que ele originou tudo isso.

Essas necessidades não vieram a partir de um dispositivo, e sim o contrário, os usuários se tornaram naturalmente mais exigentes não somente com a tecnologia, mas no cotidiano em geral.

Por exemplo, os modelos antigos de negócio, nos quais os usuários deveriam ir atrás dos produtos que lhes eram disponibilizados evoluíram para um novo modelo onde os usuários tem um poder de escolha e influência na escolha de outros muito maior, ou seja, os produtos não devem apenas estar disponíveis, devem persuadir os seus clientes, permitir que eles falem, opinem, critiquem e compartilhem.

As marcas tornaram-se alvo de desejo não só pelo que o produto final em si oferece, mas também por tudo aquilo que ele traz agregado, como por exemplo, quais pessoas estão consumindo (e o que elas falam), como ele trata seus consumidores, quais conteúdos de interesse ele tem para oferecer e etc…

O Twitter foi lançado em 2006 e também é fruto dessa necessidade expansiva de interação, no ano seguinte (2007) o primeiro iPhone foi lançado e com isso a introdução de uma tecnologia previamente utilizada, mas não tão acessível: Touchscreen.

O Touchscreen rapidamente dominou o mercado de smartphones, tablets e aos poucos começa a migrar para TV’s e Computadores Desktop tornando a experiência do usuário algo muito mais imersivo, palpável e interativo permitindo um ganho muito grande na experiência do usuário final.

Por tanto seria uma grande injustiça lembrar do Steve Jobs como a mente a frente de um smartphone (iPhone), ele conseguiu traduzir em uma ferramenta as necessidades cotidianas de todos nós, usuários, facilitando e possibilitando novas formas de interação e desenvolvimento, além é claro de fomentar um mercado faminto por novas tecnologias e escolhas.

É com muito café, alegria e interatividade que venho comemorar neste post, o 1º Aniversário do “Café Interativo”, atingindo objetivos acima das minhas metas inciais, o que foi surpreendentemente muito bom (Sim, adoro os gráficos de acesso).

Ver pessoas comentando que o blog trata de assuntos tão complexos de maneira fácil e simples, foi muito bom (Oras, um blog sobre este assunto tem que oferecer uma boa experiência né?).

O objetivo sempre foi o de despertar o interesse das pessoas por Usabilidade, Design de Interfaces e Arquitetura da Informação (Pra mim, essas três não vivem se não for em conjunto) levantando discussões e debates sobre esta área que cada dia exige mais e mais estudos, mas cuidado, ela vicia .

Outra coisa muito boa de se ver, foi o suporte e o interesse das pessoas que conheço pelo tema e pelo blog. Então um rápido agradecimento a minha Família, minha companheira de todas as horas Ofhélia Raquel Roman, e para meus grandes amigos Cebes Jr., Renata Machado, Gabriella Balista, Galera da Bogey Box, da Highlan e Labz Digital. Obrigado.

Além disso, o blog me abriu portas para conhecer pessoas, especialistas fantásticos, como:
Jon Burgerman, Frederick Van Amstel, Edu Agni, Jane Vita, Vicente Tardin, Luke Wroblewski, vale o clique em cada um deles para dar uma olhada em suas inciativas, trabalhos e artigos.

Para este ano vou continuar trazendo análises, entrevistas, debates da mesma forma, para que todos possam aprender, entender e crescer assim como eu cresço todos os dias, com os comentários, analises e estudos.

Se você se interessa pela área e quer uma dica: Muito Café e estudo.

Agora, para deixar este um pouco mais interessante, que tal um pouco de fonte?

http://www.uxmag.com

http://uxmovement.com

http://www.webinsider.com.br

http://www.tableless.com.br

http://adaptivepath.com

www.useit.com

http://www.lukew.com

http://pt.uxmyths.com

 http://userpathways.com

http://uxdesign.smashingmagazine.com

http://www.designmodo.com

Café Interativo: Jane como você conceituaria o “Gamification?

Jane Vita:  Eu definiria “Gamification” como o uso das técnicas de jogos em outras áreas, com o objetivo de engajar o usuário.

Café Interativo: Para você, o que o “Gamification” representa para o usuário final? E o que pode representar comercialmente?

Jane Vita: Para o usuário final é uma maneira de despertar, manter o interesse, ter reconhecimento e diversão. Comercialmente é uma forma de conseguir atratividade para alguns assuntos que não possuem grande escala de interesse, pode ser usada para o reconhecimento usuários mais ativos, fora muitas outras como incentivar o compartilhamento.

Café Interativo: Você acha que esse modelo tem se disseminado mais por conta da revolução mobile que estamos vivenciando? Você vê o “Gamification” mais presente ou apto para estas plataformas (smartphones e tablets)?

Jane Vita: Com certeza o crescimento do mercado mobile trás inúmeras possibilidades para a implementação de sistemas de gameficação, porém eu considero a causa dessa disseminação, o crescimento e a popularização causada pelos social games.

Café Interativo: Você acha que pode ser visto como uma ferramenta a mais para os designers de interação?

Jane Vita: Com certeza, não deve ser regra para estimular o engajamento, mas entre as metodologias usadas para o engajamento, com certeza pode ser estudada e se identificada como necessária, ser aplicada da maneira correta. Existem várias formas de se gameficar uma ação, que não somente o esquema de reputação e a coleta de badges, por exemplo. A Gamefication é uma das formas de atingir aquele último usuário da escala de interesse e precisa ser realmente adequada, pensada ao longo uso do produto ou em determinado espaço de tempo.

Café Interativo: Jane, quais cuidados que você recomenda ao utilizar o “Gamification”? E como identificar os projetos onde a sua aplicação pode otimizar os resultados obtidos?

Jane Vita: Deve-se ter muito cuidado ao usar as técnicas de Gamification, principalmente quando a ideia de gameficar parte da copia de algum outro modelo. Cada produto tem suas particularidades, sua identidade, sua linguagem, seus objetivos. Ao se espelhar em modelos prontos deve-se considerá-lo como uma forma de aplicação e criar sua própria estrutura de gameficação.

Jane Vita: Primeiramente, saber quais as necessidades que levam à aplicação desta metodologia, caso a solução realmente seja a gameficação deve-se estudar a melhor técnica a ser usada, exemplo: montar um ranking com usuários mais engajados, pontuação com bonificação, coleta de badges, reputação e abertura de itens surpresa, entre muitas outras.

Com certeza uma delas ou a combinação adequada de algumas dessas técnicas podem trazer bons resultados para o negócio. Pensar em gameficar não é só aplicar a técnica e pronto, deve-se acompanhar os resultados, receber os feedbacks dos usuários e implementar a ação por tempo indeterminado.

Ações que não fazem parte de uma campanha com começo e fim possuem grande risco e precisam ser monitoradas e constantemente adaptadas. É fácil você se surpreender com um usuário que consegue todos os objetivos numa semana.

Café Interativo: E para finalizar, será que você poderia nos dar alguns bons exemplos da utilização do “Gamification” em plataformas web e mobile?

Jane Vita: Existem inúmeras e boas aplicações, o que tornou possível esse “boom” e sucesso das técnicas da gameficação. Vou citar as três que mais gosto:

Empireavenue
É um jogo integrado com as mídias sociais (Facebook, twitter, youtube, flicker…), o usuário é bonificado através da sua interatividade social. Ele conecta várias das suas contas pessoais e conforme as usa vai acumulando pontos.

O objetivo do Empire Avenue é aumentar o valor das suas ações e outras pessoas investirem. Quase que uma bolsa de valores onde o capital é a sua reputação.

Foursquare
www.foursquare.com
Foursquare é um microblog e rede social que permite ao utilizador indicar onde se encontra, fazer o checkin, e procurar por contatos que estejam próximo desse local.
Pelo menos é esse o objetivo deles, mas o fato é que a funcionalidade mais usada é justamente o acumulo de badges que se ganha ao dar vários checkins e se tornar o maior frequentador de lugares específicos. Ser o major de um determinado lugar já se tornou uma febre. Tem gente dando checkin até em farmácia no meio da madrugada e em posto de saúde quando vai dar vacina ao filho.

Campanha da Idade Interior da Unimed
www.idadeinterior.com.br
A Unimed criou uma campanha de conscientização para os usuários de Internet mostrando a importância de manter a saúde. Com os dados obtidos é possível entender como está a população quanto à esta consciência e melhorar seus serviços. Dados realmente preciosos os quais estão de posse da Unimed e que ela pode usar como bem entender.

Como funciona: o usuário faz um teste para descobrir a sua idade interior, respondendo questões envolvendo os assuntos alimentação, saúde e estilo de vida. Depois de fazer o teste, ele recebe as informações ali no site mesmo e pode divulgar o resultado no Twitter, Facebook e Orkut, estimulando os seus amigos a participarem. Hoje (26/09/2011) entrei no site da campanhas e eles já estavam com 5012573 usuários. Inclusive já foram implementadas novas funcionalidades como conectar logo no início a sua conta do Facebook. Mostrando que realmente estão monitorando o produto.

Espero que eu tenha respondido adequadamente as suas perguntas e fico a disposição para quaisquer dúvidas. Obrigada.

Conhe mais o trabalho da Jane Vita:
www.janevita.com.br
@janevita

Observando alguns sites e aplicativos mobile, percebi que ele esta extremamente presente nas interfaces, influenciando diretamente na forma como usuário irá interagir e julgar se sua experiência foi boa ou ruim. Como dito anteriormente, o movimento pode ajudar a estabelecer um foco no conteúdo, tornando-o mais imersivo, ou ainda, tornar a interação cansativa e dispersante.

Em interfaces touchscreen o movimento é muito mais perceptível e importante, porque temos um feedback visual de nossas ações em tempo real (na maioria das vezes), obviamente que as vezes esse movimento por si só não é explicativo o bastante, sendo necessário a utilização de mensagens e sons.

Em web sites voltados para desktop ou notebooks, a movimentação do mouse é livre, porém o percusso realizado na interface é mais linear, mas isto não o torna menos importante.

Exemplos Web

O Site de e-commerce do submarino é um bom exemplo de como elementos podem ser agregados ao movimento de uma forma que venha valorizar a experiência do usuário. Ao rolar o site para baixo, a barra de busca fixa que se encontra posicionada no topo do site é substituída por uma outra que acompanha esse deslocamento de uma área a outra. Como a leitura das informações neste caso se dá de cima para baixo, o seu posicionamento não prejudica ou gera uma quebra na leitura.

O Tbox na página inicial do Terra é o contrário do que vimos no exemplo anterior, apesar da ordem de leitura também se dar de cima para baixo, a barra de interação com outros usuários, foi posicionado na parte inferior da tela, o que resulta no corte de duas chamadas e obriga o leitor a sempre rolar a tela para baixo para dar continuidade a leitura.

A diferença

A diferença entre o movimento em interfaces móveis e interfaces voltadas para desktop e notebooks, é que em plataformas mobile e que sejam touchscreen envolvem a questão dos gestures, fazendo com que o usuário se sinta mais participativo e responsáveis pelo movimento. Em interfaces desktop essa sensação de participação é mais distante e as vezes mecânica e por isso, podem se tornar cansativos mais rapidamente.

Este site criado para demostrar as capacidades do HTML5 http://www.netlashproject.be/ é um exemplo de como o excesso de movimento pode ser cansativo, cada seção do site faz um movimento para uma direção diferente, nos primeiros acessos é muito legal, mas com certeza por não permitir uma maior interação do usuário, começa a se tornar uma ação repetitiva.

 Exemplo de movimento em interfaces Móveis

Um bom exemplo de como o movimento esta presente nas interfaces móveis esta neste vídeo de uma interface customizada para o Android Honeycomb.

 Ao utilizar gostei bastante da interface, achei ela minimalista e confortável, mas após algumas buscas e explorando o site por mais tempo, percebi que alguns itens poderiam ser melhorados, tornando a interface muito mais intuitiva.

 Análise:

 1-Marca:
O posicionamento da marca esta bom, ao passar o mouse em cima ela reage alterando algumas cores.

 2-Busca:
A barra de busca esta bem posicionada e é auto explicativa, além disso ao iniciar uma busca ela traz abaixo os títulos existentes no site que se enquadrem com sua pesquisa. Como mostra a imagem abaixo:

 Porém, quando o resultado da busca é negativo, e o que foi pesquisado não se encontra no acervo, o site não fornece qualquer tipo de feedback ao usuário, isso me fez perder algum tempo esperando que algo acontecesse.

3-Contato:
O contato foi posicionado perfeitamente como um elemento secundário, distante das outras funcionalidades, mas não menos visível.

 4-Lista e Controle das trilhas:
Quando passamos o mouse em cima desta barra lateral semi escondida, ela se expande exibindo a lista das trilhas escolhidas e os controles do player. Porém só se descobre isto se passarmos o mouse em cima, não existe nenhum tipo de título ou ícone que nos guie ou indique aquela área.

 5,6-Título e lista de Thumbnails:
O título e a lista de thumbnails esta organizada e diagramada de forma simples e muito intuitiva.

Análise Busca:

Se ao acessar o site, e o usuário preferir usar diretamente a barra de busca ao invés de percorrer o acervo de títulos listados na página inicial, ele será encaminhado para uma outra página.

 1-Marca:
O título do CD é acompanhado por botões que permitem o usuário compartilhar com suas redes sociais, twitter e no facebook, achei isso muito bom, adicionou uma forma do conteúdo se tornar mais relevante para o usuário.

 2-Play:
O botão play é extremamente intuitivo, mas ao clicar nele o usuário não recebe feedback algum, se as músicas estão sendo carregadas, se deu algum problema, ou seja, se as trilhas demorarem para serem carregadas o usuário vai ficar perdido e a única forma de acompanhar este processo é passando o mouse na barra lateral do tópico 3.

 3-Lista e Controle das trilhas:
Quando passamos o mouse desta barra lateral semi escondida, ela se expande exibindo a lista das trilhas escolhidas e os controles do player. Porém só se descobre isto se passarmos o mouse em cima, não existe nenhum tipo de título ou ícone que nos guie ou indique aquela área.

 —–

Mini-glossário

-Widget: pequenos aplicativos derivados ou que fazem parte de uma aplicação maior.
-Groove Shark: Site para ouvir e criar listas de músicas
-Thumbnails: São amostras de imagens