[ gustavo moura ] Blog

Focus on users, and the rest will follow

2008-04-24T02:25:00.008-03:00

Esse é um dos principais lemas do Google, no primeiro contato com essa frase, ela pode até soar meio jargão mas é o que realmente acontece dentro da empresa. A inovação não acontece quando se olha para o que os concorrentes fizeram, isso é a mesma coisa do que olhar para o passado, analisar estratégias de meses atrás. A inovação só acontece quando olhamos para as pessoas, observamos o que elas fazem, precisam ou sonham em ter um dia.

Aqui vão os 10 mandamentos do design no Google que vieram a público hoje e que se aplicam a qualquer empresa ou projeto para seres humanos usarem:

1. Focus on people—their lives, their work, their dreams.
2. Every millisecond counts.
3. Simplicity is powerful.
4. Engage beginners and attract experts.
5. Dare to innovate.
6. Design for the world.
7. Plan for today's and tomorrow's business.
8. Delight the eye without distracting the mind.
9. Be worthy of people's trust.
10. Add a human touch.

Gostou? veja mais em:

What makes a design "Googley"? (Official Google blog)

A evolução do paper prototyping no Gmail :)

2008-02-28T10:00:00.001-03:00

Para promover o Gmail na Rússia, o Google junto com a agência Saatchi & Saatchi, desenvolveram esse vídeo em stopmotion com a narração (em russo) da interface e suas funções. Não se preocupe, não precisa saber Russo para entender o filme:

Assista:

Fonte: Google Discovery

Use seu celular como quiser

2008-02-27T13:44:00.006-03:00

Imagine transformar seu celular num relógio ou até mesmo esticá-lo para virar um teclado?

Essas são algumas das promessas na recém divulgada parceria entre a Nokia e a Universidade de Cambridge sobre uma nova fibra nanotecnologica flexível, moldável e recarregável através de energia solar chamada de Morph.

A Nokia pretende lançar celulares incorporados ao Morph em 7 anos. É nessas horas que vejo os dispositivos cotidianos, hoje tão essenciais para nossas vidas agitadas, se tornarem cada vez mais biônicos.

Assista:

No ventilador!

2007-11-29T23:58:00.000-02:00

Pessoal, como vocês já perceberam, desculpem a ausência aqui no blog. Estou dando uma guinada na minha vida para continuar fazendo o que eu faço de uma maneira ainda melhor, para atingir e ajudar mais pessoas a resolverem suas vidas na internet. Logo compartilho essa experiência aqui com vocês.

Agora vem o momento jabá! ;)

Mas o motivo deste post é para comunicar que o Raphael Pontual resolveu jogar no ventilador todos seus insights, idéias e referências sobre o que há de melhor na propaganda interativa atualmente, visita obrigatória para quem se interessa pelo assunto!

Acesse:

No ventilador de Raphael Pontual

Criar experiências é como contar histórias

2007-07-28T18:57:00.000-03:00

Jonathan Harris é um arquiteto de informação e contador de histórias que mistura ciência da computação com antropologia e arte. O que mais me fascina no seu trabalho é o fato dele explorar e entender as pessoas estudando as pistas que elas deixam para trás em seu passado o que resultam em experiências interativas brilhantes sobre emoções humanas, desejos, mitologia, ciência, notícias, linguagem e o maior de todos, o time capsule que será re-inaugurado em março de 2020 e permite que as pessoas contem suas próprias historias e possam recupera-las anos depois para uma boa sessão de nostalgia.

Mas o ponto que quero destacar aqui é que criar experiências para os usuários é como contar estórias consistentes, com início meio e fim. Na qual as pessoas se identificam, se relacionam e principalmente interagem com ela. É dai que surge a experiência, mas isso é um assunto que merece um post mais detalhado. Enquanto isso, assista ao vídeo do próprio Jonathan descrevendo seus projetos e a forma sobre como ele “trabalha” digo, conta estórias. ;-)

Google Maps Street View

2007-05-30T10:49:00.000-03:00

Lembro do dia que me apresentaram o Google Maps, foi aquele espanto acompanhado de um sonoro “$%*&% mas como isso é possível?! Esses caras vão dominar o mundo..” e acho que não fui o único. Com a convivência agente acaba se acostumando com tamanha competência do serviço, mas o que já era bom está ficando bem melhor.

O Google lançou uma ferramenta no Google maps que coloca você no assento do motorista em 5 cidades dos Estados Unidos (San Francisco, Las Vegas, Denver, New York e Miami.). Com ela você pode passear livremente pelas ruas da cidade com direito a visão 360°, sempre acompanhado de feedbacks instantâneos sobre os endereços das ruas e a sua exata localização no mapa. Pense no trabalho que deu tirar todas essas fotos..

