Neste ano, o tema “Nós com eles, nós sem eles” abordava as relações interdisciplinares do design, sua repercussão e contribuição na sociedade. A mesa redonda, a qual fui convidado a participar, tinha como foco discutir “Interação, experiência e ciência”. Junto a mim participaram também:

• Gonçalo Baptista Ferraz
• Mileni Kazedani Gonçalves
• Rodrigo “Scama” Otávio dos Santos
• Haroldo Osmar de Paula Junior (mediador)

De início fomos convidados a fazer uma breve introdução e exposição sobre o tema. Comecei contando minha trajetória nos antigos computadores MSX ao final da década de 80 e como os aplicativos gráficos dessa plataforma despertaram interesse em mim. Além do gosto pela arte e de fazer desenhos simples a lápis e aquerela, descobri outros softwares para ilustração e manipulação de imagens. Com o tempo fui identificando meu interesse em design gráfico e webdesign (na época definida pelos webmasters), até chegar no momento de decidir o curso que gostaria de seguir na faculdade: Desenho Industrial – Programação Visual.

Profissionalmente já vinha descobrindo o design de interação e a riqueza dessa área. Então para o meu projeto final de graduação desenvolvi um aplicativo para o aprendizado de música chamado Musiclick, o que me fez pesquisar sobre interface, usabilidade, multimídia e tantos outros recursos que vão muito além de uma mensagem gráfica.

Pensando na experiência que tive em descobrir as ferramentas que me levaram a definir minha carreira, fiz uma relação com a experiência do usuário, pensando como nesse caso os softwares causaram expectativas em descobrir o quanto poderia se atingir com tais recursos.

Como o design pode criar experiências ricas através dos recursos (tecnologias) disponíveis? Se pensamos em tecnologia, vamos muito além de dispositivos hi-tech, interfaces touch screen, telas coloridas, etc. Tecnologia vem desde a roupa que utilizamos, desde a forma como nos comunicamos… linguagem é tecnologia! E muito antes de termos uma linguagem definida, nos expressávamos e nos comunicávamos através de gestos. Partindo deste ponto, podemos pensar em desenvolver produtos ou serviços interativos low-tech… por quê não?

Talvez seja este um paradigma que o design venha a quebrar no futuro: no ciclo tecnológico, voltar a explorar interfaces pessoa/pessoa, valorizando as relações humanas. Atualmente vivemos num cenário de ansiedade de informação segundo Richard Saul Wurman e essa enxurrada de informações tende a ser até mesmo uma agressão à nós. Já nos anos 80s era possível observar o caos informacional através das mídias presentes na época como a TV, o rádio e os impressos. Com a transposição aos meios digitais, a acessibilidade proveniente da internet e a multiplicação de meios ativos de propagação, vivemos um vício tecnológico.

Temos essa ideia de multi-tarefa inserido no contexto dos sistemas operacionais de computadores modernos que achamos que devemos ser assim também. As pessoas estão falando conosco e estamos ao mesmo tempo escrevendo sobre outra coisa no twitter, colhendo as plantinhas na Colheita Feliz e a cada dia achando mais e mais ferramentas para nos prender. Temos tão pouco tempo e estamos sempre correndo que vivemos na superficialidade: não damos mais atenção ao que as pessoas ao nosso lado estão falando, não nos aprofundamos nas coisas que gostamos, não valorizamos os momentos que passamos, não observamos as pequenas coisas, nem mesmo apreciamos beber um copo de água num momento crítico com relação à escassez por vir.

O Gonçalo Ferraz fez uma analogia muito interessante: imaginemos uma pessoa parada e que aos poucos começa a entrar em movimento até iniciar uma caminhada. Ao longo do tempo, vai aumentando a velocidade até começar a correr e então chega num ponto em que sai voando. Esse cenário representa o “boom” da informação há cerca de três décadas atrás. Quando um aluno questionou se devemos então continuar neste ritmo, lembrei de um antigo mito onde os homens queriam se tornar deuses e por conta disso ocasionaram eventos cataclísmicos. Fazendo uma relação metafórica, talvez não tenhamos surgido com o propósito de voar, afinal se assim fosse, já haveríamos desenvolvido asas.

