Quando o excesso de ícones de redes sociais começa a atrapalhar a interface de seu site, é hora de repensar a vida. Além de poluição visual, muitas vezes acaba distraindo a atenção do usuário daquilo que você tanto quer que ele compartilhe: o conteúdo.

Os ícones de compartilhamento podem até servir como um lembrete, no final de um texto muito extenso, como cita esse artigo.

“The reason behind adding one share widget to the bottom of each article is based on logic and user experience. If a person enjoys your content enough that they read through the entire article, they will be more inclined to share it. So when they get to the very end of the article, what should be there waiting for them to spread information they are interested in? A non-obtrusive share button that does not distract from the rest of your article. You only have a few seconds to grab the reader’s attention, and adding more widgets will create more clutter that users don’t want.”

Tenho a tendência a acreditar que, se o conteúdo é realmente bom, ele será compartilhado mesmo sem nenhum desses botões. Em todo caso, não custa lembrar o usuário que não está acostumado a copiar a colar links da barra de endereços.

Mas será que o The Washington Post não está exagerando?

Mas como é um tipo de lista muito pessoal e muito polêmica, vou listar aqui apenas os meus motivos. Faça o mesmo ali embaixo, nos comentários.

1. Som automático. Não tem coisa mais irritante do que ser surpreendido por uma trilha-sonora mal educada em um site. É como abrir a porta do banheiro logo cedo e se deparar com uma orquestra inteira retumbando clarinetes e pratos no seu ouvido. Se a trilha-sonora for realmente enriquecedora para a experiência de navegação, seja educado: deixe que o usuário a ative, ou comece com uma versão minimalista na homepage.

2. Banner DHTML, o pega-rato. O pop-up clássico não me irrita tanto, porque quem coloca pop-ups em um site o faz por inocência, ou por ignorância, ou whatever. Mas o DHTML é por maldade. É para tentar driblar o bloqueador de pop-ups do browser. E em alguns casos a má fé é ainda maior: o botão fechar é propositalmente pequeno para que a pessoa se engane e clique no banner na hora de fechá-lo. Em alguns sites gringos existem ainda os Interstitials, o primo malvado do DHTML. Veja um exemplo no site da Forbes. Esse não é de Deus.

3. Loading. Eu ainda tolero um pouco de loading porque normalmente estou interessado em explorar o site por motivos profissionais. Mas imagino quem chega no site cheio da boa vontade e se depara com um loading que demora mais do que… 10 segundos. Agravantes: loadings sem indicação de progresso e sites que não armazenam o loading em cache. Um descuido na hora de navegar e pronto: lá está o loading novamente no 0%, firme e forte, rindo da sua cara.

4. Erros de português. Alguns são irrelevantes, mas alguns são imperdoáveis e levam uma vida inteira para cicatrizar.

5. Falta de clareza. Quando eu entro em um site, quero entender do que se trata em menos de 2 segundos. Não quero precisar clicar em “About” e ler dois parágrafos de texto, ou ter que rodar um vídeo-tutorial que não possa ser resumido em uma frase. Objetividade e clareza não fazem mal a ninguém, não é mesmo?

Ilustração de um usuário em dúvida.

E os seus motivos, quais são? O que te faz pegar ódio mortal por um site?

Desabafe, arquiteto de informação. É quase uma terapia :)

FONTE: Arquitetura de Informação

PUC Minas Virtual lança programa de atualização em Design de Interação!

Trata-se de um curso de apresentação e consolidação de conceitos básicos referentes ao Design de Interação e que propõe, após esta parte inicial teórica e básica, a aplicação prática destes conceitos no desenvolvimento de projetos interativos.

OBJETIVOS

Apresentar conceitos básicos de Design de Interação, de Usabilidade e de Design Centrado no Usuário. Proporcionar aos alunos uma visão do processo de desenvolvimento de produtos interativos, onde deve ser levado em conta o usuário, o objeto (sistema ou produto) a ser desenvolvido e o ambiente onde ocorrerá a interação. Estes aspectos devem ser levados em consideração de forma a complementar a noção acerca dos objetivos do desenvolvimento do produto em si.

A QUEM SE DESTINA

Profissionais que tenham contato e/ou experiência com o desenvolvimento de produtos interativos (multimídia ou web) e desejam atualizar-se de maneira rápida e fundamentada nos conceitos de Design de Interação, levando-se em conta o usuário e os aspectos de usabilidade. Graduados nos cursos de ciência da computação, sistemas de informação, desenvolvimento e engenharia de sistemas, comunicadores, publicitários e designers.

CONTEÚDO DO CURSO

Fundamentos de Design de Interação;
Design Centrado no Usuário;
Usabilidade;
Projeto Interativo