Antes do Google, a Microsoft tentou lançar uma versão “tabajara” desse serviço, o Windows Live Street View que coloca você literalmente no assento do motorista. Mas metáfora atrapalhou mais do que resolveu e o que era um serviço de localização “engraçadinho” acabou se transformando em uma espécie de jogo sem-graça e difícil de usar. Mais uma vez a Microsoft pecou no básico.

Acesse:

Google Maps

Vai um corte de cabelo aí?

2007-05-29T14:57:00.000-03:00

Já não é de hoje que ouvimos falar em sonorização 3d (começou em 99 na produção de Star Wars Episódio I) mas particularmente eu nunca tinha visto algo na internet com tanta qualidade sonora combinada a uma experiência fantástica como no virtual barbershop.

Você realmente se sente na cadeira de uma barbearia, duvida? pare por um instante o que você esta fazendo e experimente

1. Coloque seus fones (caixas de som não provocam o mesmo efeito),

2. Feche seus olhos (mesmo)

3. Aperte o play e deixe o resto com o barbeiro :-)

O nome da técnica é Binaural recording que utiliza pequenos microfones na altura dos ouvidos para simular um ambiente real.

Valeu Gil pela dica!

Virtual Barbershop.mp3
Para salvar o mp3, clique com o botão direito no link e depois "Salvar como"

Vale o click! (Abril)

2007-04-03T14:05:00.000-03:00

Supermarket 2.0
Uma sátira das discussões Web 2.0 numa analogia com um supermercado.

Tags: fun internet video web2.0

Carbonmade: Your online portfolio.
Seu portfólio online... Backend ao estilo web 2.0 com RIAs, fontes grandes, e diga-se de passagem, um ótimo serviço pros preguiçosos de plantão!
Tags: design portfolio ria web2.0 community inspiration

Por dentro da Apple
Apontada como a empresa mais inovadora do mundo, ela é sinônimo de aparelhos revolucionários como o iPod e, recentemente, o iPhone. Qual é, afinal, o segredo da Apple?
Tags: apple artigos

Keep It Simple, Stupid! | Smashing Magazine
Simplicidade é mais complexo do que você acha.
Tags: design arquitetura_informação artigos blog

Intuitect - Intuitect Professional
Primeira ferramenta voltada exclusivamente para arquitetos de informação e designers de interação que conciliam documentação e projeto das interfaces
Tags: design prototyping wireframe ferramenta arquitetura_informação

beautifully : : webdesign - links
Ótimo site de referências visuais
Tags: design inspiration links webdesign

Gliffy.com
Ferramenta genial para criar e compartilhar fluxogramas, sitegramas, casos de uso, etc..
Tags: ferramenta arquitetura_informação

MiniAjax.com / A showroom of nice looking simple downloadable DHTML and AJAX scripts
Biblioteca de soluções em Ajax
Tags: ajax web2.0 css

Eye Tracking - Etre
Olhem esse vídeo muito legal explicando estudos com a ferramenta que registra o olhar dos usuários. Reparem como acontece um banner blindness absurdo. > Via Felipe Memória
Tags: design software usabilidade video estatítstica

Novo site da AIGA - American Institute of Graphic Arts
interessante notar: nada de web 2.0 Ajax e firulas, mas bastante usável, e com um conceito interessante em relação ao processo de cadastro (progressivo) e tipo de associação .
Tags: design web2.0 inspiration community

Red Interactive Agency
Site muito bacana ao estilo "the flying man"
Tags: design flash fun inspiration

Eventos de AI neste ano « ClickAI
Eventos nacionais e internacionais para Arquitetos de Informação programados para este ano
Tags: eventos arquitetura_informação

3º Congresso Internacional de Design da Informação
Acontecerá em Curitiba nos dias 10 a 13 outubro
Tags: eventos design interaction_design

Descargar Pensar Primero
Livro gratuito sobre usabilidade em espanhol.
Tags: usabilidade usability

O Rafinha te explica
Pare por 10 minutos e assista a esse vídeo para entender um pouco sobre como esta a sociedade nesse momento digital que vivemos ;-)

Tags: internet negócios video web2.0

Gizmo Call
Ligações gratuitas pra qualquer telefone!
Tags: software internet web2.0

Hammer & Coop
Mais uma série de filmes para um carro na web, mais uma mega-produção, mas dessa vez com muito humor.
Tags: video videos fun

S-W-H
Busca suggest interessante
Tags: design flash inspiration interface navegação

Dissertação de mestrado: Centrando a Arquitetura de Informação no usuário - GUILHERMO.com
Propostas de metodologias de projetos de arquitetura de informação na teoria e na prática além de um levantamento dos perfil do arquiteto de informação brasileiro.
Tags: arquitetura_informação usabilidade metodologia pesquisa

Vale o click! (Março)

2007-03-02T10:13:00.000-03:00

Purves Lab / See For Yourself
Alguns experimentos do Centro de Ciências Cognitivas da Duke University.
Tags: design interação interaction_design

