Design For Simplicity Rio Info 2007
Transferir como PPT, PDF8 gostaram1,675 visualizações
O documento discute a importância da simplicidade no design de interfaces, destacando como reduzir elementos desnecessários e focar na experiência do usuário levam a soluções mais elegantes. Apresenta exemplos como o Google, que manteve a interface simples ao longo dos anos, em contraste com concorrentes que adicionaram complexidade.
Design For Simplicity Rio Info 2007
- 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