noix - aula sobre as palestras do 13 ewd
DESCRIPTION
Aula de W. Gabriel de Oliveira, gerente da NOIX Internet, sobre o 13o. Encontro de Webdesign, realizado no Rio de Janeiro.TRANSCRIPT
![Page 1: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/1.jpg)
13º Encontro de Webdesign – RJ
Aula de W. Gabriel de Oliveira
![Page 2: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/2.jpg)
Ronaldo Gazel - Flashback!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.
Currículo: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.
Robson Santos - Usabilidade: para além do teste de usabilidadeUsabilidade é 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?
Currículo: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.
Raphael Vasconcellos - Comunicação InterativaEm 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.
Currículo: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.
![Page 3: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/3.jpg)
Ronaldo Gazel - Flashback!
![Page 4: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/4.jpg)
Ronaldo Gazel - Flashback!
• Ronaldo Gazel e seu Atari
• Novo = Referências (infância, família, amigos, cotidiano, leituras...) + Atividade (criatividade, sensibilidade, ousadia...)
• Imagem = Linguagem (código usado: som, foto, texto...) + Arte (expressão da idéia)
• A Arte é repudiada pelo mercado, sabatinada pelas pessoas e, somente então, caso sobreviva, aceita
• 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)
![Page 5: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/5.jpg)
Ronaldo Gazel - Flashback!
Novo = Referências + Atividade• Para um designer, referências são: Arte (design) e Vivências
(usabilidade)
• História da Arte:Arte pré-históricaArte antigaArte medievalArte na Idade ModernaArte modernaArte contemporânea
• Vivências:Navegações (você já navegou muito, então sabe mais ou menos o que o povo gosta: senso
comum)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!)
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)
Experiência com a atividade realizada (testes, testes e mais testes)
![Page 6: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/6.jpg)
Ronaldo Gazel - Flashback!
História da Arte
• Arte Pré-Histórica
![Page 7: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/7.jpg)
Ronaldo Gazel - Flashback!
História da Arte
• Arte antiga (antiguidade) • Arte da Mesopotâmia
• Arte do vale do Nilo(egípcia)
• Arte celta• Arte germânica
• Arte egeia• Arte fenícia
• Arte da Antiguidade Clássica(etrusca, grega, helenística e romana)
• Arte do cristianismo
![Page 8: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/8.jpg)
Ronaldo Gazel - Flashback!
História da Arte
• Arte medieval (idade média)• Arte Islâmica;
• Bizantina;• Românica;
• Gótica...
![Page 9: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/9.jpg)
Ronaldo Gazel - Flashback!
História da Arte
• Arte na Idade Moderna (Renascimento, Barroco...)
O casamento de Arnolfini, pintado em óleo sobre madeira por Jan van Eyck em 1434
![Page 10: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/10.jpg)
Ronaldo Gazel - Flashback!
História da Arte
• Arte moderna (Naturalismo, Realismo, Impressionismo, Simbolismo, Decadentismo, Art nouveau, Expressionismo, Cubismo, Futurismo, Dadaísmo, Surrealismo)
![Page 11: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/11.jpg)
Ronaldo Gazel - Flashback!
História da Arte
• Arte contemporânea (Pop art, New Data, Minimalismo, Neoconcretismo, Arte conceptual, Performance, Instalações...)
![Page 12: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/12.jpg)
Ronaldo Gazel - Flashback!
Exemplo de tecnologias, referências, criatividade e ação
![Page 13: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/13.jpg)
Robson Santos - Usabilidade: para além do teste de
usabilidade
![Page 14: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/14.jpg)
Robson Santos – Usabilidade
• Usabilidade é a arte do “não me faça pensar”
• Design é como a respiração, para a qual se inspira referências, vivências, informações etc. e se expira o design em si
• 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
• 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
![Page 15: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/15.jpg)
• 5 fases para uma criação:
PREPARAÇÃO INICIALBriefing, problemas e oportunidades, quem é o cliente?
PREPARAÇÃOpesquisas e os primeiros ensaios e rabiscos
INCUBAÇÃOparar, pensar e repensar
ILUMINAÇÃOsolução, idéias que serão refeitas satisfazer
VERIFICAÇÃOtestar, verificar se a idéia é adequada ao cliente e testar
novamente
![Page 16: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/16.jpg)
• 5 fases para um DESIGN:
PREPARAÇÃO INICIALBriefing, reunião com gestor de contas e gerente de projetos, tira-dúvidas, quem é o cliente?
![Page 17: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/17.jpg)
![Page 18: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/18.jpg)
• 5 fases para um DESIGN:
PREPARAÇÃOpesquisas, entrada nos sites, leitura de livros, conversas sobre o cliente e seu tema
![Page 19: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/19.jpg)
![Page 20: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/20.jpg)
• 5 fases para um DESIGN:
INCUBAÇÃOparar, ir tomar café, dá um tempo em outro projeto que não seja de criação.
![Page 21: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/21.jpg)
![Page 22: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/22.jpg)
• 5 fases para um DESIGN:
ILUMINAÇÃOsoluçã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.
![Page 23: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/23.jpg)
![Page 24: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/24.jpg)
• 5 fases para um DESIGN:
VERIFICAÇÃOtestar, 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.
![Page 25: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/25.jpg)
![Page 26: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/26.jpg)
Robson Santos – Usabilidade
Modelo Mental do projeto
• PROJETISTA (aquele que projeta todo o produto. Ele é quem faz o modelo do projeto);
• USUÁRIO (aquele que usa o sistema a ser desenvolvido. Ele é quem faz o modelo mental do projeto)
• SISTEMA (o produto em si)
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.
![Page 27: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/27.jpg)
Robson Santos – Usabilidade
Usabilidade = Efetividade + Eficiência + Satisfação
Segundo Robson Santos, é necessário entender que Usabilidade nada mais é do que conhecer o outro.
O outro traz cargas de conhecimento, costumes, referências e pensamentos com que o criador deve rechear sua
produção.
RESUMO:1) Seja curioso na sua vida, pois você aproveitará tudo que já
viveu para entender o ser humano;2) Leia, estude, suba nos ombros dos caras que gastaram
muito tempo pensando e trabalhando para escrever os livros que são sucesso.
Não adianta achar que sabe e fazer funcionar,explique o porquê e faça de novo.
![Page 28: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/28.jpg)
Raphael Vasconcellos - Comunicação Interativa
![Page 29: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/29.jpg)
Raphael Vasconcellos – Comunicação Interativa
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.
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.
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.
![Page 30: NOIX - aula sobre as palestras do 13 EWD](https://reader036.vdocuments.mx/reader036/viewer/2022062709/5590aa641a28ab891b8b45a1/html5/thumbnails/30.jpg)
13º Encontro de Webdesign – RJ
Aula de W. Gabriel de Oliveira