Um modelo mental é uma visualização simples que representa como os usuários realizariam uma seqüência de tarefas.

Como exemplo podemos desenhar o modelo mental de uma ida à praia num sábado de sol.

Ex: Em entrevista percebemos que a pessoa vê previsão do tempo, decide se vai, convida amigos, marca um horário, muda o status do MSN, veste sunga / biquíni, pega ônibus ou vai de carro, passa na casa de alguém, pode escolher ir de bike, aluga cadeira / sombreiro.

As ações devem ser definidas sempre com um verbo + a ação. (ex: Pega ônibus, marca horário). Depois de definida as ações o próximo passo é agrupar tarefas parecidas. Tarefas idênticas ou repetidas devem ser excluídas.

Após analisar as variáveis envolvidas nesta simples ação, podemos verificar quais ações meu site oferece para este público, focando em um determinado serviço / demanda desta ação, ou até mesmo deixar de oferecer alguma funcionalidade por não perceber que não existe demanda.

O modelo mental deve ser usado a partir de uma perspectiva etnográfica, para mapear as tarefas que os usuários realizam para alcançar determinados objetivos. As tarefas neste caso são unidades mínimas de ação retiradas das transcrições das entrevistas com os usuários representantes do publico alvo do site.

Saiba mais sobre modelo mental aqui e aqui.

Essa semana fizemos alguns testes de usabilidade no meu trabalho e a máxima "Usuários só utilizam o que precisam" me inspirou para escrever esse post.

Se a sua interface oferece inúmeras funcionalidades / conteúdos, que na maioria das vezes não são explorados, você deve tomar logo uma atitude. Existem várias maneiras inteligentes para construirmos uma interface simples, intuitiva, eficiente e que satisfaça completamente o usuário na execução de suas tarefas.

Recursos como personalização ou segmentação por perfis podem ajudá-lo nessa construção, mas nunca se esqueça que observar o usuário e entender o seu modelo mental talvez seja o passo mais importante para executar um trabalho de qualidade. Se você não possui um software adequado para monitorar a navegação, vale tentar testes mais "caseiros" como protótipos de papel ou cardsorting, por exemplo. Seu usuário agradece! :)

A primeira edição do Encontro Brasileiro de Arquitetura de Informação foi uma grande oportunidade de realizar debates e trocas de informações sobre a área. O evento contou com a participação de 170 pessoas de todas as regiões do Brasil e recebeu quarenta trabalhos. Durante dois dias foram apresentadas vinte palestras selecionadas e uma mesa de discussão.

A 2º edição do EBAI acontecerá nos dias 17 e 18 de Outubro no Auditório do CRQ 4ª região em São Paulo.

A primeira recomendação do texto, quando o Nascido me mandou, dizia "texto longo e em inglês, mas vale a pena ler".

A ironia só teve nexo quando li o texto, que aponta justamente que a forma como lemos online está mudando a capacidade de raciocinar, entender e refletir sobre textos longos e mais profundos.

Este trecho é esclarecedor:

“We are how we read.” Wolf worries that the style of reading promoted by the Net, a style that puts “efficiency” and “immediacy” above all else, may be weakening our capacity for the kind of deep reading that emerged when an earlier technology, the printing press, made long and complex works of prose commonplace. When we read online, she says, we tend to become “mere decoders of information.” Our ability to interpret text, to make the rich mental connections that form when we read deeply and without distraction, remains largely disengaged.

Já este trecho soa estarrecedor:

"Ambiguity is not an opening for insight but a bug to be fixed."

O entendimento da ciência sobre a cognição ainda é incipiente (apesar de eu não ser neurocientista, estou papagaiando o que se costuma ouvir de amigos que são médicos/psicólogos/psiquiatras), apesar de ter aberto vários caminhos para um melhor entendimento de como funciona o cérebro, mas é um fato que a facilidade de buscar conteúdo online torna as coisas mais convenientes, no entanto isso também dificulta a memorização, a imersão e um entendimento mais completo do assunto pesquisado. Basta um "define:" no Google para seguir em frente.

