Your SlideShare is downloading. ×
Design For Simplicity Rio Info 2007
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Design For Simplicity Rio Info 2007

4,780

Published on

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

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
4,780
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
334
Comments
1
Likes
7
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×