Your SlideShare is downloading. ×
0
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
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

NOIX - aula sobre as palestras do 13 EWD

707

Published on

Aula de W. Gabriel de Oliveira, gerente da NOIX Internet, sobre o 13o. Encontro de Webdesign, realizado no Rio de Janeiro.

Aula de W. Gabriel de Oliveira, gerente da NOIX Internet, sobre o 13o. Encontro de Webdesign, realizado no Rio de Janeiro.

Published in: Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
707
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
13
Comments
0
Likes
2
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. 13º Encontro de Webdesign – RJ Aula de W. Gabriel de Oliveira
    • 2. <ul><li>Ronaldo Gazel - Flashback! </li></ul><ul><li>Uma viagem no tempo pelos territórios da arte, da linguagem e da tecnologia, reconstruindo nossas raízes criativas, sensoriais e culturais em busca da própria identidade. </li></ul><ul><li>Currículo: </li></ul><ul><li>Artista plástico e webdesigner há mais de 10 anos, tendo conquistado diversos prêmios e destaques nacionais e internacionais. Realizou projetos de interface e comunicação visual para grandes empresas como Fiat, Telemig Celular, Yamaha Motors, Ibmec, Brasil Telecom, Globo Minas, Unimed, Vale do Rio Doce e Coca-Cola, que lhe valeram o Grand Prix e 5 medalhas de ouro no Clube de Criação Publicitária de Minas Gerais. Também conquistou medalhas em prêmios como About e Aberje. </li></ul><ul><li>Robson Santos - Usabilidade: para além do teste de usabilidade </li></ul><ul><li>Usabilidade é um termo já bastante conhecido no meio profissional, mas quais são as suas bases e como obter dados relevantes para o projeto? Como fazer do ergodesign uma realidade? </li></ul><ul><li>Currículo: </li></ul><ul><li>Bacharel em Desenho Industrial pela Esdi, possui larga experiência profissional em design e no momento atua como consultor, pesquisador e docente em ergodesign, usabilidade e arquitetura de informação. </li></ul><ul><li>Raphael Vasconcellos - Comunicação Interativa </li></ul><ul><li>Em sua palestra, Raphael falará sobre os atuais desafios da comunicação interativa, apresentando cases recentes da AgênciaClick e exemplos de maior relevância no cenário mundial. </li></ul><ul><li>Currículo: </li></ul><ul><li>Diretor executivo de criação da AgênciaClick. MBA executivo pela COPPEAD/UFRJ e bacharel em Publicidade e Propaganda pelo UniCEUB. Cursou também Graphic Advertising no Instituto Europeo di Design, em Milão, Itália. Há 9 anos trabalhando com projetos de mídia interativa, recebeu o reconhecimento “Publicitário do Ano 2007”, pelo Prêmio Colunistas Brasília. </li></ul>
    • 3. Ronaldo Gazel - Flashback!
    • 4. Ronaldo Gazel - Flashback! <ul><li>Ronaldo Gazel e seu Atari </li></ul><ul><li>Novo = Referências (infância, família, amigos, cotidiano, leituras...) + Atividade (criatividade, sensibilidade, ousadia...) </li></ul><ul><li>Imagem = Linguagem (código usado: som, foto, texto...) + Arte (expressão da idéia) </li></ul><ul><li>A Arte é repudiada pelo mercado, sabatinada pelas pessoas e, somente então, caso sobreviva, aceita </li></ul><ul><li>O homem passa a vida inteira tentando atingir as sensações da infância: conforto, segurança e felicidade (Freud). Por isso, o que remeter às SENSAÇÕES dos seres humanos serão mais bem aceitas (salvo exceções de traumas) </li></ul>
    • 5. Ronaldo Gazel - Flashback! <ul><li>Novo = Referências + Atividade </li></ul><ul><li>Para um designer, referências são: Arte (design) e Vivências (usabilidade) </li></ul><ul><li>História da Arte: </li></ul><ul><li>Arte pré-histórica </li></ul><ul><li>Arte antiga </li></ul><ul><li>Arte medieval </li></ul><ul><li>Arte na Idade Moderna </li></ul><ul><li>Arte moderna </li></ul><ul><li>Arte contemporânea </li></ul><ul><li>Vivências: </li></ul><ul><li>Navegações (você já navegou muito, então sabe mais ou menos o que o povo gosta: senso comum) </li></ul><ul><li>Testes de usabilidade (você sabe o que deve melhorar depois que mostra a outras pessoas e recebe críticas. Agora como melhorar? Saiba por que melhorar e você saberá onde e como!) </li></ul><ul><li>Senso crítico treinado (veja como as pessoas se comportam e qual a moda da vez, o que as pessoas estão gostando hoje. É para essas pessoas que seu produto será desenvolvido) </li></ul><ul><li>Experiência com a atividade realizada (testes, testes e mais testes) </li></ul>
    • 6. Ronaldo Gazel - Flashback! <ul><li>História da Arte </li></ul><ul><li>Arte Pré-Histórica </li></ul>
    • 7. Ronaldo Gazel - Flashback! <ul><li>História da Arte </li></ul><ul><li>Arte antiga (antiguidade) </li></ul><ul><li>Arte da Mesopotâmia </li></ul><ul><li>Arte do vale do Nilo (egípcia) </li></ul><ul><li>Arte celta </li></ul><ul><li>Arte germânica </li></ul><ul><li>Arte egeia </li></ul><ul><li>Arte fenícia </li></ul><ul><li>Arte da Antiguidade Clássica (etrusca, grega, helenística e romana) </li></ul><ul><li>Arte do cristianismo </li></ul>
    • 8. Ronaldo Gazel - Flashback! <ul><li>História da Arte </li></ul><ul><li>Arte medieval (idade média) </li></ul><ul><li>Arte Islâmica; </li></ul><ul><li>Bizantina; </li></ul><ul><li>Românica; </li></ul><ul><li>Gótica... </li></ul>
    • 9. Ronaldo Gazel - Flashback! <ul><li>História da Arte </li></ul><ul><li>Arte na Idade Moderna (Renascimento, Barroco...) </li></ul>O casamento de Arnolfini, pintado em óleo sobre madeira por Jan van Eyck em 1434
    • 10. Ronaldo Gazel - Flashback! <ul><li>História da Arte </li></ul><ul><li>Arte moderna (Naturalismo, Realismo, Impressionismo, Simbolismo, Decadentismo, Art nouveau, Expressionismo, Cubismo, Futurismo, Dadaísmo, Surrealismo) </li></ul>
    • 11. Ronaldo Gazel - Flashback! <ul><li>História da Arte </li></ul><ul><li>Arte contemporânea (Pop art, New Data, Minimalismo, Neoconcretismo, Arte conceptual, Performance, Instalações...) </li></ul>
    • 12. Ronaldo Gazel - Flashback! <ul><li>Exemplo de tecnologias, referências, criatividade e ação </li></ul>
    • 13. Robson Santos - Usabilidade: para além do teste de usabilidade
    • 14. Robson Santos – Usabilidade <ul><li>Usabilidade é a arte do “não me faça pensar” </li></ul><ul><li>Design é como a respiração, para a qual se inspira referências, vivências, informações etc. e se expira o design em si </li></ul><ul><li>A navegação deve fluir facilmente: fácil de abrir, fácil de achar, fácil de voltar e fácil de começar tudo novamente </li></ul><ul><li>E como construir um layout já com a preocupação com a Usabilidade? Segundo Robert Brault, a construção de um design passa por um processo de 5 fases, através das quais se poderá ter a inspiração, o tempo necessário para pensar, o tempo para testar e, assim, construir um produto usual, harmônico e com bom acabamento </li></ul>
    • 15. <ul><li>5 fases para uma criação: </li></ul><ul><li>PREPARAÇÃO INICIAL </li></ul><ul><li>Briefing, problemas e oportunidades, quem é o cliente? </li></ul><ul><li>PREPARAÇÃO </li></ul><ul><li>pesquisas e os primeiros ensaios e rabiscos </li></ul><ul><li>INCUBAÇÃO </li></ul><ul><li>parar, pensar e repensar </li></ul><ul><li>ILUMINAÇÃO </li></ul><ul><li>solução, idéias que serão refeitas satisfazer </li></ul><ul><li>VERIFICAÇÃO </li></ul><ul><li>testar, verificar se a idéia é adequada ao cliente e testar novamente </li></ul>
    • 16. <ul><li>5 fases para um DESIGN: </li></ul><ul><li>PREPARAÇÃO INICIAL </li></ul><ul><li>Briefing, reunião com gestor de contas e gerente de projetos, tira-dúvidas, quem é o cliente? </li></ul>
    • 17. &nbsp;
    • 18. <ul><li>5 fases para um DESIGN: </li></ul><ul><li>PREPARAÇÃO </li></ul><ul><li>pesquisas, entrada nos sites, leitura de livros, conversas sobre o cliente e seu tema </li></ul>
    • 19. &nbsp;
    • 20. <ul><li>5 fases para um DESIGN: </li></ul><ul><li>INCUBAÇÃO </li></ul><ul><li>parar, ir tomar café, dá um tempo em outro projeto que não seja de criação. </li></ul>
    • 21. &nbsp;
    • 22. <ul><li>5 fases para um DESIGN: </li></ul><ul><li>ILUMINAÇÃO </li></ul><ul><li>solução, hora de começar a fazer sobre idéias que achou. Testar as idéias pensadas. Hora de colocar em prática os insight. </li></ul>
    • 23. &nbsp;
    • 24. <ul><li>5 fases para um DESIGN: </li></ul><ul><li>VERIFICAÇÃO </li></ul><ul><li>testar, hora de ser chato. Teste de Usabilidade. Verificar e perguntar mil vezes a si mesmo se a idéia é cabível. Ver erros, corrigir os erros, recomeçar do zero se for necessário. </li></ul>
    • 25. &nbsp;
    • 26. Robson Santos – Usabilidade <ul><li>Modelo Mental do projeto </li></ul><ul><li>PROJETISTA (aquele que projeta todo o produto. Ele é quem faz o modelo do projeto); </li></ul><ul><li>USUÁRIO (aquele que usa o sistema a ser desenvolvido. Ele é quem faz o modelo mental do projeto) </li></ul><ul><li>SISTEMA (o produto em si) </li></ul><ul><li>Todos devem conversar entre si, principalmente o projetista, que deve entender o modelo mental do usuário: o que pensa, como age, o que gosta e como está acostumado a fazer suas tarefas. </li></ul>
    • 27. Robson Santos – Usabilidade <ul><li>Usabilidade = Efetividade + Eficiência + Satisfação </li></ul><ul><li>Segundo Robson Santos, é necessário entender que Usabilidade nada mais é do que conhecer o outro. </li></ul><ul><li>O outro traz cargas de conhecimento, costumes, referências e pensamentos com que o criador deve rechear sua produção. </li></ul><ul><li>RESUMO: </li></ul><ul><li>Seja curioso na sua vida, pois você aproveitará tudo que já viveu para entender o ser humano; </li></ul><ul><li>Leia, estude, suba nos ombros dos caras que gastaram muito tempo pensando e trabalhando para escrever os livros que são sucesso. </li></ul><ul><li>Não adianta achar que sabe e fazer funcionar, </li></ul><ul><li>explique o porquê e faça de novo. </li></ul>
    • 28. Raphael Vasconcellos - Comunicação Interativa
    • 29. Raphael Vasconcellos – Comunicação Interativa <ul><li>Case Punto: lançamento do site do carro pelo celular: “acesse pelo celular” era a mensagem que aparecia quando você acessava pela Internet no PC. </li></ul><ul><li>Case Martin Scorsese e Alfred Hitchcock: você pode ser o artista mais popular e premiado do mundo, mas o que importa se você não continuar se renovando para continuar sendo muito bom? Muitas vezes, a inspiração está nos grandes gênios do passado. Portanto, valorize esse pessoal e estude a história que fizeram, mesmo que seja muito antiga. </li></ul><ul><li>Ser interativo construindo o incompleto: construir o incompleto não é simplesmente deixar faltar algo. Construir o incompleto é sim fazer um convite para as pessoas completarem a arte. Se a arte é linda e convida o usuário a clicar, a navegar, a usar, a interagir, então você convidou o usuário: parabéns. </li></ul>
    • 30. 13º Encontro de Webdesign – RJ Aula de W. Gabriel de Oliveira

    ×