Tenho cultivado o hábito de grifar (a lápis) os livros que leio, fazendo anotações nas margens para a posteridade. Elas já me foram úteis ao procurar assuntos em livros sem índice remissivo, pesquisar sobre assuntos que li há muito tempo ou relembrar um livro todo só lendo os trechos grifados.

Mas o maior benefício vem justamente da memorização. Quando grifo, acabo lendo o trecho algumas vezes e memorizando a passagem, memória que costuma durar anos ou vir à mente em situações oportunas. Me lembro daquelas dicas de estudo que os cursinhos costumam dar na frase pré-vestibular, quando os professores enfatizavam que escutar, ler e anotar aumenta a probabilidade de entender e a capacidade de memorizar os conteúdos.

Voltando ao artigo, Nicholas Carr atribui no título a "culpa" pela menor capacidade de lermos ao Google, o que ativou um link recente na minha memória: Confidencial: 22 Leis do Google que vazaram. Ao que parece, cada vez mais gente acredita na Teoria da Conspiração: Sergey e Larry querem mesmo dominar o mundo. Muita gente mesmo.

De fato, a facilidade de encontrar informação, armazenar informação e [teoricamente] recuperar esta informação torna nosso cérebro mais preguiçoso. Por isso, considero a reflexão de Carr a citação do ano:

"That’s the essence of Kubrick’s dark prophecy: as we come to rely on computers to mediate our understanding of the world, it is our own intelligence that flattens into artificial intelligence."

Por isso, recorro ao Wurman para terminar: "Aprender é lembrar o que nos interessa."

Não leia mais, leia melhor!

.

Uma persona é um perfil de usuário fictício que representa uma fatia do público-alvo e serve para motivar e guiar os membros de um projeto interativo rumo ao Design Centrado no Usuário

A utilização de personas no processo criativo tem por objetivo alinhar o produto com as necessidades dos usuários, através da simulação realista dos diversos tipos de usuários e suas intenções.

Em resumo, os dados coletados sobre as pessoas na etapa de pesquisa são utilizados para construir modelos de usuários que servirão como critérios para a adequação do projeto. Ao invés de tentar projetar para uma grande quantidade de pessoas e nivelar por baixo para ter segurança, com personas, projeta-se para um número bem pequeno de usuários fictícios, porém representativos.

As vantagens dessa técnica são:

• engaja e conscientiza a equipe de projeto
• chega-se a um consenso dos interesses do usuário
• mantém o foco no usuário durante todo o projeto
• agiliza a tomada de decisões porque não é preciso consultar usuários reais a cada etapa do projeto

Contém seu nome, seus gostos, seus hábitos, suas habilidades, etc. Essas informações podem ser obtidas através de entrevistas com usuários potenciais ou através de conversas com quem lida freqüentemente com esse público.

Leia mais sobre aqui e aqui

O PCTP, ou Plurk Collaborative Translation Project, não é inédito. Em 2006 o agregador de conteúdo GTalkr (in memoriam) fez algo parecido e também em tempo recorde o site estava disponível para toda a Babel da internet, incluindo versões em português de Portugal e do Brasil (tendo eu mesma como tradutora).

Será que já deveríamos como padrão deixar um arquivo com todos os textos do site prontos para tradução? O fenômeno dos filmes e séries que ganham legendas relâmpago tem tudo para se repetir no browser.

Link: Capire.info

Esta apresentação abaixo foi postada pelo Bruno Silva recentemente. Em poucos slides, muitas definições sobre o conceito da inovação como vem sendo usado no mundo corporativo:

[slideshare id=9881&doc=understand-innovation-23947&w=425]

Logo em seguida o McKinsey Quarterly trouxe uma excelente reflexão sobre open innovation. O abstract do artigo destaca (traduzi livremente):

"A internet e as novas tecnologias de redes sociais estão permitindo às empresas e seus consumidores interagir com níveis de riqueza sem precedentes. Algumas organizações líderes estão usando esta oportunidade para levar os clientes ao centro do processo de desenvolvimento de produtos.

