UX vs. UI     O que é isso? O que isso come?Tem que ser maior de idade pra consumir?               Isso mata?
Quem é o baixinho,gordinho de óculos?
Tá, mas o que ele já fez pra estar aqui?
Afinal, que diabos é     essa UX?
Afinal, que diabos é essa UX?User eXperience, traduzindo... Experiência doUsuário!!!!Ou seja, é o que a pessoa, usuário, se...
Afinal, que diabos é essa UX?A importância disso: vamos pensar...
Afinal, que diabos é essa UX?O UOL por exemplo?
Afinal, que diabos é essa UX?E a Globo.com?
Afinal, que diabos é essa UX?E a Fox.com?
Afinal, que diabos é essa UX?Por que estudar isso?Pra não frustar nossos usuários logo de cara.Estude, leia, pesquise. Nem ...
Afinal, que diabos é essa UX?O que interpretar com UX?É tanta coisa que não cabe aqui, mas valepesquisar sobre e aí analisa...
Afinal, que diabos é essa UX?Referências de blogs e autores sobre UX:@blogdeai@ixdsawww.informationarchitects.jp/enwww.meli...
Legal, e a tal da UI? É parente da UX?
A UI é parente da UX?User Interface, traduzindo... Interface do Usuário(hein?)!!!!Ou seja, é o que a pessoa, usuário, util...
A UI é parente da UX?User Interface, traduzindo... Interface do Usuário(hein?)!!!!Ou seja, é o que a pessoa, usuário, util...
A UI é parente da UX?É nesse momento que aplica-se o que foiestudado, pesquisado e pensado sobre aexperiência do usuário, ...
Ah, então elas são      irmãs?
Não, elas não são irmãs. Elasse completam como amantes.A aplicação das duas disciplinas fortalece muito, naparte conceitua...
Não, elas não são irmãs. Elasse completam como amantes.Algumas dicas pra facilitar a organização dasideias e agilizar no p...
E essa modinha de responsive design,  design thinking?Isso é tendência pra        2012?
Responsive, thinking... tudodesign!Responsive design nada mais é do que pensar naaplicação para qualquer tela: desktop, ta...
Responsive, thinking... tudodesign!
Demo
Responsive, thinking... tudodesign!Design Thinking é o processo de identificar osproblemas que podem ser resolvidos pelo de...
Show de bola. Querdizer que isso tudo  vai me fazer um designer melhor?
Não existe receita de bolo...Claro que não!O que vai fazer de você um designer melhor étreino, estudo, observação, percepç...
Não existe receita de bolo...Observe outros designers, outras agências. Saiba oque está sendo feito fora do eixo RJ-SP, fo...
Não existe receita de bolo...Navegue MUITO por sites de prêmios...FWA, Awwwards, CSSMania;
Não existe receita de bolo...Galerias online são sempre muito bem vindas.Behance, From Up North, Abduzeedo, etc;
Não existe receita de bolo...Siga outros designers no twitter! Isso sempre ébom pra saber o que eles estão lendo, estudand...
Nada de ctrl+c, ctrl+v hein...Lembre-se de não imitar ou copiar layouts.Estude-os, use-os como referência e busquedesenvol...
Nada como ter QI.  Quem Indica!
Networking é fundamentalTenha Linkedin, Behance, Cargo, Delicious e outrasredes onde você consiga seguir e compartilhar. T...
Eventos, conferências,congressos...Se a agência pagar integral ou parte, vale. Se não,faça uma força e vá ao que mais inte...
Pra fechar:   esteja sempreconectado e estude, treine e divulgue!
Experimente! Faça projetos fakes. Só    assim vocêconsegue perceberque algumas ideias  não funcionam!
É isso...
Qualquer dúvida:dpaola@gmail.com     @dpaolafacebook.com/danieldepaola
Obrigado!
Ux vs Ui
Ux vs Ui
Ux vs Ui
Ux vs Ui
Ux vs Ui
Ux vs Ui
Ux vs Ui
Ux vs Ui
Ux vs Ui
Próximos SlideShares
Carregando em…5
×

Ux vs Ui

4.394 visualizações

Publicada em

