Design For Simplicity Rio Info 2007

para

Design

Simplicidade

Horácio Soares Acesso Digital

22 de agosto de 2007

Lápis em doze cores diferentes

Pesquisa do Nielsen Group, entre 2001 e 2003, as Intranets tinham em média 200 mil páginas e nos últimos anos, esse número subiu para 6 milhões.

Como tratar o excesso de informação?

Um burro com excesso de carga impedido de andar.

Complexo: “que abrange ou encerra muitos elementos ou partes. Confuso, complicado, intrigado”.

Um homem com medo

Simples: “formado de poucos

elementos, e, portanto, de fácil utilização e

compreensão”.

Um homem feliz

Como simples é sinonimo de

poucos elementos, o

primeiro passo é reduzir o número

de itens na interface.

Pergunte aos clientes de um restaurante o que eles

preferem:- um cardápio repleto de opções- ou um com poucas alternativas

Exemplo de um cardápio com muitas opções

Qual caminh

o escolhe

r?Um homem indecisoUm poste com dezenas Um poste com dezenas

de setas para todos lados de setas para todos lados

Aprender a se perguntar “isso realmente precisa estar aqui?” é o primeiro passo para iniciar a criar simplicidade.

Pär Almqvist in Keep it simples, stupid!

http://www.digital-web.com/articles/keep_it_simple_stupid/

Um poste com dezenas Um poste com dezenas de setas para todos lados de setas para todos lados

Simplicidade não é sinonimo de simploriedade, pelo contrario, é sinonimo de sofisticação.  

“Simplicidade é o supra-sumo da sofisticação. Simplicidade é saber o que manter e o que jogar fora... isso acontece como mágica quando funciona, porque nenhuma complexidade é transferida aos usuários.” (5º Princípio de Joshua Porter)

http://bokardo.com/about/

“Os melhores designs são simples, isto porque eles não contém nenhum

elemento desnecessário ao

contexto”.

Pär Almqvist in KISS – Keep it simples, stupid!

http://www.digital-web.com/articles/keep_it_simple_stupid/

Google"How did they get that way?

Google"How did they get that way? They kept it simple and focused on user experience.“ Dave Winner (CEO of UserLand Software, a leading Web technology and publishing company based in Millbrae, CA.)

Imagem do Google Beta em 1998

Fonte: http://www.archive.org

Imagem do Google em 2007

Como era a interface da

concorrência?

Para efeito de comparação,

escolhi o Altavista

Imagem do Altavista em 1996

http://www.archive.org

Imagem do Altavista em 2000

Imagem do Altavista em 2007

GoogleSerá que o

Google é acessível? É fácil

de usar?

“A modern paradox is that it’s simpler to

create complex interfaces because it’s so complex to simplify

them”.

Pär Almqvist in Keep it simples, stupid!http://www.digital-web.com/articles/keep_it_simple_stupid/

Menos é mais…

Almqvist criou uma fórmula da simplicidade: A = simplicidade, então A = x + y + z. Onde x é uma boa pesquisa e prototipação, y é brincar, se divertir e z e reduzir os elementos desnecessários

Homem surpreso

IPOD x

Outros MP3

playersImagens de IPODS

Como encontrar

e acertar o alvo?

Mulher com arco e flexa

Sony x Nintendo

Imagem da nova versão do console da Nintendo e de algumas pessoas interagindo com o Wii

Foco no usuário…

Um desenho estilizado com pessoas de mãos dadas ao redor do globo terrestre.

Padrões e Convenções“A experiência pertence ao

usuário.Os designers não criam

experiências, eles criam artefatos para a experiência. Esta simples

distinção faz toda a diferença, ela coloca o designer a serviço do

usuário, e não o usuário a serviço do designer.”

(3º Princípio de Joshua Porter).

Você é capaz de dirigir qualquer um

dos modelos de carros disponíveis

no mercado?

Homem em dúvida

“A tecnologia deve servir aos homens e não os homens que

devem servir as tecnologias.”

(1º Princípio de Joshua Porter).

É loucura negar o potencial de

novas tecnologias e

inovações, mas vale lembrar

que todo benefício

implica necessariament

e em sacrifício da mesma

envergadura.

Foto do EcoSport com câmbio automático

Mas por que não

conseguimos fazer

portais

fáceis de usar, assim

como os carros?

“Os tecnólogos adoram a complexidade ...

Complexidade é o que acontece quando a indústria

empurra as vendas acrescentando ‘excitantes’;

‘novos recursos’...”

Revista InfoExame, artigo: Em Busca da Simplicidadehttp://www.urisan.tche.br/~paludo/IHM/Artigo/Em%20busca%20da

%20simplicidade.doc

Microsoft Office 2007 + Vista

1.Powerpoint - Formato incompatível com versões anteriores;2.Onde está o Wally?, digo, onde está o “save as” ou “salvar como”?

Tela dessa apresentação em power point 2007

A nova versão colocou o atalho para o Slide Show

na direita.

Mesma tela do slide anterior, mas agora com o atalho para o slide show com uma moldura em volta. Na versão anterior do office, ficava na esquerda e agora no office 2007, na direita.

Onde está o

“salvar como”

ou “save as”?

Quando iniciei a procura do comando “save as” ou “salvar como”...

Eu abrindo diversas opções, mas nada de achar o “salvar como”

Ainda buscando o “save as”, mas nada ainda.

Depois de quase desistir de procurar, consegui a ajuda de um amigo que havia passado pelo mesmo problema.

Apesar de usar o Power Point a mais de 15 anos,

eu me senti um idiota por não entender o

“obvio” e clicar no botão com as opções do

ultrapassado menu “file” ou “arquivo”.

No office 2007, a opção de “salvar como” encontra-se cuidadosamente escondida dentro de um botão, que mais se parece com um logotipo, localizado no canto superior esquerdo da interface.

Menu com diversas opções, inclusive o “save as” no menu aberto após clicar sobre o botão “logomarca” no canto superior esquerdo.

Aparência é importante?

Foto de um animal, que de tão feio, não sei dizer ao certo se é um cachorro ou gato.

Qual dos dois Bigmacs você escolheria?

Foto de um sanduíche comprado em uma loja qualquer.

Foto do mesmo sanduíche e para fins de marketing.

Sim, mas design não é arte!

A arte é um expressão pessoal, um ponto de vista. É sobre a vida, as emoções, os pensamentos e idéias de

um determinado artista.

Tira do Dilbert citada nessa apresentação na Rio Info 2007. Encontra-se em áudio (MP3) disponível para download no meu blog: http://horaciosoares.blogspot.com

Contexto X

Consistência

Cada página no processo dá ao usuário precisamente o que eles precisam naquele ponto do processo.Adicionar elementos navegacionais só por consistência vai atrapalhar mais do que ajudar.

Metodologia de desenvolvimento da 37 Signals – Geting Real

Inconsistência Inteligente

Acesso Digital: http://acessodigital.net blog: horaciosoares.blogspot.com

e-mail: horacio.soares@acessodigital.net

Foto da equipe da Acesso Digital – Horácio, Lêda, MAQ e Bruno Torres

Vídeo - Acessibilidade na Web: Custo ou Benefício?

Link para download do vídeo em diferentes formatos:http://acessodigital.net/video.htmlDuração de 11m40s

Google Videohttp://video.google.com/videoplay?docid=-2864638973122712263&q=acessibilidade&total=61&start=0&num=10&so=0&type=search&plindex=1

Uol Videohttp://videos.uol.com.br/showMedia.html?media.id=2568