Co-criar produtos e serviços com os consumidores, entretanto, é um território incerto cheio de desafios e questões - por exemplo, quem detém a propriedadade intelectual do resultado do trabalho? Ainda assim, empresas espertas estão começando a encorajar seus clientes a ajudá-los a desenvolver produtos e serviços que os clientes realmente desejem."

Em tese, a criação colaborativa é o sonho de qualquer bom profissional de marketing (entendendo marketing como uma disciplina de administração estratégica e não como esse marketismo predominante no mercado) e é que muitos profissionais de mídias interativas estão fazendo ao criar Personas, testar Protótipos e usar a usabilidade como parte integrante do processo de Arquitetura da Informação. Isso tudo claro, quando há prazo e orçamento para tanto.

Boa leitura!

.

A primeira idéia lançada foi sobre a organização de conteúdos. Rachel propôs a substituição das tradicionais listas por formatos mais lúdicos e inusitados, como o do caleidoscópio e dos globos de vidro (aquele souvenir onde as coisas flutuam dentro dele).

Em outra idéia Rachel discute uma alternativa aos menus drop down. E na idéia seguinte uma importante questão de mercado, a recarga de créditos. 90 Mobiles é um brainstorm altamente qualificado para quem se interessa pelo tema. Vem aí muita coisa fora da caixinha.

• Rápido e feio é melhor do que lento e bonito
• O tempo de escanear a página é tão importante quanto o de carregá-la
• Com a busca as ações físicas são pouquíssimas: olhar, digitar e clicar

Extraído do Findability.org

No universo da informação digital, a arquitetura de informação tem lugar de honra. É a partir da estrutura criada para os sites e afins (arquitetura da informação) que se distribui a informação (através do webwriting) e produz–se conhecimento.

A arquitetura de informação (AI) não surgiu com a internet, nem com a informática. Aplicada no dia–a–dia do ser humano há séculos, a AI bebe em duas fontes: da forma como organizamos a informação em nossas mentes, o chamado modelo mental, e do mais importante resultado desta observação, a boa e velha biblioteca, enxergando–se a catalogação de um livro como a indexação de uma informação.

Muito se tem falado sobre arquitetura de informação, mas, como ciência recente foi formalizada há pouco mais de um século e nomeada há poucas décadas , há mais dúvidas do que certezas, principalmente quando aplicada à web.

Vamos, então, separar o joio do trigo?

O que é arquitetura de informação?

Em um ambiente digital, é a tarefa de estruturar e distribuir as áreas, principais e secundárias, tornando as informações facilmente identificáveis, sua distribuição bem definida e, a navegação, intuitiva. Esta tarefa pode (e deve) ser aplicada não apenas a sites internet e intranet, mas a CDs–ROM, DVDs e ambientes wireless, levando–se em conta suas diferenças.

Quais são os princípios da arquitetura da informação?

Há sete princípios, denominados palavras de ordem:

Organizar sugere diversas opções de construção para um ambiente digital como um todo e para suas áreas secundárias;

Navegar lida com o aprendizado, tanto na aquisição de informação pelo usuário, quanto na percepção de como ele navega pelos ambientes digitais;

Nomear estuda de que maneira as áreas serão identificadas, seja através da palavra (neste caso, é preciso escolher a terminologia mais adequada), do ícone, ou de ambos;

Buscar ensina como indexar a informação para que a sua procura seja tranqüila;

Pesquisar é o caminho a seguir para apurar junto ao cliente toda a informação necessária à construção do conteúdo;

Desenhar testa o resultado final da arquitetura da informação, antes mesmo da construção do protótipo, ou seja, no próprio fluxograma;

Mapear é a palavra de ordem mais estudada hoje na arquitetura da informação para a web. Afinal, seria mesmo o fluxograma a melhor maneira de representar graficamente para o usuário um sistema de informação?

No excelente livro Information Architecture for the World Wide Web, de Peter Morville e Louis Rosenfeld, considerada a principal referência em AI para a web assim como seus autores, as sete palavras de ordem são descritas em detalhes. Opte pela 2ª edição, revista e ampliada.