CARGA HORÁRIA

120 horas

METODOLOGIA

O curso será desenvolvido pela Internet e os alunos contarão com o apoio dos professores e de tutores. A concepção de ensino-aprendizagem adotada respalda-se na interação entre os participantes do curso (aluno-professor, aluno-aluno, tutor-aluno). Essa interação pode ser sincrônica, por meio de chats, ou assincrônica, no ambiente virtual específico do curso. O material didático inclui CD-ROM, textos básicos e Manual do Aluno, guia que contém orientações para a navegação no sistema. Durante o desenvolvimento do curso, os alunos deverão fazer as leituras indicadas e realizar as tarefas propostas, dentro de prazos previamente estabelecidos em cronograma.

CERTIFICAÇÃO

Para receber o certificado do curso de atualização o aluno deverá completar todas as atividades propostas pelos professores conforme cronograma do curso.

BENEFÍCIOS

Horário flexível, respeitado o cronograma das atividades e o prazo limite estabelecido para a conclusão do curso
Possibilidade de realização do curso em casa ou em local de trabalho
Atendimento individualizado
Material didático básico elaborado para o curso e, em parte, incluído no valor total do investimento.
Suporte tecnológico durante todo o período de realização do curso

REQUISITOS TECNOLÓGICOS

O aluno deve possuir ou ter acesso a computador com a seguinte configuração mínima: Processador Pentium III – 500 MHz (recomenda-se Pentium 4 – 2 GHz), 256 MB de memória RAM (recomenda-se 384 MB);
Drive de CD-ROM 8X;
Placa de vídeo configurada para 800 x 600 pixels e 256 cores (recomenda-se 1024 x 768 pixels e 65.536 cores/16 bits);
Placa de som com caixas acústicas (ou fones de ouvido) e microfone;
Windows 2000 (SP4) ou XP (SP2);
Microsoft Internet Explorer (versão 6.0x ou superior);
Máquina Virtual Java (Java Runtime Environment ) da Sun Microsystems (versão 1.4.2 ou superior);
Acesso à Internet, com velocidade mínima de conexão de 56 kbps ;
Correio eletrônico pessoal (e-mail).

Obs.: “O portador de necessidades especiais no campo da visão deverá possuir ou ter acesso a um programa ( software ) de leitura de tela, compatível com Windows 2000 (SP4) ou Windows XP (SP2), que deverá estar instalado no computador que será utilizado para acompanhar o curso.”

REQUISITOS ACADÊMICOS

Entrega da documentação exigida na Secretaria Acadêmica da PUC Minas Virtual conforme endereço divulgado.
Cópia de documento de identidade de valor legal e do CPF (não precisa ser autenticado).
Curriculum Vitae (sucinto).
Cópia do boleto de pagamento da Matrícula (1ª parcela do curso)

APÓS FAZER A SUA INSCRIÇÃO PELA INTERNET, envie os documentos por correio à PUC Minas Virtual com a identificação do curso e do nome do aluno: PUC Minas Virtual A/C: Secretaria Acadêmica Rua Espírito Santo 1059, 12º andar Centro CEP: 30160-922 – Belo Horizonte, MG

SELEÇÃO

A seleção será feita com base na análise do histórico escolar, do curriculum vitae e da exposição de motivos apresentados pelo candidato.

INSCRIÇÕES ATÉ 05/09/2010

DURAÇÃO DO CURSO

Outubro/2010 a Março/2011

MESES X MENSALIDADE = VALOR TOTAL

6 x 200,00 = 1.200,00

COORDENAÇÃO ACADÊMICA

Simone Alves Nogueira

Importante: Este curso, por ser da modalidade de Atualização, pode ser feito por graduandos e graduados! Para mais informações, acesse o site da PUC Minas Virtual

Abraços

Segundo Hess, UX Design não é…

• …User Interface Design.
  A expressão é parecida, mas pode confundir. O desenho da interface é apenas um dos componentes, enquanto o UX Design diz respeito à experiência do usuário como um todo.

• …somente um passo no processo.
  UX Design é o processo em si. O trabalho de ouvir o usuário e entender o que ele precisa deve ser uma constante em todo o projeto, e não apenas uma etapa. “User Experience Design não é um checkbox”, diz a UXD independente Liz Danzico.

• …sobre tecnologia.
  UX Design fala sobre como as pessoas vivem, se comportam e interagem com o mundo. Não deve ser limitado ao computador, nem às telas em que ele muitas vezes se materializa. A disciplina trata da interação das pessoas com produtos, objetos e sistemas.