plusminus: C'ALL future phone
Um celular MashUP! Além de telefone, você pode colocar nele o seu cartão de crédito, as chaves de casa, do carro, cartões de visita.

Tags: interação, design, software

Getting Real by 37signals - Português
Metodologia de produção utilizada pela equipe da 37signals que prega a filosofia do menos é mais.
Tags: internet livros metodologia projects web2.0 software

Competitious
Ferramenta para observar os websites da concorrência.
Tags: internet negócios web2.0 estatítstica

A consistência da interface com o usuário para a TV interativa - Mestrado - Gil Barros
Dissertação de mestrado que fala sobre design de interface para TV interativa.
Tags: interface usabilidade usability TV interação

Bartelme Design | Showroom
Belo site ao "estilo web2.0"
Tags: blog design css inspiration web2.0

Golfe - Portal Brasileiro do Turismo
O grande apelo do site é mostrar para os turistas que eles podem conhecer o Brasil jogando seu esporte favorito, em diversos campos espalhados pelo país. Por isso, a navegação é feita em cima dos campos, sendo possível uma busca, ainda na home, com
Tags: projeto navegação design

The Next Net: Will Widgets Kill the Webpage? (Exclusive Netvibes video). Entrevista com o CEO do NetVibes
Tags: internet

Crazy Egg – visualize your visitors
Ferramenta on-line de mapeamento de cliques na página
Tags: web2.0 pesquisa usability usabilidade util ferramenta estatítstica

Festa na Medida - Brasal Refrigerantes
Um e-commerce que recomnenda a quantidade certa de bebida para festas.
Tags: flash design Duca! ecommerce RIA

Web 2.0 how-to design style guide
Design Guide: Como desenhar para Web 2.0
Tags: blog inspiration internet patterns projects Web2.0

A criação de identidade visual em etapas definidas
Na criação de uma identidade visual, a tarefa principal do designer é definir um conceito adequado à representação da marca, caracterizando a personalidade da empresa em um símbolo.
Tags: design artigos webinsider

INTERACT 2007 Conference - Socially Responsible Interaction
Evento internacional Interact 2007 acontecerá de 10 a 14 de setembro, no Rio de Janeiro, Brasil, e contará com as maiores autoridades em IHC no mundo.
Tags: design usabilidade usability eventos

Creating prototypes with OmniGraffle | urlgreyhot
Vídeo que demonstra a criação de protótipos funcionais com o OmniGraffle para Mac
Tags: wireframe prototyping software arquitetura_informação video videos

Your ultimate widgets resource
Uma coletânea completa de widgets
Tags: blog community web2.0 wiki software

Video: entenda a web 2.0 em quatro minutos
Um excelente vídeo explicando a Web 2.0

Tags: video videos web2.0

visualcomplexity.com | A visual exploration on mapping complex networks
Grafícos de tão complexos são bonitos ;-)
Tags: FUN internet mapas social information interação

midomi - Search for music by singing
Só conhece aquele pedaço da música que está procurando? então cante para achá-la!
Tags: community MP3 social web2.0

O Design é assim, assim é o Design

2007-02-21T22:54:00.000-02:00

Vejam este vídeo educativo sobre design, produzido pela Rede Gaúcha de Design, mostrando um pouco do dia a dia do designer e sua metodologia de trabalho. Uma bela iniciativa para a valorização da profissão e do profissional.

Assista:

As influências da inclusão digital no design para web

2007-02-05T11:34:00.000-02:00

Estou na revista web design deste mês promovendo a discussão sobre inclusão digital junto com Bruno Parodi, Cristiano Fernandes, Melissa Lesnovski e Vitor Elman.

................................................................

Sem dúvida, a maior influência será na adaptação das interfaces aos usuários excluídos, no sentido de aproxima-lás ao máximo do mundo real, ao qual ele está familiarizado; não exigindo, assim, um novo aprendizado para associar comandos e ações.

As interfaces devem incentivar as pessoas a se sentirem capacitadas para interagir. A aplicação de ícones e rótulos familiares aos usuários em outro contexto “offline” já é um bom começo, mas também precisamos atentar para questões simples como comunicar o fato de que a página não acabou e pode ser rolada, por exemplo.

Mas de nada adianta se alguns poucos sites se preocuparem com essa adaptação, é preciso consistência. Elementos interativos, validados em testes de usabilidade, precisam ser padronizados e difundidos em um esforço conjunto de conscientização entre os projetistas, visando melhores práticas, assim como acontecesse com a preocupação com a acessibilidade hoje.

É o nosso dever, como designers, tornar a internet mais fácil e democrática para diminuir esse abismo que existe atualmente entre os privilegiados e os excluídos digitalmente. Os usuários agradecem. ;-)

................................................................

