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
Top Related