Luli Radfahrer - 12 EWD SP

Slide 1: NOVAS RESOLUÇÕES PARA O ANO LULI RADFAHRER • 12º EWD @ SP

Slide 2: TV Digital YouTube / IPTV O QUE NÃO É O QUE NÃO PODE SER Smartphones Celulares (SMS) A Web, por que não? Blogs / CMS Redes sociais ARGs RIAs Podcasts / Videocasts Consoles Interação física / projeção LULI RADFAHRER • 12º EWD SP

Slide 3: É a velha, velha história: DESIGN DIGITAL NÃO É WEBDESIGN

Slide 4: Constatação: JÁ FOI MAIS FÁCIL FAZER DESIGN DIGITAL

Slide 5: Constatação: JÁ FOI MAIS DIFÍCIL FAZER DESIGN DIGITAL <html>

Slide 6: TV Digital YouTube / IPTV OUTRAS RESOLUÇÕES Smartphones Celulares (SMS) A Web, por que não? Blogs / CMS Redes sociais ARGs RIAs Podcasts / Videocasts Consoles Interação física / projeção LULI RADFAHRER • 12º EWD SP

Slide 7: DESIGN = COMUNICAÇÃO Novas tecnologias, usos, modas: o cliente não sabe – nunca soube – o que quer. Não é a função dele, é a sua. LULI RADFAHRER • 12º EWD SP

Slide 8: Será preciso REAPRENDER? Eu acho que não. LULI RADFAHRER • 12º EWD SP

Slide 9: Web 2.0 é só a crista da Tsunami: a mudança é de atitude A MUDANÇA É ABRANGENTE A Internet passa a ser manipulável: personas – conteúdos opiniões – seleção – interação A informação sustenta e estrutura interfaces Ela já aconteceu mas o futuro é muito mal-distribuído LULI RADFAHRER • 12º EWD SP

Slide 10: É uma ferramenta de software A INTERNET NÃO É REDE DE COMPUTADORES, PESSOAS OU MESMO INFORMAÇÃO remota, interativa, evolutiva, orgânica e multiusuário LULI RADFAHRER • 12º EWD SP

Slide 11: Ou uma evolução? É UMA REVOLUÇÃO? Os sistemas anteriores sustentam e propiciam o surgimento dos seguintes. Os conceitos elementares de comunicação e expressão continuam os mesmos. LULI RADFAHRER • 12º EWD SP

Slide 12: Sistema de Hipertexto Ferramenta de software A MUDANÇA É SUBSTANCIAL Objetivos Objetivos Demandas Demandas Conteúdo Especificações Técnicas Arquitetura Design de Interação de Informação Design de Interface Projeto de Navegação Design de Design de Informação Informação Design Gráfico Design Gráfico LULI RADFAHRER • 12º EWD SP

Slide 13: SISTEMA DE HIPERTEXTO: Concepção > Finalização INFORMAÇÃO Objetivos Demandas Conteúdo Arquitetura de Informação Projeto de Navegação Design de Informação Design Gráfico LULI RADFAHRER • 12º EWD SP

Slide 14: FERRAMENTA DE SOFTWARE: Concepção > Finalização TAREFAS Objetivos Demandas Especificações Técnicas Design de Interação Design de Interface Design de Informação Design Gráfico LULI RADFAHRER • 12º EWD SP

Slide 15: Qual a finalidade da ação? OBJETIVOS Objetivos de negócios HIPERTEXTO Públicos e seu comportamento E SOFTWARE Utilidade e relevância da ação OBJETIVOS Impacto pretendido DEMANDAS INFORMAÇÃO Resposta esperada DESIGN GRÁFICO Idéia criativa LULI RADFAHRER • 12º EWD SP

Slide 16: Você merece atenção? DEMANDAS DO USUÁRIO HIPERTEXTO Comportamento E SOFTWARE Simplificação OBJETIVOS Entretenimento DEMANDAS INFORMAÇÃO Identificação de demandas DESIGN GRÁFICO Objetivos (internos, externos) LULI RADFAHRER • 12º EWD SP