Para os que se interessaram pelo assunto, recomendo a leitura do paper de Alexandre Silvino, navegabilidade e inclusão digital: usabilidade e competência (PDF) e aproveitem para dar continuidade a discussão aqui mesmo no blog.

Vale o click! (Fevereiro)

2007-02-02T13:56:00.000-02:00

Estou de volta das minhas férias e com uma novidade aqui no blog, a partir de hoje vou publicar os meus links favoritos mensalmente no “Vale o click!”.

Acesse:

Graduate Programs in Interaction Design
Cursos de graduação e pós-graduação em design de interação
Tags: interaction_design design conhecimento cursos

Curso: Especialização em Design de Interação
Curso de especialização em design de interação na PUC Minas em BH
Tags: cursos interaction_design conhecimento

Panic Goods - Nice T-Shirts For You
Excelente carrinho de compras!!!!
Tags: ajax design css ecommerce interface interação RIA refereces

The Dutch Web 2.0 Awards - Presented by BlueAce
Os melhores de 2006 segundo a BlueAce Alemã
Tags: awards web2.0 design

Screenalicio.us - Get inspired!
Diversos screenshots de bons sites para inspiração
Tags: social web2.0 design inspiration

Como fazer design para a web 2.0
Compilação de links para entrar na onda do design grafico a la web2.0
Tags: design web2.0 webdesign

Getting Real - 37 Signals
Verão on-line da metodologia da 37 signals - onde o simples, resolve.
Tags: artigos arquitetura_informação metodologia

Mobile UI pattern library: the wiki
Padrões de interação para dispositivos móveis
Tags: design interface patterns wiki

Step-by-Step Usability Guide
Um guia bastante didático sobre o processo de usabilidade
Tags: design usabilidade usability projeto refereces

CrowdSpirit
Uma comunidade aberta de co-criação de produtos eletrônicos
Tags: community wiki web2.0 negócios social blog

InXile - The Official Home of Line Rider
Joguinho viciante ;-)
Tags: flash FUN games game

Officer Blue no Ar!

2007-01-02T21:36:00.000-02:00

2007 já começou com o lançamento de um projeto que gostei muito de ter participado, no ano passado (2006, vale lembrar..) trabalhei junto com a BMPM, na Alemanha, no projeto chamado Officer Blue.

Desafio