• …somente usabilidade.
  A boa usabilidade é apenas uma das metas do UX Designer / Arquiteto de Informação. Nem tudo precisa ser absurdamente fácil de usar, desde que o uso seja fácil de aprender. Facebook que o diga.

• …um culto ao usuário.
  O usuário não é o único que precisa ficar satisfeito com o produto. Existem vários objetivos de negócios que precisam ser atingidos também. Uma das tarefas do UX Designer / Arquiteto de Informação é justamente encontrar esse meio termo entre as necessidades do usuário e as necessidades do negócio.

• …caro.
  Você não precisa perder nem dinheiro e nem tempo. É preciso ponderar se uma metodologia completa de user centered design cabe no projeto que você está desenvolvendo ou não. “Mas é totalmente possível fazer pequenas melhorias no projeto e no produto utilizando algumas técnicas de UX Design”, afirma o diretor da Meld Consulting, Steve Baty.

• …fácil.
  Não é porque você domina alguns métodos e entende as regras de negócio que você não terá dificuldades. Isso porque, na maioria das vezes, você não é o usuário final do sistema. Esse entendimento de quem ele é e do que deseja, por si só, já é uma tarefa e tanto.

• …papel de uma pessoa ou departamento.
  Não. Segundo a autora, departamentalizar a UX é sintoma de uma organização que não tem essa visão enraizada em sua cultura e onde não são todos os colaboradores que miram no mesmo objetivo.

• …uma disciplina só.
  O próprio Rosenfeld argumenta que UX  sequer seja uma disciplina. “Talvez ainda não seja nem uma comunidade”, argumenta. Títulos não faltam: arquiteto de informação, user experience architect, designer de interação, engenheiro de usabilidade e por aí vai. São especializações diferentes para cada etapa do processo. “Mas não espere que seu cardiologista resolva seu problema no pé”, exemplifica a autora.

• …uma escolha.
  É claro que é mais natural pensar que seu produto não tem falhas e que você não precisa de um UX Designer. Afinal, ter falhas não é o objetivo de nenhum produto ou produtor. Ainda assim, muitas empresas ainda pensam que uma boa experiência é apenas um diferencial, e não uma necessidade básica.

FONTE: Arquitetura de Informação e Fabrício Teixeira

Poderíamos listar uma dúzia de outras coisas as quais os visitantes de um site não deveriam perder o tempo pensando, como:

Onde estou?

Onde devo começar?

Quais são as coisas importantes nesta página?

Por que eles deram este nome a isto?

A coisa mais importante que devemos fazer, ao estar construindo um site, no processo de Arquitetura de Informação e o Wire-frame, simplesmente, é compreender o princípio básico de eliminar perguntas.

Se fizermos isso, começaremos perceber tudo aquilo que nos faz pensar na Web, e vamos acabar aprendendo a reconhecê-los e evitá-los nas páginas que estiver criando.

Não é possível deixar tudo evidente. (KRUG, 2006, p.7)

O nosso objetivo, eu poderia dizer “Obrigação”, precisamos fazer (criar) páginas claras, de forma que apenas olhando-a o usuário comum saiba o que ela é e como usá-la.

Se estamos fazendo algo original ou pioneiro ou algo muito complicado, temos que estabelecer um relacionamento com a página auto-explicativo. Nesta página é preciso de um raciocínio para entendê-la. Mas, não esqueçamos de sempre questionarmos o que estamos fazendo e se possível aplicar testes de usabilidade para verificar a COGNIÇÃO do usuário.

Aparência, nomes, a organização da página e a pequena quantidade de textos, devem trabalhar juntos para criar um reconhecimento quase instantâneo… USABILIDADE na Página. Se não conseguimos neste projeto pioneiro tornar a página clara, precisamos alcançar pelo menos uma página auto-explicativa.

Por que isso tudo é importante?

“Na internet, os competidores estão sempre a um clique de distância, de modo que, se você frustrar os usuários, eles irão para outro lugar” (KRUG, 2006, p.7)

Um mal site, o usuário se frustra. A culpa disto não é o usuário que não sabe navegar, mas sim de quem construiu o site. Já o grande Jakob Nielsen diz a nós uma frase muito importante:

“…Se as pessoas não puderem ou não utilizarem um recurso no seu site, ele pode muito bem não existir.”

A possibilidade de começar tudo de novo não é sempre atrativa… cuidem de fazer um site exato.

As páginas claras, faz com que tudo pareça melhor. Não fazendo as pessoas pensarem faz com tudo seja melhor para todos… Usuários e Sites. A eficácia é sempre uma ótima meta para os designers.

Se preocupa com o projeto, a implantação e manutenção de espaços informacionais digitais para o acesso humano.

