Design For Simplicity Rio Info 2007

5,040
-1

Published on

Uma análise sobre a importância de criar interfaces simples, acessíveis e fáceis de usar.

Published in: Technology
1 Comment
7 Likes
Statistics
Notes
  • Para melhorar a acessibilidade, inclui legenda nas imagens e, por isso, precisei fazer um upload na apresentação. Gravei o audio durante a palestra, e quem tiver interesse, poderá baixá-lo em meu blog:
    Link: http://horaciosoares.blogspot.com/2007/08/rioinfo-2007-slides-fotos-e-mp3-da.html
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
5,040
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
338
Comments
1
Likes
7
Embeds 0
No embeds

No notes for slide

Design For Simplicity Rio Info 2007

  1. 1. para Design Simplicidade Horácio Soares Acesso Digital 22 de agosto de 2007 Lápis em doze cores diferentes
  2. 2. 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.
  3. 3. 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
  4. 4. Como simples é sinonimo de poucos elementos, o primeiro passo é reduzir o número de itens na interface .
  5. 5. <ul><li>Pergunte aos clientes de um restaurante o que eles preferem: </li></ul><ul><li>um cardápio repleto de opções </li></ul><ul><li>ou um com poucas alternativas </li></ul>
  6. 6. Exemplo de um cardápio com muitas opções
  7. 7. Qual caminho escolher? Um homem indeciso Um poste com dezenas de setas para todos lados
  8. 8. 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
  9. 9. 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/
  10. 10. “ 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/
  11. 11. <ul><ul><li>G o o g l e </li></ul></ul><ul><ul><ul><li>&quot;How did they get that way? </li></ul></ul></ul>
  12. 12. <ul><ul><li>G o o g l e </li></ul></ul><ul><ul><ul><li>&quot;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. ) </li></ul></ul></ul>
  13. 13. Imagem do Google Beta em 1998 Fonte: http://www.archive.org
  14. 14. Imagem do Google em 2007
  15. 15. Como era a interface da concorrência? Para efeito de comparação, escolhi o Altavista
  16. 16. Imagem do Altavista em 1996 http://www.archive.org
  17. 17. Imagem do Altavista em 2000
  18. 18. Imagem do Altavista em 2007
  19. 19. G o o g l e Será que o Google é acessível? É fácil de usar?
  20. 20. “ 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/
  21. 21. 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
  22. 22. IPOD x Outros MP3 players Imagens de IPODS
  23. 23. Como encontrar e acertar o alvo? Mulher com arco e flexa
  24. 24. <ul><ul><li>Sony x Nintendo </li></ul></ul>Imagem da nova versão do console da Nintendo e de algumas pessoas interagindo com o Wii
  25. 25. Foco no usuário… Um desenho estilizado com pessoas de mãos dadas ao redor do globo terrestre.
  26. 26. 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 ).
  27. 27. Você é capaz de dirigir qualquer um dos modelos de carros disponíveis no mercado? Homem em dúvida
  28. 28. “ A tecnologia deve servir aos homens e não os homens que devem servir as tecnologias.” ( 1º Princípio de Joshua Porter ).
  29. 29. É 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
  30. 30. Mas por que não conseguimos fazer portais fáceis de usar, assim como os carros?
  31. 31. “ 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
  32. 32. <ul><li>Microsoft Office 2007 + Vista </li></ul><ul><li>Powerpoint - Formato incompatível com versões anteriores; </li></ul><ul><li>Onde está o Wally?, digo, onde está o “save as” ou “salvar como”? </li></ul>
  33. 33. Tela dessa apresentação em power point 2007
  34. 34. 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.
  35. 35. Onde está o “ salvar como” ou “save as”? Quando iniciei a procura do comando “save as” ou “salvar como”...
  36. 36. Eu abrindo diversas opções, mas nada de achar o “salvar como”
  37. 37. Ainda buscando o “save as”, mas nada ainda.
  38. 38. Depois de quase desistir de procurar, consegui a ajuda de um amigo que havia passado pelo mesmo problema.
  39. 39. 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.
  40. 40. Menu com diversas opções, inclusive o “save as” no menu aberto após clicar sobre o botão “logomarca” no canto superior esquerdo.
  41. 41. Aparência é importante? Foto de um animal, que de tão feio, não sei dizer ao certo se é um cachorro ou gato.
  42. 42. 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.
  43. 43. 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.
  44. 44. 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
  45. 45. Contexto X Consistência
  46. 46. 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
  47. 47. 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
  48. 48. 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×