Design é projeto e todo projeto surge no plano das idéias: deriva do plano mental, sendo preciso plasmar através de vários passos, até chegar a um resultado perceptível no mundo físico, sendo tangível ou não. Acredito que devemos transmutar nossas ideias e buscar um novo arquétipo: o de um ideal mais humano.

Rodrigo Scama, Tersis Zonato, Gonçalo Ferraz, Mileni Kazedani e Haroldo de Paula

Gravado, mixado e produzido entre 31 de julho e 18 de setembro de 2011, por Maiko Thomé (AvantGarde Studio) e Wolf Lutemkrat (Lutemkrat Studio). O logo foi redesenhado por Christophe Szpajdel e a capa foi desenvolvida por Angelica Batista.

Faça o download gratuitamente.

1. As Cosmic Winds Transcend Existence

2. Infinity Rises

3. Visions from Dimensions Beyond Conception

Confira o teaser

Clique aqui para assistir o vídeo inserido.

Download gratuito

Faça o download gratuitamente no site www.lutemkrat.com

Após quatro anos de silêncio, Wolf Lutemkrat – o único indivíduo por trás desse projeto – retorna com mais música extrema e sombria para transportar o ouvinte para planos astrais e paisagens mentais. O material consiste em 3 músicas, totalizando quase 13 minutos. Focando em questões existenciais, as letras também exploram significados do Cosmos através de uma perspectiva filosófica, criando relações conceituais e despertando visões sutis na mente do ouvinte.

• Gravado e mixado entre 31 de julho e 18 de setembro de 2011.
• Baixo e guitarras gravadas no Lutemkrat Studio.
• Bateria, violão e voz gravados no AvantGarde Studio.
• Tecnologia por Maiko Thomé.
• Mixado, masterizado e produzido por Maiko Thomé e Wolf Lutemkrat.
• Música e letras por Wolf Lutemkrat.
• Todos os instrumentos gravados por Wolf Lutemkrat.
• Arte por Angelica Batista.
• Foto individual por Chantal Wagner Kornin.
• Website por Tersis Zonato.
• Logo Lutemkrat por Christophe Szpajdel.
• Símbolo Lutemkrat por João Carlos Ongaro Maciel.

Clique aqui para assistir o vídeo inserido.

Aula 01: 04/08

Design de Interação: Além das interfaces
12 slides

- Design de Interação: Além das interfaces

• At the Heart of Interaction Design (PDF 1.6mb). ALBEN, Lauralee. 1997.
• Color Gun – Interactive Art Project [1:43]. CLAY, Paul. 2007.
• Nabaztag – Some moments of my life [1:51].
• Reactable.
• Reactable live in Berlin [2:00].
• The Fun Theory. Volkswagen. 2009.
• The Fun Theory: Bottle Bank Arcade [1:37]. Volkswagen. 2009.
• The Fun Theory: Piano Staircase [1:48]. Volkswagen. 2009.
• The Fun Theory: The Speed Camera Lottery [0:54]. Richardson, Kevin. Volkswagen. 2009.
• The Fun Theory: The World’s Deepest Bin [1:27]. Volkswagen. 2009.
• PREECE, Jennifer; ROGERS, Yvone; SHARP, Helen. Design de Interação – Além da Interação Homem-Computador. Porto Alegre: Bookman, 2005.

Aula 02: 11/08

Profissão: Designer de Interação
21 slides

- Profissão: Designer de Interação
- O valor do design

• “Birds on the wires”, a história e a música por trás de uma foto [6:12]. AGNELLI, Jarbas. 2009.
• Da capa do disco ao “cover flow”. PINHEIRO, Mauro. 2008.
• COOPER, Alan; REIMANN, Robert; CRONIN, David. About Face 3: The Essentials of Interaction Design. Wiley Publishing, 2007.

