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.

Um homem com medo Complexo : “que abrange ou encerra muitos elementos ou partes. Confuso, complicado, intrigado”. 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 caminho escolher? Um homem indeciso Um poste com dezenas 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 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/

G o o g l e
"How did they get that way?

G o o g l e
"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

G o o g l e Será 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 players Imagens 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 necessariamente 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 Simplicidade http://www.urisan.tche.br/~paludo/IHM/Artigo/Em%20busca%20da%20simplicidade.doc

Microsoft Office 2007 + Vista
Powerpoint - Formato incompatível com versões anteriores;
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.html Duração de 11m40s Google Video http://video.google.com/videoplay?docid=-2864638973122712263&q=acessibilidade&total=61&start=0&num=10&so=0&type=search&plindex=1 Uol Video http://videos.uol.com.br/showMedia.html?media.id=2568

http://horaciosoares.blogspot.com	265
http://www.webly.com.br	141
http://blog.fspina.com.br	93
http://horaciosoares.blogspot.com.br	15
http://www.via6.com	14
http://forum.ievolutionweb.com	13
http://www.slideshare.net	5
http://liberdadegloriosa.blogspot.com	4
http://forum.webly.com.br	4
http://via6.com	2
http://www.horaciosoares.blogspot.com	1
http://redeseimagens.blogspot.com	1
http://www.netvibes.com	1
http://horaciosoares.blogspot.pt	1

Design For Simplicity Rio Info 2007

by Horácio Soares on Aug 22, 2007

Accessibility

Categories

Tags

Upload Details

Usage Rights

14 Embeds 560

Statistics

Design For Simplicity Rio Info 2007 — Presentation Transcript