Publicada em: Design
0 comentários
20 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
4.394
No SlideShare
0
A partir de incorporações
0
Número de incorporações
75
Ações
Compartilhamentos
0
Downloads
0
Comentários
0
Gostaram
20
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • o que sentimos quando entramos numa loja física da apple, da fast? e quando entramos numa renner? qual a sensação?\n
  • muita informação sem hieraquia, tudo azul e vermelho, banners, shopping, barras etc.\n\n
  • hierarquia visual limpa, cores separando os segmentos, estrutura, respiro\n
  • mesma coisa\n
  • \n
  • \n
  • cardsorting\n
  • wire baixa fidelidade\n
  • wire media fidelidade\n
  • wire alta fidelidade\n
  • site map\n
  • \n
  • \n
  • exemplos: windows, iOS, android, sistema de caixa eletronico\n
  • \n
  • \n
  • \n
  • lembrar que ainda não estamos falando em execução, apenas no conceito da coisa holísticamente\n
  • lembrar que nem sempre vamos conseguir usar e fazer isso tudo porque o tempo e o prazo jogam contra\n
  • moodboard: conjunto de referencias visuais que ajuda na hora de definir cores, formas, diagramação\n
  • iPhone 3GS GUI: importância da facilidade de uso dos elementos pro designer e pro front\n
  • grid: 960.gs elementos alinhados, organizados... 12/16/24 colunas\n
  • software não importa, o que você tiver mais facilidade. o que importa é o resultado, o refino, o cuidado\n
  • \n
  • explicar que rola muito js, mts calculos por parte do time de front e uma modelagem bem trabalhada de grids, imagens e blocos de textos por parte do time de criaçao\n
  • \n
  • \n
  • ainda não é muito difundido no brasil, obviamente, mas é praticamente uma nomenclatura pra o que fazemos normalmente nos projetos\n
  • \n
  • falar aquele bla bla bla de que ao observar tudo a sua volta você acaba percebendo coisas que normalmente passam batidas por você. é perceber q um determinado angulo pode parecer uma foto ou um quadro. em algum momento da sua vida vc vai lembrar disso e aplicar\n
  • citar Fi, Huge, North Kingdom, Possible, TBWA, Ogilvy, Crispin, Frog e outras\n
  • \n
  • \n
  • Citar Adhemas, Dann Petty, Peter Jawroski, Fabio Sasso, Anton Repponen, Artem, Adam Safar, Efact, Zambrano, Vitor Lourenço, Hirata e outros\n
  • \n
  • \n
  • \n
  • citar intercon, ixda, ebai, edted, find\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Ux vs Ui

    1. 1. UX vs. UI O que é isso? O que isso come?Tem que ser maior de idade pra consumir? Isso mata?
    2. 2. Quem é o baixinho,gordinho de óculos?
    3. 3. Tá, mas o que ele já fez pra estar aqui?
    4. 4. Afinal, que diabos é essa UX?
    5. 5. Afinal, que diabos é essa UX?User eXperience, traduzindo... Experiência doUsuário!!!!Ou seja, é o que a pessoa, usuário, sente einterpreta ao usar uma interface. Seja ela umsite, um app, um sistema, um celular, um tablet,um produto.
    6. 6. Afinal, que diabos é essa UX?A importância disso: vamos pensar...
    7. 7. Afinal, que diabos é essa UX?O UOL por exemplo?
    8. 8. Afinal, que diabos é essa UX?E a Globo.com?
    9. 9. Afinal, que diabos é essa UX?E a Fox.com?
    10. 10. Afinal, que diabos é essa UX?Por que estudar isso?Pra não frustar nossos usuários logo de cara.Estude, leia, pesquise. Nem que seja o mínimo.
    11. 11. Afinal, que diabos é essa UX?O que interpretar com UX?É tanta coisa que não cabe aqui, mas valepesquisar sobre e aí analisar qual se encaixamelhor no seu projeto.Card sorting, storyboard, wireframe, personas, métricas de sucesso, roadmap, benchmark, focus group, site map, fluxograma, protótipo navegáveletc...
    12. 12. Afinal, que diabos é essa UX?Referências de blogs e autores sobre UX:@blogdeai@ixdsawww.informationarchitects.jp/enwww.melinaalves.come muitos outros....
    13. 13. Legal, e a tal da UI? É parente da UX?
    14. 14. A UI é parente da UX?User Interface, traduzindo... Interface do Usuário(hein?)!!!!Ou seja, é o que a pessoa, usuário, utiliza parachegar a informação. Seja ela um site, um app,um sistema, um celular, um tablet, um produto.
    15. 15. A UI é parente da UX?User Interface, traduzindo... Interface do Usuário(hein?)!!!!Ou seja, é o que a pessoa, usuário, utiliza parachegar a informação. Seja ela um site, um app,um sistema, um celular, um tablet, um produto.
    16. 16. A UI é parente da UX?É nesse momento que aplica-se o que foiestudado, pesquisado e pensado sobre aexperiência do usuário, no papel e depois pra tela.
    17. 17. Ah, então elas são irmãs?
    18. 18. Não, elas não são irmãs. Elasse completam como amantes.A aplicação das duas disciplinas fortalece muito, naparte conceitual, o designer.Aplicar essas técnicas e seus conceitos, ajuda noprocesso criativo e conceptivo do projeto.
    19. 19. Não, elas não são irmãs. Elasse completam como amantes.Algumas dicas pra facilitar a organização dasideias e agilizar no processo criativo:Moodboards, GUI, prototipar o projeto de forma navegável, o uso de grid nolayout, a escolha do software que você tiver facilidade, saber a maiorquantidade de atalhos possível, e...... testar, testar, testar, testar, testar, testar, testar, testar, testar, testar,testar, testar, testar, testar, testar, testar, testar, testar, testar, testar, testar,testar, testar, testar até que tudo esteja pronto pra ser layoutado.
    20. 20. E essa modinha de responsive design, design thinking?Isso é tendência pra 2012?
    21. 21. Responsive, thinking... tudodesign!Responsive design nada mais é do que pensar naaplicação para qualquer tela: desktop, tablet esmartphone.Envolve muita interação do time de criação com otime de implementação e desenvolvimento.
    22. 22. Responsive, thinking... tudodesign!
    23. 23. Demo
    24. 24. Responsive, thinking... tudodesign!Design Thinking é o processo de identificar osproblemas que podem ser resolvidos pelo design.Ou seja, combinar empatia pelo problema,criatividade pra gerar soluções e racionalidade praaplicar essas soluções nesse problema.
    25. 25. Show de bola. Querdizer que isso tudo vai me fazer um designer melhor?
    26. 26. Não existe receita de bolo...Claro que não!O que vai fazer de você um designer melhor étreino, estudo, observação, percepção...
    27. 27. Não existe receita de bolo...Observe outros designers, outras agências. Saiba oque está sendo feito fora do eixo RJ-SP, fora doBrasil.Europa é uma ótima fonte de referências. EUAtambém, obviamente. Vale do Silício tá aí né?
    28. 28. Não existe receita de bolo...Navegue MUITO por sites de prêmios...FWA, Awwwards, CSSMania;
    29. 29. Não existe receita de bolo...Galerias online são sempre muito bem vindas.Behance, From Up North, Abduzeedo, etc;
    30. 30. Não existe receita de bolo...Siga outros designers no twitter! Isso sempre ébom pra saber o que eles estão lendo, estudando,fazendo, falando...
    31. 31. Nada de ctrl+c, ctrl+v hein...Lembre-se de não imitar ou copiar layouts.Estude-os, use-os como referência e busquedesenvolver seu estilo.
    32. 32. Nada como ter QI. Quem Indica!
    33. 33. Networking é fundamentalTenha Linkedin, Behance, Cargo, Delicious e outrasredes onde você consiga seguir e compartilhar. Terreferências e recomendações é sempre importantena hora do freela ou de trocar de agência/empresa/startup.
    34. 34. Eventos, conferências,congressos...Se a agência pagar integral ou parte, vale. Se não,faça uma força e vá ao que mais interessar.Além do networking, você sempre descobreassuntos novos e técnicas que podem ajudar.
    35. 35. Pra fechar: esteja sempreconectado e estude, treine e divulgue!
    36. 36. Experimente! Faça projetos fakes. Só assim vocêconsegue perceberque algumas ideias não funcionam!
    37. 37. É isso...
    38. 38. Qualquer dúvida:dpaola@gmail.com @dpaolafacebook.com/danieldepaola
    39. 39. Obrigado!

    ×