Design For Simplicity Rio Info 2007
-
Upload
horacio-soares -
Category
Technology
-
view
4.803 -
download
2
description
Transcript of 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: [email protected]
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