Aula 03: 18/08

Primeiros princípios do DxI por Bruce Tognazzini
32 slides

- Princípios de Design de Interação

• First Principles of Interaction Design. TOGNAZZINI, Bruce. 2003. Tradução em português por NEVES, Pedro S.
• Understanding the Devious Progress Bar Illusion [0:49]. New Scientist. 2008

Aula 04: 25/08

• Ver conteúdo da Aula 3.

Aula 05: 01/09

- Design e a informação

• TUFTE, Edward R. Envisioning Information. Graphics Press, 1990.

Aula 06: 15/09

Interfaces: Evolução ou não?
26 slides

- Interfaces interativas
- Graphic User Interface (GUI): Evolução ou não?
- Tendências para o futuro

• A History of the GUI. REIMER, Jeremy. 2005.
• A Day Made of Glass… Made possible by Corning [5:33]. Corning. 2011.
• Ivan Sutherland’s Sketchpad [4:18]. 1963.
• Microsoft Sustainability : Productivity, future vision [5:49]. Microsoft. 2009.
• Nokia Mixed Reality – Nokia World [3:12]. Nokia. 2009.

Aula 07: 22/09

-  Projeto interativo

Aula 08: 29/09

- Apresentação projeto

Prova: 06/10

- Primeira prova do semestre

Aula 09: 13/10

- Design Patterns

Design Patterns
39 slides

• Pattern Tap
• Quince UX Design Patterns

Aula 10: 20/10

- Simplicidade
- Arquitetura de Informação

• 40 Brilliant Examples of Sketched UI Wireframes and Mock-Ups. TORBJORNSEN, Hilde. 2010.
• Da ordem: reflexões sobre classificação. ZONATO, Tersis. 2010.
• Laws of Simplicity. MAEDA, John.
• MAEDA, John. As Leis da Simplicidade. Novo Conceito, 2007.

Aula 11: 27/10

- Arquitetura de Informação

• Arquitetura de Informação em Web Sites (PDF 131kb). VIDOTTI, S. A. B. G.; SANCHES, S. A. S. 2004.
• Arquitetura de Informação – Tutorial (PDF 213kb). SHIPLE, John. Tradução: BRUNI, João Henrique de Andrade. 2008.
• ROSENFELD, L. & MORVILLE, P. Information Architecture for the Word Wide Web. 2ed. Sebastopol: O’Reilly, 2002.

Aula 12: 03/11

- Wireframes

• I S2 Wireframes
• The Right Way to Wireframe [04:24]. UNGER, Russ; EVANS, Will; BEECHER, Fred; WARFEL, Todd Zaki. 2010.
• The Right Way To Wireframe [01:34]. LEIS, Michael. 2010

Aula 13: 10/11

Grade de diagramação
Odair Cavichioli
34 slides

- Interfaces e grids

• 960 Grid System
• The Grid System
• Beyond the Grid: With Grid Based Web Design. CARMICHAEL, Scott. 2011.
• Design by Grid
• Design A Web 2.0 Tab With Photoshop. Hongkiat. 2010.
• How To Create a Stunning Vista Inspired Menu. NELLES, Ricky. 2008.
• Creating A Cool 3D Web Design Effect. MENEGHETTI, Fabio. 2008.
• Create a Nature Inspired Painted Background in Photoshop. DesignReviver. 2008.
• How to Create a Simple & Sleek Web 2.0 Site Footer. LOPES, Daniel. 2008.
• Design a Glossy Download Icon. Arik. 2008.
• Interior Design Layout. Talk-Mania. 2006.
• Professional Web Layout for Business Solutions. ART-D. 2007.
• Create a Sleek, High-End Web Design from Scratch. Collis. 2008

Aula 14: 17/11

- Usabilidade