O projeto nasceu da necessidade de construir uma ferramenta que funcionasse como uma espécie de “anti-virus” na internet, analisando as URL`s acessadas pelos usuários a fim de identificar e alertar as pessoas sobre sites falsos que costumam roubar informações pessoais ou até mesmo dinheiro através de fraudes eletrônicas, também chamadas de phishing. O coração do projeto é o banco de dados colaborativo, alimentado pelos próprios usuários, que podem apontar sites que são seguros ou não.

Solução

A questão norteadora do projeto foi como estimular os usuários a colaborarem utilizando uma linguagem simples e de assimilação universal, já que o publico alvo são os europeus, além de inspirar a confiança de um “anti-virus”. A resposta foi uma idéia bastante simples: “O que é ruim vai para a lista negra, o que é bom vai para a branca”, essa foi à pedra fundamental do projeto que orientou da arquitetura de informação ao design gráfico.
Fui o responsável por toda a identidade visual e interatividade do produto (desde a assinatura visual, website, software Windows e material offline para marketing e divulgação) além de gerenciar alguns recursos envolvidos na construção da interface do Officer Blue. Que por falar neles, mais uma vez obrigado pela ajuda! ;-)

Visite o site do Officer Blue e aproveite para experimentá-lo, baixando a versão freeware.

Acesse:

officerblue.com

Mas por que essa coisa não funciona direito!?

2006-11-17T16:05:00.000-02:00

Se você já falou essa frase antes, é porque você acabou de identificar um erro de usabilidade de um projeto mal feito. Muito bem, separei alguns sites de gente que vasculha tanto a internet quanto outros artefatos interativos do nosso cotidiano atrás de desastres de usabilidade..

Espero que gostem e se conhecerem outros sites que não estão listados aqui, por favor, dê a sua sugestão.. ;-)

Em português

- Vida fácil

- Ta difícil..

Em inglês

- This is broken

- Usability Must Die

Por uma tecnologia mais fácil de usar

2006-10-30T11:13:00.000-03:00

Os organizadores do World Usability Day criaram uma declaração mundial com direito a abaixo assinado para despertar a consciência das pessoas sobre o uso da tecnologia e de como ela deve facilitar nossas vidas. Leiam e assinem, se concordarem com o texto.

“Acreditamos que produtos melhores, mais compreensíveis, que atendam às diferentes necessidades – em resumo, com maior usabilidade - somente serão construídos quando a sociedade assim o exigir.”

Lucia Filgueiras
Presidente da UPA Brasil – Associação dos Profissionais de Usabilidade

Acesse a declaração:

Dia Mundial de Usabilidade | Declaração

Confirmada minha palestra na 7ª Semadi

2006-10-26T14:01:00.000-03:00

Vou participar de uma mesa redonda com outros profissionais e estudantes de design para discutirmos o posicionamento do mercado brasiliense a respeito da profissão no 7ª Semadi (Semana acadêmica de Design de Interfaces) que vai acontecer na FAC Brasília no dia 7 de novembro às 19:30, aqui em Brasília.

Mais sobre o evento

Com o tema “Mercado Aberto” a Sétima Semadi traz um ponto relevante para os estudantes de Design: o mercado atual de Brasília e as possibilidades de trabalho, abordando também a questão da regulamentação da profissão de Designer, objeto de grande discussão dos profissionais e estudantes da área. A intenção da semana acadêmica é mostrar para os estudantes a situação atual do mercado em Brasília, procurando eliminar incertezas sobre o futuro profissional de Design. Profissionais da área, empresas privadas e governo serão convidados para a discussão sobre a inclusão do designer no mercado de trabalho, profissional fundamental para o crescimento econômico e social do país.

Acesse:

7° Semadi Brasília

Melhorando a eficiência de “diálogos monólogos”

2006-09-18T13:51:00.000-03:00

Você provavelmente já se deparou com uma janelinha como essa, caixas de diálogo são importantes em qualquer plataforma interativa porque são elas quem estabelecem uma comunicação com o usuário a respeito das tarefas que estão sendo desempenhadas na interface. Hoje li um post que questiona a eficiência destes diálogos não apenas pelas mensagens racionais monólogas contidas nelas, que chegam a ser engaçadas às vezes, mas pelo meio interativo no qual elas estão inseridas.

Será que todo feedback precisa mesmo de uma resposta do usuário? Muitas das mensagens, como do exemplo acima, são apenas monólogos. O botão “OK” fica irrelevante e pode ser descartado por não se tratar de um diálogo com o usuário. Foi justamente isso que o Aza Raskin propôs em sua solução para mensagens como estas, focando os feedbacks nas mensagens e não no diálogo.

Assista ao vídeo abaixo:

Quer mais?

Monolog Boxes and Transparent Messages ( Humanized.com )

Confirmada minha palestra no nDesign 2006

2006-06-09T09:35:00.000-03:00

O nDesign 2006 acontecerá em julho aqui em Brasília, vou apresentar meu TCC chamado Pixel Print – Melhorando a experiência de revelação on-line de fotos digitais.

Estou trabalhando no conteúdo que pretendo disponibilizar logo logo aqui no blog, por enquanto segue a introdução do trabalho.

..................................................................................................

Nos últimos anos, o crescimento explosivo das câmeras digitais e o volume de dados gerados por essas máquinas é tão grande que o comportamento dos usuários foi modificado. Hoje as pessoas fotografam mais e revelam menos suas fotos se comparado a época das câmeras analógicas. Por outro lado, as pesquisas realizadas neste trabalho apontam que a experiência das pessoas com fotografia continua intimamente ligada ao formato analógico e que os novos comportamentos dificultam a impressão das fotografias digitais. Sendo assim, foi necessário investigar vários aspectos do projeto de interação com usuário, desenvolver um novo mecanismo de impressão de fotografia digital on-line e adaptá-lo às necessidades dos usuários.

Este projeto tem como objetivo desenvolver uma interface que possibilite aos seus usuários interagir com o sistema de impressão de fotografia digital utilizando como meio a internet.

Para o desenvolvimento deste projeto, foi utilizada a metodologia de delimitação do problema para produzir o roteiro de pesquisa com os usuários e análise de projetos similares a fim de delimitar os requisitos, construir um protótipo funcional e validá-lo com usuários reais em testes de usabilidade.

Tema

Website de impressão e divulgação de fotos digitais on-line

Nome do projeto: Pixel print

Objetivos

Objetivo geral

A proposta do projeto visa oferecer aos proprietários de câmeras digitais uma alternativa para imprimir e divulgar suas fotos na internet.

Objetivos específicos

- Oferecer serviços de impressão e entrega domiciliar de fotos digitais;

- Difundir informações relacionadas à fotografia;

- Criar uma interface que possibilite ao usuário o controle de envio, gerenciamento de impressão, manipulação, acabamento e divulgação de suas fotos.

Justificativa

Problema:

As câmeras digitais proporcionam praticidade e liberdade aos seus usuários, porém, devido aos novos costumes do consumidor e ao atraso na adaptação da oferta de serviços, problemas surgiram concomitantemente à implementação dessa tecnologia.

Por não utilizarem filme fotográfico, a quantidade de fotos tiradas e o seu tamanho digital, resolução, aumentaram consideravelmente e tendem a aumentar cada vez mais com os aperfeiçoamentos das câmeras e dos recursos de armazenamento fotográfico. Dessa forma, os usuários de câmeras digitais têm dificuldade relacionadas ao armazenamento, transporte e disponibilização de fotos de maneira pratica, o que demanda tempo e custo. Alem disto, há uma significativa deficiência na adaptação do mercado à oferta de serviços dedicados a essa tecnologia, acarretando em trabalho acumulativo e atraso. [FHOX, nº95 – 2005, pg 23].

Solução:

A proposta do projeto visa preencher a lacuna da oferta de serviços especializados em tecnologia fotográfica digital utilizando como meio a internet.

Neste website os usuários poderão enviar suas fotos digitais a partir da origem (computador pessoal, laptop, palm, celular), que serão manipuladas, organizadas em álbuns, enviadas aos servidor, armazenadas, impressas e posteriormente entregues no local desejado pelo usuário

Um desdobramento do projeto poderá contemplar os usuários com funcionalidades de publicação e divulgação das fotos através de galerias e álbuns virtuais pessoais, restritos ou não, em que o usuário poderá convidar seus amigos a visitá-los no website.

Na perspectiva de mercado, o website possibilita atender às necessidades do cliente com maior agilidade, produtividade e comodidade, aumentando os rendimentos e o giro de negócios.

Diferencial

O diferencial do projeto está no sistema unificado de prestação de serviços para derivados da fotografia digital no meio web.

Acesse:

nDesign 2006

Novo portal de Loterias CAIXA

2006-06-05T13:26:00.000-03:00

Para os que gostam de apostar na sorte toda semana, foi ao ar hoje o novo portal de Loterias do site da CAIXA.

As soluções neste redesenho do ponto de vista da arquitetura da informação foram:

A home de Loterias se aproximou da experiência off-line de seus usuários, “traduzindo” alguns elementos utilizados nas Casas Lotéricas.
A usabilidade do novo portal visa diminuir a carga de trabalho dos usuários, levando-os diretamente a sua meta de navegação, ou seja, o resultado do jogo.
A apresentação do conteúdo está sincronizada ao calendário lotérico, orientando sempre o usuário sobre os jogos já sorteados e os que estão por vir.
Cada Loteria possui suas informações concentradas em um ambiente específico, de forma a atender principalmente os jogadores assíduos de cada tipo de jogo.
O conteúdo também ficou mais didático.

Espero que gostem! ;-)

Acesse:

www.caixa.gov.br/loterias/

Meu apertado local de trabalho

2006-04-25T10:39:00.000-03:00

Brasília, Brasil. Numa típica manhã de domingo hollywoodiana

Meu humilde e desconfortável local de trabalho. Ainda estou providenciando uma foto mais realista para mostrar como um designer de interfaces ganha mal! ;-)

Faça parte da blogópolis você também. Mostre o seu local de trabalho como os seus habitantes Fábio, Sílvio, Bruno, Diego, Elcio, Fred, Mônica, Rodrigo, Fábio, Michel, Ciro, Henrique, Horácio, Cebola, Felipe, Alex, Gustavo, Alê, Alexandre, DaniCast, Alessandro, Bruno Alves, Cris, Danilo, Danillo, Juarez, Dudu, Erick, Walmar, Bia, Gustavo Cardoso, Gawry, Herbert, Humberto, Robson, João Vagner, Flávio, Luciano, Leo, Jânio, Simone, Caparica, Dulcetti, Cosme, Issamu, Gui, Rodrigo, Leôncio, Kadu, Jônatas, Maurício, Merigo, Nandico, Marco

Seus avós também usam a internet, sabia?

2006-04-19T16:59:00.000-03:00

Brasil, um país de idosos

População brasileira com mais de 70 anos já é de 7,7 milhões e pode chegar a 34,3 milhões em 2050, segundo o IBGE

Não sei quanto a vocês, mas isso realmente me assustou e chamou minha atenção para um tema antigo, que ainda são poucos os que levam a discussão para frente, o de se desenvolver produtos interativos para os idosos, afinal hoje eles já ocupam boa parte da fatia de consumo e tem muito poder aquisitivo ao se identificar com um produto que adeque a suas necessidades.

Antes da parte técnica eu gostaria de compartilhar com vocês uma história que reflete o comportamento consumidor dos idosos. Há alguns anos eu pude observar minha querida avó comprando um celular. Ela não tinha o menor interesse nas funcionalidades que os modelos ofereciam, seu desejo era um aparelho que fosse pequeno o suficiente para caber na bolsa e cumprido o bastante para conversar com as pessoas do outro lado da linha (lembre-se que sua experiência com telefones são os comuns, ditos fixos, com formas que estendem da orelha até a boca para falar) um telefone menor que isso desaperta certa desconfiança no aparelho, com medo de que a pessoa que está do outro lado da linha não a ouça direito. Volta e meia eu ainda observo pessoas na rua conversando em seus celulares pequenos como se estivessem em um walk talk, provavelmente com este mesmo receio. Mas o fator de decisão “matador” foi à acessibilidade do telefone, ela queria um aparelho que ela pudesse manusear sem precisar utilizar seus óculos na hora de teclar os números.

Na loja o vendedor apresentou vários modelos e ela apenas disse que não tinha interesse em telefones com tantas funcionalidades por que ela não sabe e não tem o menor interesse em aprender a utilizá-los. O vendedor apontou como a melhor opção o aparelho mais simples e barato da loja com aquele ar de “pessoas da sua idade costumam comprar esse aparelho..”

Olhando mais um pouquinho, ela resolveu levar o aparelho mais caro da loja (o Motorola V60 na época) pela simples função que só ele tinha de aumentar às letras no visor digital. Decisão tomada sem questionar o preço do celular naquela ocasião, afinal o telefone se ajustou bem às necessidades dela e segundo minha querida avó, isso não tem preço na hora da compra.

Esse comportamento também acontece na internet, onde o site mais adaptado fica em uma posição privilegiada para atender esses consumidores. Hoje eu li um artigo de Tim Fidgeon que aborda esse tema em seu artigo melhore a usabilidade para os idosos - Improve Usability for Older Users. Onde ele comenta que a população inglesa com mais de 60 anos hoje é maior do que de a dos jovens 16 anos de idade. Sendo assim, eles resolveram analisar a experiência dos idosos com os websites comparando os resultados de 16 sessões de testes de usabilidade com usuários entre 40 e 65 anos.

Os estudos indicam que existem coisas realmente simples que podemos fazer para apoiar melhor as atividades dos idosos durante sua interação com os websites, traduzi abaixo as principais recomendações e espero ajudar essa audiência que cresce em tamanho e importância para os próximos anos.

Designers devem investigar jeitos inovadores de comunicar o fato de que a página não acabou e pode ser rolada – scroll
Termos técnicos devem ser evitados sempre que possível. Uma explicação clara deve ser aplicada onde eles precisam ser usados (incluindo exemplos apropriados)
Links devem ser identificados de forma consistente e obvia (exemplo ao bom e velho estilo Nielsen: azul, negrito, sublinhado e vermelho no mouse-over)
Os elementos que chamam atenção na página devem ser links (Exemplo: Figuras, ícones, bullets, etc.)
Links visitados devem mudar de cor.
Forneça uma versão em HTML de conteúdos que precisam instalar algum software para serem visualizados (exemplo.: PDF)
Faça um conteúdo conciso e claro sempre que possível. Forneça duas versões do mesmo conteúdo (simples e detalhado) e deixe o usuário decidir que tipo de conteúdo ele deseja acessar.
Websites devem fornecer sempre uma funcionalidade de “aumente o tamanho do texto” acompanhado de ilustrações ou ícones que reforçam essa idéia e preocupe-se sempre com o contraste do texto e o fundo
Disponibilize instruções explícitas usando verbos imperativos (exemplo: Saiba mais detalhes, Encontre, Envie, etc)

Estas são apenas sugestões iniciais e obviamente demandam mais estudos aprofundados sobre o assunto.

A usabilidade pesa na hora de decidir

2006-02-20T10:19:00.000-03:00

Hoje eu gostaria de compartilhar com vocês uma frustração que tive recentemente como usuário de caixas eletrônicos.

A algumas semanas atrás eu resolvi mudar de banco e fechar uma conta corrente que tinha a mais de 4 anos. Foi uma atitude muito espontânea, sem remorsos ou qualquer coisa parecida, simplesmente eu decidi fechar a conta e ponto final. Esses dias eu estava pensando no por que resolvi tomar tal atitude, afinal, eu continuava operando a conta normalmente e de um dia para o outro eu resolvi fechá-la?!

Comecei a pensar nos motivos que me levaram a isso e eu não encontrava nenhum motivo lógico.. Pensando mais um pouco, descobri que não se travava de um motivo lógico e sim inconsciente. Eu era usuário dos caixas eletrônicos daquele banco a mais de 4 anos, portando, um usuário experiente quando comecei a experimentar os caixas eletrônicos do outro banco que recentemente abri uma conta.

Certo dia, o meu antigo banco me informou que eu precisava de uma senha adicional de 4 caracteres para melhorar a segurança e a imprimiu dizendo que eu precisava guardá-la para os próximas operações no caixa eletrônico. Quando eu perdi o tal papel com a senha, foi um deus nos acuda.. eu estava simplesmente engessado e não conseguia movimentar minha conta de forma alguma pelos terminais..

No meu novo banco, também existe essa senha adicional de segurança só que com um diferencial enorme sobre o antigo banco, fui eu que escolhi! E não o banco que me impôs uma senha para que eu lembrasse sempre quando precisava movimentar meu dinheiro.

Observe que esse tipo de dado provavelmente não aparece nas estatísticas do banco, mas poderia ser facilmente detectado e evitado com algumas simples perguntas sobre o que os usuários achavam daquela maldita senha adicional.

Design patterns - Padrões de Interação

2006-02-14T10:00:00.000-02:00

Patterns é uma importante ferramenta de trabalho do designer de interfaces que pode ser traduzido em bibliotecas de “melhores práticas” de dispositivos e elementos usados no processo de concepção de uma interface interativa.

Essas bibliotecas focam seu conteúdo em problema, contexto e solução ilustrados em exemplos de uso, numa tentativa de guiar o designer a usar o seu conhecimento dentro do contexto abordado em seu projeto específico.

Existem patterns distintos para projetos Web, Desktop ou Mobile, coloquei uma pequena lista de alguns sites que possuem essas melhores práticas, mas o que está disponível ainda é muito pouco para tamanha demanda. Talves seja uma boa oportunidade de desenvolver uma biblioteca com conteúdo colaborativo, não concordam?

Martijn van Welie's Design Patterns
Possui uma vasta coleção de exemplos

GUIdebook Gallery
Apesar de não serem patterns, reúne uma grande coleção de imagens com a evolução das interfaces e componentes dos softwares desktop

Web Design Practices
Possui uma coleção de melhores práticas com dados estatísticos de uso

User Experience Resource Collection
Já que estamos falando de referências, essa é uma coleção que descreve todos os termos e técnicas usados no nosso universo de trabalho.

Yahoo! Design Pattern Library
O Yahoo! divulgou hoje a sua primeira publicação interna de padrões de interação. Trata-se basicamente de um guideline sobre como os widgets da empresa são padronizados no site. Por enquanto é bem pequena, apenas 13 boas práticas, mas eles prometeram que irão adicionar mais nos próximos meses. Tomara ;)

Quer mais:

Links e literatura - Martijn van Welie

The Design of Sites - By Douglas K. Van Duyne, James A. Landay, And Jason I. Hong

Padrões são inevitáveis, até no design - Usabilidoido

[ gustavo moura ] Blog

Focus on users, and the rest will follow

A evolução do paper prototyping no Gmail :)

Use seu celular como quiser

No ventilador!

Criar experiências é como contar histórias

Google Maps Street View

Vai um corte de cabelo aí?

Vale o click! (Abril)

Supermarket 2.0Uma sátira das discussões Web 2.0 numa analogia com um supermercado.

Tags: fun internet video web2.0

Carbonmade: Your online portfolio.Seu portfólio online... Backend ao estilo web 2.0 com RIAs, fontes grandes, e diga-se de passagem, um ótimo serviço pros preguiçosos de plantão!Tags: design portfolio ria web2.0 community inspiration

Por dentro da AppleApontada como a empresa mais inovadora do mundo, ela é sinônimo de aparelhos revolucionários como o iPod e, recentemente, o iPhone. Qual é, afinal, o segredo da Apple?Tags: apple artigos

Keep It Simple, Stupid! | Smashing MagazineSimplicidade é mais complexo do que você acha.Tags: design arquitetura_informação artigos blog

Intuitect - Intuitect ProfessionalPrimeira ferramenta voltada exclusivamente para arquitetos de informação e designers de interação que conciliam documentação e projeto das interfacesTags: design prototyping wireframe ferramenta arquitetura_informação

beautifully : : webdesign - linksÓtimo site de referências visuaisTags: design inspiration links webdesign

Gliffy.comFerramenta genial para criar e compartilhar fluxogramas, sitegramas, casos de uso, etc..Tags: ferramenta arquitetura_informação

MiniAjax.com / A showroom of nice looking simple downloadable DHTML and AJAX scripts Biblioteca de soluções em AjaxTags: ajax web2.0 css

Eye Tracking - EtreOlhem esse vídeo muito legal explicando estudos com a ferramenta que registra o olhar dos usuários. Reparem como acontece um banner blindness absurdo. > Via Felipe MemóriaTags: design software usabilidade video estatítstica

Novo site da AIGA - American Institute of Graphic Artsinteressante notar: nada de web 2.0 Ajax e firulas, mas bastante usável, e com um conceito interessante em relação ao processo de cadastro (progressivo) e tipo de associação .Tags: design web2.0 inspiration community

Red Interactive Agency Site muito bacana ao estilo "the flying man"Tags: design flash fun inspiration

Eventos de AI neste ano « ClickAIEventos nacionais e internacionais para Arquitetos de Informação programados para este anoTags: eventos arquitetura_informação

3º Congresso Internacional de Design da InformaçãoAcontecerá em Curitiba nos dias 10 a 13 outubroTags: eventos design interaction_design

Descargar Pensar PrimeroLivro gratuito sobre usabilidade em espanhol.Tags: usabilidade usability

O Rafinha te explicaPare por 10 minutos e assista a esse vídeo para entender um pouco sobre como esta a sociedade nesse momento digital que vivemos ;-)