O foco da Arquitetura de Informação é o projeto das estruturas (ambientes informacionais). Fornecem aos usuários recursos necessários para transformar suas necessidades em AÇÕES e para ATINGIR seus OBJETIVOS com sucesso.

A Arquitetura de Informação é uma atividade inserida no campo da ERGONOMIA.

Luiz Agner

Dr. em Design

O QUE É USABILIDADE?

A usabilidade é um atributo de qualidade relacionado a facilidade do uso de algo ou alguma coisa. Mais especificamente, refere-se a rapidez com que os usuários podem aprender a usar alguma coisa, a eficiência deles ao usá-la, o quanto lembram daquilo, seu grau de propensão a erros e o quanto gostam de utilizá-la.

Jakob Nielsen

Ph.D em Usabilidade na Web

A essência da Usabilidade é o acordo entre INTERFACE, USUÁRIO, TAREFA e AMBIENTE. É a capacidade que um sistema interativa oferece a seu usuário, em determinado contexto de operação, para a realização de tarefas de maneira EFICAZ, EFICIENTE e AGRADÁVEL.

Ela pensa na satisfação do usuário em seus objetivos, na interação e experiência com o sistema.

Walter Cybis

Grande Abraço

É um fato dizer que devemos acompanhar o sistema, a exemplo de um celular (iPhone), que revolucionou o mercado e faz com que tudo de novo seja revisto, como: sites, display, formatos, comunicações, etc.

Fazer o uso da arquitetura da informação, ergonomia informacional e usabilidade, é mostrar no mercado a preocupação com o avanço da tecnologia. O cliente não ficará sem a interação. Mostra a verdadeira função do designer ao dar respostas aos problemas encontrados para a finalização destes meios.

Com isso a importância de ter uma atenção voltada para inculturação dos meios modernos e tecnologia, ajuda o designer não permanecer na inércia somente com os conhecimentos acadêmicos. Com isto precisamos nos manter em movimento e conhecimento, esta atualização é um “xaqualão” para ver o que está a nossa volta.

Grande abraço.

Todos os dias nós remamos com nossos mouses pelo infomar da web. Navegamos por sites calmos e agitados. Atravessamos webpages nunca dantes navegadas. Mas o que é navegar? Por que comparamos nossos cliques aos movimentos de um marinheiro navegando em um grande oceano? E principalmente, por que nos perdemos ao navegar por um website confuso?

Navegar é sair de um ponto de origem e ir para um ponto de destino que está fora do alcance dos nossos olhos, um ponto sem contato visual. Por isso utilizamos o termo navegar não apenas para as viagens de barcos e navios, mas para toda sorte de meios de transporte inventados pela humanidade. Temos navegantes e instrumentos de navegação nos aviões comerciais, nos carros de rally e até na nave que levou nosso astronauta brasileiro à estação espacial internacional.

Da mesma forma, um usuário, ao percorrer um site, busca uma página de destino onde estão as informações que precisa. Essa página está fora do alcance dos seus olhos e por isso ele precisa percorrer o site para encontrá-la, ou seja, precisa navegar pelo site.

E o que precisamos para navegar na web?

Seja no mundo real ou no mundo virtual para navegar precisamos de pontos de referência para determinar a nossa posição espacial e a direção a seguir. Um marinheiro usa como ponto de referência o Sol, as estrelas e os satélites do GPS. Um piloto de rally usa árvores, rochas e diversos outros marcos que aparecem no seu caminho. Até nós, ao andarmos em nossas cidades usamos pontos de referência para indicarmos um caminho: “No farol vire a esquerda”.

No mundo real as referências já existem e fazem parte do ambiente. Árvores, rios, montanhas e estradas. É infinita a quantidade de pontos de referência que o mundo físico oferece para seus navegadores se orientarem.

Em um site, ao contrário, essas referências não existem. Como as placas de uma rua, é necessário criar um sistema de navegação que estabeleça pontos de referência e uma sinalização para orientar o usuário no seu caminho. A falta de um sistema como esse faz com que o usuário se perca, fique a deriva ao navegar no site.

Os sistemas de navegação dos websites são compostos por diversos elementos. Os mais comuns são o menu local, a barra de navegação global, o bread crumb, os cross contents, o mapa do site, o índice remissivo e, acredite, até pelo logotipo da empresa. Cada um desses elementos tem a função de informar ao usuário a sua posição no site e indicar que direção tomar.

Projetar sistemas de navegação eficientes é um dos objetivos da Arquitetura de Informação porque são eles que indicam para o usuário o caminho para encontrar a informação que precisa e tornar o site mais fácil de usar..

FONTE: Guilhermo Reis – Mestre em Ciência da Informação