• Recomendações de usabilidade (PDF 33kb). GONÇALVES, Mileni Kazedani, 2008.
• Usabilidade de software: Estudo de recomendações básicas para verificação do nível de conhecimento dos alunos dos cursos de Design Gráfico e Sistemas de Informação da UNESP/Bauru (PDF 8,1mb). GONÇALVES, Mileni Kazedani, 2008.
• 10 Heuristics for User Interface. NIELSEN, Jakob. 1994.
• Testes de usabilidade com o Morae. van AMSTEL, Frederick M. C. 2009.
• Curso: Oficina de testes de usabilidade. Instituto Faber-Ludens.
• Usabilidade na acessibilidade. van AMSTEL, Frederick M. C. 2006.

Aula 01: 04/08

- Introdução ao CMS (Content Management System)
- Conceitos básicos de sistemas web

• Drupal
• Joomla
• Moodle
• WordPress
• Introduction To Content Management Systems (CMS). ARAKELYAN, Arman. 2009.
• How to choose between Joomla, Drupal and WordPress – Is there a best choice?. BARBOSA, Marco. 2009.
• Site do Maujour. SILVA, Maurício Samy.
• W3C (World Wide Web Consortium)
• W3C Brasil (Consórcio World Wide Web)
• FREEMAN, Elisabeth; FREEMAN, Eric. Use a Cabeça HTML com CSS e XHTML. Alta Books, 2008.
• NIXON, Robin. Learning PHP, MySQL, and JavaScript. O’Reilly Media, 2009.
• SILVA, Maurício Samy. Criando Sites com HTML: Sites de Alta Qualidade com HTML e CSS. Novatec, 2008.

Aula 02: 11/08

- Introdução e instalação do WordPress
- Conhecendo a parte administrativa do WordPress

• Instalando o WordPress
• Painéis de administração

Aula 03: 18/08

Sistemas Corporativos Web – WordPress Aula 03
12 slides

- Criação e personalização de temas para WordPress
- Estrutura básica

• Arquivo apoio (ZIP 468kb)
• Usando temas
• Desenvolvimento de temas
• Know Your Sources

Aula 04: 25/08

Sistemas Corporativos Web – WordPress Aula 04
14 slides

- Desenvolvimento do tema

• Arquivo apoio (ZIP 168kb)
• CSS Coding Standards

Aula 05: 01/09

Sistemas Corporativos Web – WordPress Aula 05
10 slides

- Menus dinâmicos
- Funções do WordPress
- Páginas de erro 404

• Arquivo apoio (ZIP 168kb)
• How to rethink the default WordPress next/previous links. IMEL, Ryan. 2011.
• WP-Page Navi plugin
• Wanted: Your 404 Error Pages. LENNARTZ, Sven. 2007.
• 404 Error Pages: Reloaded. FRIEDMAN, Vitaly. 2007.
• 404 Error Pages, One More Time. BESZ-MIAZGA, Sylwia. 2009.

Aula 06: 15/09

Sistemas Corporativos Web – WordPress Aula 06
13 slides

- Widgets e plugins
- Trabalhando a hierarquia do tema para WordPress

• Cforms plugin
• Contact Form 7 plugin
• Plugins Directory
• Widgetizing Themes
• Hierarquia de Modelos WordPress
• WordPress Template Hierarchy Diagram. CASTILLA, Michael. 2008.

Aula 07: 22/09

- Atividade em sala

Aula 08: 29/09

-

Prova: 06/09

- Primeira prova do semestre

Aula 01: 03/08

- Introdução ao CMS (Content Management System)
- Conceitos básicos de sistemas web

• Drupal
• Joomla
• Moodle
• WordPress
• Introduction To Content Management Systems (CMS). ARAKELYAN, Arman. 2009.
• How to choose between Joomla, Drupal and WordPress – Is there a best choice?. BARBOSA, Marco. 2009.
• Site do Maujour. SILVA, Maurício Samy.
• W3C (World Wide Web Consortium)
• W3C Brasil (Consórcio World Wide Web)
• FREEMAN, Elisabeth; FREEMAN, Eric. Use a Cabeça HTML com CSS e XHTML. Alta Books, 2008.
• NIXON, Robin. Learning PHP, MySQL, and JavaScript. O’Reilly Media, 2009.
• SILVA, Maurício Samy. Criando Sites com HTML: Sites de Alta Qualidade com HTML e CSS. Novatec, 2008.

