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

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 .

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/

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

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

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