O mapa de um site é sua arquitetura da informação?

Não. O mapa de um site é um resumo da arquitetura da informação. O real fluxograma de uma AI explicita itens que não interessam ao usuário, como as phantom labels (áreas previstas, mas que ainda não existem) e os filtros usados pelo mecanismo de busca.

Quem pode trabalhar com arquitetura da informação para a mídia digital?

Bibliotecários, engenheiros, arquitetos, profissionais de planejamento e, é claro, de conteúdo. Em um mercado tão multifacetado com o da internet, em que diversos perfis de profissionais participam ativamente da tarefa da construção de ambientes digitais, a realidade demonstra que quem lida com organização e construção de sistemas têm sempre algo precioso a acrescentar.

……………………………………………………………………….

Artigo de Bruno Rodrigues / Webinsider

http://webinsider.uol.com.br/index.php/2008/06/16/usabilidade-ja-nao-e-mais-a-mesma-e-mudou-para-melhor/

http://www.pinceladasdaweb.com.br/blog/2008/05/13/ferramentas-gratuitas-de-usabilidade/

http://iatelevision.blogspot.com/

Link: Richard Ross "Architecture of Authority"

Mais sobre esse assunto aqui.

E para não passar mais uma semana em branco resolvi fazer um apanhado das coisas bacanas que vi nos últimos dias:

Propaganda ao vivo

Sem comentários essa ação da Honda - um corajoso comercial ao vivo na TV. No vídeo, pára-quedistas saltam em tempo real e formam o nome da montadora. Sensacional. Dica do Propaganda Interativa

Galeria de padrões de interação

O Fabricio Teixeira marca ponto toda semana com uma ótima referência. A última delas foi o link da Konigi Interface Patterns, mais um pra nossa listinha de bibliotecas de padrões.

Novas features do Axure

Começamos a usar pra valer a versão 5.0 do Axure. A Elisa Volpato e a Ana Cláudia Pátria descobriram coisas bem bacanas nela. Agora é possível validar formulários, fazer aquele link âncora, mover painéis dinâmicos (bem útil no caso de formulários) e ainda linkar para a página anterior (back). Qualquer dia a gente vai estar programando pra valer. rs

Padrões do Yahoo pra viagem

Essa dica veio do Ex Vertebrum. O Yahoo disponibilizou uma série de stencils com os principais elementos utilizados em seus wireframes: grids, menus, botões, calendários e formulários, entre outros. Os arquivos originais estão disponíveis para OmniGraffle, Visio (XML), Adobe Illustrator (PDF e SVG) e Adobe Photoshop (PNG). Pena que o Axure (RP) ficou fora dessa.

Uma TV só de AI

O blog Information Architecture Television traz uma série de vídeos sobre user experience. O acervo já conta com mais de 100 arquivos sobre SEO, usabilidade, tecnologia e muito mais. Dica da antenadíssima Luiza Voll.

O Yahoo! publicou um conjunto de stencils que são um achado para webdesigners, arquitetos de informação e outras espécies animais que se dão ao trabalho de projetar interfaces web. O desenho de wireframes pode ser incrivelmente enriquecido com uso dos stencils do Yahoo!, todos muito bonitos e claros em seu significado.

Os stencils estão disponíveis para download nos formatos: OmniGraffle (para Mac), Visio (XML), PDF, PNG e SVG.

Bom proveito!

.

Desculpem pelo sumiço e até aqui, e pelo sumiço nos próximos dias.

Estou vivo, porém muito cansado e estressado com 3 sites novos para a BRQ, o trabalho de manutenção e comunicação da Fruit & Food Log e mais um trabalho de assessoria em SEO - Search Engine Optimization, para uma consultoria de Branding, posicionamento e valor de marcas e ativos intangíveis.

Aliás, o site novo da BRQ entrou no ar hoje: www.brq.com e faz parte de uma grande mudança em toda a comunicação e posicionamento da empresa. Até o logo mudou, tá bonitão. Vai lá ver.