Aula 02: 10/08

- Introdução e instalação do WordPress
- Conhecendo a parte administrativa do WordPress

• Instalando o WordPress
• Painéis de administração

Aula 03: 17/08

Sistemas Corporativos Web – WordPress Aula 03
12 slides

- Criação e personalização de temas para WordPress
- Estrutura básica

• Arquivo apoio (ZIP 468kb)
• Usando temas
• Desenvolvimento de temas
• Know Your Sources

Aula 04: 24/08

Sistemas Corporativos Web – WordPress Aula 04
14 slides

- Desenvolvimento do tema

• Arquivo apoio (ZIP 168kb)
• CSS Coding Standards

Aula 05: 31/08

Sistemas Corporativos Web – WordPress Aula 05
10 slides

- Menus dinâmicos
- Funções do WordPress
- Páginas de erro 404

• Arquivo apoio (ZIP 168kb)
• How to rethink the default WordPress next/previous links. IMEL, Ryan. 2011.
• WP-Page Navi plugin
• Wanted: Your 404 Error Pages. LENNARTZ, Sven. 2007.
• 404 Error Pages: Reloaded. FRIEDMAN, Vitaly. 2007.
• 404 Error Pages, One More Time. BESZ-MIAZGA, Sylwia. 2009.

Aula 06: 14/09

Sistemas Corporativos Web – WordPress Aula 06
13 slides

- Widgets e plugins
- Trabalhando a hierarquia do tema para WordPress

• Cforms plugin
• Contact Form 7 plugin
• Plugins Directory
• Widgetizing Themes
• Hierarquia de Modelos WordPress
• WordPress Template Hierarchy Diagram. CASTILLA, Michael. 2008.

Aula 07: 21/09

- Atividade em sala

Aula 08: 28/09

-

Prova: 05/09

- Primeira prova do semestre

Split com o Amoebic Dysentery. O lado do Lymphatic Phlegm traz material raro gravado em 2004: algumas faixas foram regravadas em outros lançamentos, outras são inéditas. Tersis Zonato participou do trabalho de masterização e pós-produção com a inserção de novos elementos e introduções para as músicas.

• Gravado e arranjado por Lymphatic Phlegm.
• Produzido por Mr. Silka.
• Mixado por Mr. Silka e Lymphatic Phlegm.
• Masterizado e pós-produzido por Wolf Lutemkrat.
• Todas as músicas por Lymphatic Phlegm exceto “Dissected Homo – Foreskin” por Gut.
• Capa e direção de arte por Tersis Zonato.

Axecuter se compromete a tocar heavy metal em sua forma tradicional, mantendo vivo o legado dos mestres dos anos 80s. Bangers Prevail é o primeiro lançamento da banda. As guitarras e o baixo foram gravados no Lutemkrat Studio por Tersis Zonato, bateria e vocais foram gravados no AvantGarde Studio por Maiko Thomé, que também ficou responsável pela mixagem e masterização.

A capa ficou por conta de Fabien da Infernö Records, com direção de arte e encarte de Tersis Zonato.

• Gravação e tecnologia por Maiko Thomé.
• Produzido por Axecuter.
• Músicas por Baphometal.
• Letras por Danmented.
• Logo por Baphometal e T. Basstard.
• Capa por Fabien.
• Direção de arte por T. Basstard.
• Fotos por Chantal Wagner Kornin.

People talking without speaking, people hearing without listening.

Simon & Garfunkel

Clique aqui para assistir o vídeo inserido.

Clique aqui para assistir o vídeo inserido.

Clique aqui para assistir o vídeo inserido.

Clique aqui para assistir o vídeo inserido.

Clique aqui para assistir o vídeo inserido.