Slide 17: Software: o que você faz? DEFINIÇÃO DE FUNCIONALIDADES SOFTWARE Ações e processos ESPECIFICAÇÕES Diferencial e entregas INTERAÇÃO Demandas e pré-requisitos INTERFACE Capacidades Limitações LULI RADFAHRER • 12º EWD SP

Slide 18: Hipertexto: que respostas traz? DEFINIÇÃO DE CONTEÚDOS HIPERTEXTO Fontes de conteúdo Níveis de profundidade CONTEÚDO ARQUITETURA Qualidade das fontes NAVEGAÇÃO Tipo de conteúdo Suporte LULI RADFAHRER • 12º EWD SP

Slide 19: Software: como trato você? DESIGN DE INTERAÇÃO Fluxo de ações Estímulos e respostas SOFTWARE Determinação de ESPECIFICAÇÕES funcionalidades INTERAÇÃO Definição de interação INTERFACE Estruturação de regras LULI RADFAHRER • 12º EWD SP

Slide 20: Hipertexto: ordem de conteúdo ARQUITETURA DE INFORMAÇÃO HIPERTEXTO Estrutura Hierarquia CONTEÚDO ARQUITETURA Níveis de profundidade NAVEGAÇÃO Mapas e Guias Paisagens de Informação LULI RADFAHRER • 12º EWD SP

Slide 21: Software: pontos de contato DESIGN DE INTERFACE Gráficas (GUI) Linhas de comando Hápticas SOFTWARE Sensíveis ao toque De atenção ESPECIFICAÇÕES INTERAÇÃO De processos INTERFACE Conversacionais ou agentes Gestuais Comando de voz Ambientais LULI RADFAHRER • 12º EWD SP

Slide 22: Hipertexto: guias de trânsito PROJETO DE NAVEGAÇÃO HIPERTEXTO Como no supermercado ou estacionamento, é o processo CONTEÚDO ARQUITETURA de estabelecer pontos de NAVEGAÇÃO referência no espaço de informação LULI RADFAHRER • 12º EWD SP

Slide 23: Facilitar a compreensão DESIGN DE INFORMAÇÃO HIPERTEXTO Simplificação E SOFTWARE Definição clara de regras OBJETIVOS Criação de estrutura amigável, DEMANDAS INFORMAÇÃO funcional, de respostas rápidas e DESIGN GRÁFICO eficientes LULI RADFAHRER • 12º EWD SP

Slide 24: Elementos visuais de referência DESIGN GRÁFICO Aparência geral HIPERTEXTO Legibilidade E SOFTWARE “Look and Feel” OBJETIVOS Familiaridade DEMANDAS INFORMAÇÃO Intuitividade DESIGN GRÁFICO Estilo LULI RADFAHRER • 12º EWD SP

Slide 25: TV Digital YouTube / IPTV OUTRAS RESOLUÇÕES Smartphones Celulares (SMS) HIPERTEXTO E SOFTWARE A Web, por que não? Blogs / CMS OBJETIVOS DEMANDAS Redes sociais CONTEÚDO ARGs ESPECIFICAÇÕES RIAs ARQUITETURA INTERAÇÃO Podcasts / Videocasts NAVEGAÇÃO Consoles INTERFACE INFORMAÇÃO Interação física / projeção DESIGN GRÁFICO LULI RADFAHRER • 12º EWD SP

Slide 26: Qual o seu nível de consciência nesse processo? ONDE ESTÁ VOCÊ? LULI RADFAHRER • 12º EWD SP

Slide 27: E isso não é pouca coisa. DESIGN DIGITAL É DESIGN LULI RADFAHRER • 12º EWD SP

Slide 28: DESIGN Desenho Projeto Desígnio LULI RADFAHRER • 12º EWD SP

Slide 29: luli@luli.com.br luli.com.br

Slideshare.net (beta)