A propósito, aproveito para agradecer e creditar quem participou, direta ou indiretamente para que este site viesse "à vida":

Créditos e Agradecimentos - Website BRQ IT Services.

• Kriando - agência de design: direção de arte e lay-out (e toda a comunicação nova BRQ é deles);
• Alessandro Novais - departamento de marketing BRQ: Lay-out e Arquitetura de Informação, suporte na resolução de dores de cabeça e co-imitação da redublagem do Batman - Feira da Fruta;
• Celso Bessa - departamento de marketing BRQ: Arquitetura de Informação, Codificação XHTML/CSS/Javascript, Customização de Wordpress como gerenciador de conteúdo, configuração de ambiente, resolução de dores estômago e co-imitação da redublagem do Batman - Feira da Fruta;
• Tammy Andrade - departamento de marketing BRQ: redação, edição, companhia para o café e rostos vermelhos quando a envergonhamos (força menina!);
• Marcela Miranda: inserção de conteúdo, gerenciamento dessa loucura toda e chefinha do coração;
• Renata Luíza, Juliana Almeida e o agregado Marcelo Gazotti, Marcos Penna e Lúcia Alonso - Equipe de Marketing BRQ: inserção de conteúdo e apoio moral;
• Enair Regilsson - o post que me permitiu usar permalinks no Wordpress rodando no Microsoft Internet Information Service 6;
• Ao pessoal do Xemelê, que fez o Lead Manager, plug-in bacana para capas de portais que estamos usando no site da BRQ;
• Ao cara gringo que escreveu o post que resolveu meu problema com o PHP no IIS em máquina virtual e que esqueci o nome dele e o endereço do blog com o post salvador.

Link: Information Architecture Television

Via Putting People First.

Mais uma etapa a ser desenvolvida: a parte de arquitetura de informação que conta com a construção de wireframes, ou seja, o esboço estrutural de interface. Segue abaixo a imagem de meu primeiro "rascunho" demostrando o posicionamento do conteúdo, menu, categorias, etc.

As inscrições estão abertas até o fim do mês de junho. Agiliza!

A arquitetura de informação, termo cunhado na década de 1960 pelo arquiteto Wurman, é uma atividade muldisciplinar, que exige conhecimentos provenientes do design, da tecnologia e do jornalismo. O profissional desta área trabalha desde o planejamento, projeta a melhor experiência pro usuário, analisa o design, desenha o fluxo de navegação e informação, e leva em consideração conceitos como usabilidade, experiência do usuário e "encontrabilidade".

O foco do trabalho é o usuário, ou, como ouvi certa vez uma arquiteta de informação da Agência Click, que infelizmente não recordo o nome, o arquiteto de informação precisa ter "o foco no foco do cliente do cliente". A principal preocupação não é fazer algo bonito, mas um ambiente onde o usuário consiga se localizar e entender a dinâmica interna rapidamente, achar o que precisa e aproveitar a experiência da melhor maneira possível.

Link: Download a Stencil Kit

Paper Prototyping Test
Protótipos coloridos são bem mais legais! Esse vídeo é super recente, quando acessei não tinha nem 10 pageviews ainda. Repare no tamanho do protótipo, para permitir que a usuária do teste consiga ler todas as instruções em texto que aparecem nas telas. Ainda assim, por vezes ela tem de chegar mais perto do protótipo. Hmmm, texto demais talvez?

Uma explicação sobre o que são Wireframes
No melhor estilo bem intensionado de "imitação-sem-iluminação-dos-vídeos-da-Common-Craft". Apesar da toscosidade da produção e de certa "agressividade" ao jogar dólares na mesa, valeu a boa intenção (!):

Teste de protótipo de papel de um "totem" multi-drive para lojas de revelação de fotos
Esse é mais longo, tem em torno de 8 minutos. O protótipo é bem curioso, cheio de recursos!:

Teste de interface de transferência de arquivos para dispositivos móveis
Vídeo em português, com uma produção muito bem cuidada:

.