Os sistemas digitais entraram na nossa vida e se tornaram meios determinantes para a realização de nossas atividades. Quando esses sistemas começaram a falhar não por defeitos técnicos mas por inadequação do design, brotou a semente de uma nova área dentro do design que trataria especificamente da interferência do design na ação conjunta entre pessoas e sistemas, o Design de Interação. Ao contrário de abordagens analíticas como as de Ergonomia e IHC, a proposta do Design de Interação é canalizar a criatividade do designer para o desenvolvimento de produtos interativos (telefones celulares, softwares, games, websites, etc) que mudem a vida das pessoas para melhor.

Design de Interação: entre pessoas e sistemas [MP3] 13mb - 74 minutos

[ nota ]Infelizmente, não gravei os 10 primeiro minutos da palestra, mas em breve será disponibilizada gravação completa em vídeo pela organização do evento.

Slides

Próximas palestras

• Design.exe - Londrina - 17/05/2006

Comente este post

Os princípios de liberdade que inspiram o movimento de Software Livre também inspiram o Design de Interação, disciplina que chama a atenção para o contexto de uso de softwares durante seu projeto. A interação entre essas duas áreas pode trazer benefícios tanto para usuários quanto para os desenvolvedores, proporcionando produtos e processos melhores.

Tópicos

• Carência no assunto
• Encarando a complexidade
• A necessidade é a mãe da invenção
• Contextos de uso
  • Tecnológico
  • Simbólico
  • Social
  • Cultural
• Desafios para projetos de software proprietários
  • Valor intangível
  • Orçamento reduzido
  • Prazos apertados
  • Tática ao invés de estratégia
  • Pressões do marketing
  • Falta de know-how
  Bom exemplo
  • Office 12
• Desafios para projetos de software livre
  • Desenvolvimento distribuído
  • Orientação à funcionalidade e não utilidade
  • Quem não codifica, não apita
  • Interesse em problemas acadêmicos
  • Perfeccionismo na arquitetura
  • Disputa pela interface
• Bons exemplo
  • Firefox
• Outros projetos interessantes
• Ubuntu
• Mezzo
• BetterDesktop
• OpenSuse

Slides

[ tamanho maior ]

[ Áudio da palestra ]

Próxima palestra

03/04/06 - 15:45 - VI Seminfo (Semana de Informática da UTFPR) - Curitiba / PR

Comente este post

A idéia de referências cruzadas e não-linearidade já existiam muito antes da palavra hipertexto.

Na literatura, isso se chama dialogismo, nos quadrinhos, cross-overs e na informática, hipertexto. Aliás, a história da informática, se confunde com a do hipertexto. Os ideiais do hipertexto foram norteadores para o desenvolvimento dos computadores pessoais. Conhecer esses ideais é essencial para entender as interfaces computacionais

Slides

[ Tamanho maior ]

Esta apresentação faz parte da disciplina Análise e Expressão Literária que ministro no Curso de Design da Unisul

Referências

• Noções básicas de hipertexto
• Hipertexto - O labirtinho eletrônico: uma experiência hipertextual

Comente este post

Assim como existem diferenças entre a redação para TV, rádio e jornal impresso, a redação para a Web possui características próprias devido às características particulares do meio.

Na Web, as pessoas praticam uma leitura muito mais desatenta, pois há conteúdo infindável disponível, mas a condição ergonômica não é muito favorável para a leitura.

Nesta apresentação, mostro como encaro o texto na Web e dou dicas práticas que sigo sempre que escrevo posts neste blog.

[ Tamanho maior ]

Esta apresentação faz parte da disciplina Análise e Expressão Literária que ministro no Curso de Design da Unisul

Comente este post

A linguagem pode ser usada de diferentes formas pelo emissor de uma mensagem durante um processo de comunicação. A escolha precisa da função da linguagem mais adequada aumenta a chance de êxito no processo de comunicação, ou seja, a reação desejada no receptor.

Tópicos

• O processo de comunicação
  • Emissor e receptor
  • Repertório e código
  • Intenção e feedback
  • Meio, mensagem e ruído
• Relação entre o processo de comunicação e as funções da linguagem
  • Expressiva - Emissor
  • Referencial - Contexto
  • Fática - Meio
  • Apelativa - Receptor
  • Poética - Mensagem
  • Metalinguística - Código
• Função expressiva
  • Primeira pessoa do singular (eu)
• Emoções
• Interjeições
• Exclamações
• Blog
• Autobiografia
• Cartas de amor
• Função Referencial
  • Terceira pessoa do singular (ele/ela)
  • Informações
  • Descrições de fatos
  • Neutralidade
  • Jornais
  • Livros técnicos
• Função Apelativa ou Conativa
  • Segunda pessoa do singular
  • Imperativo
  • Figuras de linguagem
  • Discursos políticos
  • Sermões
  • Promoção em pontos de venda
• Função Fática
  • Interjeições
  • Lugar-comum
  • Saudações
  • Comentários sobre o clima
• Função Poética
  • Subjetividade
  • Figuras de linguagem
  • Brincadeiras com o código
  • Poesia
  • Letras de música
  • Propaganda
• Função Metalinguística
  • Referência ao próprio código
  • Poesia sobre poesia
  • Propaganda sobre propaganda
  • Dicionário

Slides

[ Tamanho maior ]

Esta apresentação faz parte da disciplina Análise e Expressão Literária que ministro no Curso de Design da Unisul

Comente este post

Esta apresentação faz parte da disciplina Análise e Expressão Literária que fui convidado a ministrar no Curso de Design da Unisul

[ Tamanho Maior ]

Comente este post

[ Tamanho maior ]

Esta apresentação faz parte da disciplina Análise e Expressão Literária que ministro no Curso de Design da Unisul

Comente este post

O princípio básico da Web é acesso por qualquer tipo de pessoa, em qualquer lugar, mas são poucos os websites que seguem esse princípio. Ora por incompetência técnica, ora por desinteresse comercial, a maioria dos criadores de websites ignoram boas práticas que viabilizam o acesso à informação (acessibilidade) e seu uso (usabilidade).

Essa palestra explica como conciliar princípios de acessibilidade e usabilidade que beneficiem os usuários no projeto de websites.

Tópicos

• Acessibilidade e usabilidade são condições básicas para a inclusão social digital.
• "O poder da web está em sua universalidade. Ser acessada por todos, independente de deficiência, é um aspecto essencial." Tim Berners-Lee, diretor do W3C e inventor da World Wide Web.
• Acessibilidade na Web
  • Acessibilidade é a flexibilidade do acesso às funcionalidades de um determinado produto ou local. Se um produto ou local é acessível, então ele permite que pessoas com necessidades especiais, seja por deficiência ou por limitações dos meios utilizados, utilizem-no para seus fins.
  • Quem precisa de acessibilidade? Exemplos de pessoas com necessidades especiais
  • Excluir essas pessoas é desperdício social e econômico
  • Como tornar websites acessíveis?
    • Conhecendo as necessidades especiais
    • Seguindo os Padrões Web
    • Seguindo as diretrizes da WCAG
    • Escrevendo texto preciso e conciso
    • Testando em situações reais
• Usabilidade na Web
  • Usabilidade é sinônimo de facilidade de uso.
    Se um produto é fácil de usar, o usuário tem maior produtividade: aprende mais rápido a usar, memoriza as operações e comete menos erros.
  • Quem precisa disso? Exemplos de pessoas que usam a Web em situações críticas
  • Tratar mal essas pessoas é um desrespeito tremendo
  • Como tornar websites usáveis?
    • Conhecendo os usuários e o contexto de uso
    • Priorizando pessoas ao invés de tecnologias
    • Seguindo padrões de interação
    • Seguindo recomendações de pesquisadores
    • Comunicando claramente
    • Testando em situações reais
• Usabilidade versus Acessibilidade
  • Design Universal: uma solução para todos.
  • Design Contextual: uma solução que atende apenas uma situação específica
  • Pontos fracos do movimento de Acessibilidade
    • Carência de métodos de pesquisa.
    • Apego excessivo à diretrizes.
    • Tecnocentrismo.
    • Desconsideração de aspectos subjetivos da experiência de uso.
  • Pontos fracos do movimento de Usabilidade
    • Exclusão de deficientes em pesquisas com usuários.
    • Consideração da Acessibilidade como um serviço extra.
    • Desconsideração do valor de mercado da Acessibilidade.
    • Desconsideração de aspectos subjetivos da experiência de uso.
• Design é justamente a conciliação de variáveis como essas
• Princípios para o Design de Interação
  • Simplicidade: Menos é mais.
  • Empatia: Sentir o que o usuário sente.
  • Estética: Fazer o usuário se sentir bem.
  • Imersão: Criar experiências fluidas.

Slides

[ Tamanho maior ]

[ Áudio da palestra ]

Referências

• What is the relationship between usability and accessibility, and what should it be?, Dey Alexander
• Accessibility in the User-Centered Design Process

Próximas palestra

Sociesc / Tupy - Joinville 06/04 às 14:30

Semana da Inclusão Digital do Comite de Democratização da Informática (CDI)
Fórum Acadêmico - PUC-PR - Curitiba
Data: 20/03/06 das 13 às 17hs

Comente este post

Palestra realizada na Primeira Conferência Brasileira de Podcast.

Todo mundo diz que a primeira vez que pega um Ipod na mão é amor à primeira vista. Isso não é por acaso. A Apple sabe lidar com o design emocional de seus produtos para criar experiências envolventes. Entenda como funciona esse lado oculto do design de produtos.

Slides

[ Tamanho maior ]

Comente este post

De nada adianta um website que ninguém consegue usar porque é complicado ou difícil demais. Milhares de empresas perdem dinheiro todos os dias porque seus websites e aplicações não oferecem a facilidade de uso que seus usuários esperam.

Nesse workshop serão ensinados os fundamentos da Engenharia de Usabilidade dando foco para os métodos de avaliação de interfaces de baixo custo. Ao término do curso, os alunos estarão aptos a realizar testes de usabilidade informais, a fazer avaliações heurísticas e a realizar percursos cognitivos. É claro que, afim de interpretar e solucionar os problemas encontrados, será dado ao aluno referências sobre boas e más práticas no assunto.

Tópicos abordados

• Apresentação
• Introdução ao assunto e às táticas de guerrilha
• Estado-da-arte no Brasil
• Avaliar o quanto antes e sempre

Entendendo as expectativas do usuário

• Análise de tarefas
• Entrevistas
• Questionários
  • Usabilidade percebida
  • Satisfação
  • Limites
• Cenários de uso
• Personas
  • Descritiva
  • Dados

Avaliação sem sair de casa

• Percurso Cognitivo
  • Esquecer tudo e começar do zero
• Listas de verificação
  • Dentro da equipe
  • Com usuários finais
• Expert-review
• Avaliação heurística
  • Universais
  • Contextuais
  • Análise participativa
• Avaliação de benchmark
  • Pontos fortes e pontos fracos
  • Combinar outros métodos
  • Satisfação (usando questionários)
  • Complacência aos padrões (usando listas)

Testando com usuários reais

Teste formativo

• Baixa fidelidade
• Alta fidelidade
• Teste com templates

Testes somativo

• Infra-estrutura
• Preparação
  • O quê se deseja descobrir?
  • Como será feito?
  • Quem será chamado?
  • Documentos
    • Guia
    • Consentimento
    • Lista de tarefas
• Recrutamento
• Tipos
  • Orientado à tarefas
  • Livre
  • Uso normal
• Abordagens
  • Qualitativos
    • Pensar alto
    • Prever soluções na hora
  • Quantitativos
    • Cronometrar
    • Gravar
• Interpretação dos dados

Planejando a avaliação

• Defendendo o investimento em usabilidade
• Escolhendo as métricas
• Escolhendo os métodos
• Escrevendo relatórios

Referências para saber mais sobre

• Livros
• Websites
• Academia

Dados

Duração: 8 horas

Local: onde houver pessoas interessadas.

Comente este post

O contraste é uma oposição acentuada entre duas ou mais coisas, sendo que uma se sobressai perante as demais. A harmonia é exatamente o contrário: as coisas concordam entre si, não há competição. Há contraste e harmonia em tudo no mundo, mas é nas artes onde eles são mais observados. Para criar um layout dinâmico, é indicado usar recursos de contraste e para um layout mais tranquilo, as de harmonia, por exemplo.

No entanto, uma peça completa requer a sinergia entre as duas classes de técnicas, já que o contraste incentiva à interatividade e a harmonia impede a confusão e cansaço do usuário. A própria combinação de contraste e harmonia é contrastante e harmônica ao mesmo tempo. É como a natureza do pólos elétricos: os opostos se atraem e quando se encontram, ocorre uma descarga de energia (contraste) até que se equilibrem (harmonia). Ou seja, não há como separar um do outro, por mais que se tente evitar um dos lados, sempre haverá contraste e harmonia nas peças.

Esse módulo do curso Direção de Arte e Usabilidade apresenta alguns recursos de contraste e harmonia, incluindo exemplos de aplicações em websites.

Slides

[ Tamanho maior ]

Comente este post

Se na sociedade atual a visão é considerada o sentido mais importante, a aparência de um website conta muito. Além de exibir com graça informações, ela deve ser bonita e agradável. Há séculos artistas, psicólogos, filósofos e designers estudaram quais recursos estão disponíveis para atingir esse objetivo e como utilizá-los. Esse módulo do curso Direção de Arte e Usabilidade contempla os seguintes assuntos:

• Tipografia
  • Legibilidade
  • Serifa X sem-serifa
  • Flexibilidade de tamanho
  • Fontes comuns
    • Arial / Helvetica
    • Courier New
    • Comic Sans
    • Garamond
    • Georgia
    • Trebuchet MS
    • Times New Roman
    • Verdana
  • Combinando fontes
  • Exercício combinando fontes
• Cor
  • Luz refletida X luz emitida
    • CMYK X RGB
    • Sobreposição de cores por contraste elevado
    • Excesso de luminosidade
    • Persistência da imagem
  • Psicodinâmica das cores
    • Significado depende do contexto
    • A percepção das cores é cultural
    • Animação: Maria Claudia Cortes
  • Contraste entre cores depende do contexto
  • Exemplo: Laboratório de Dale Purves
  • Que cores usar?
    • Logomarca
    • Identidade visual da empresa
    • Concorrência
    • Natureza
  • Escolhendo a paleta
  • Exemplo: escolhedor de cores wellstyled colorscheme
  • Cores da natureza
• Alinhamento
  • A importância do alinhamento (busca pelo equilíbrio)
  • Moldura
  • Grid
  • Colunas
  • Largura da coluna de texto
• O caminho dos olhos
  • Prioridade na atenção
  1. Movimento
  2. Imagem
  3. Cor
  4. Controles padrão do browser (botões de formulário, barras de rolagem, caixas de entrada e etc)
  5. Texto
  • Não coloque obstáculos
  • O que faz parar o olho?
  • Vídeo: Eyetrack III

Slides

[ Tamanho maior ]

Comente este post

Apresentação do Trabalho de Conclusão de Curso em Jornalismo sobre uma metodologia de Design Centrado no Usuário aplicada no website da UFPR. A principal da metodologia característica é o ciclo iterativo de definir-testar-avaliar, envolvendo usuários a cada ciclo, através de testes com protótipos de papel, card-sorting, entrevistas e etc. Veja nos slides uma visão geral do processo.

Slides

Tamanho maior

Comente este post

O conhecimento dos Webstandards ou Padrões Web permite a implementação de layouts em HTML muito mais fácil e rapidamente. A separação dos códigos que definem a apresentação (CSS), o conteúdo (HTML) e o comportamento (DOM) oferece as seguintes vantagens:

• manutenção mais fácil
• tamanho do arquivo menor (economia de banda e velocidade no carregamento)
• maior acessibilidade para o usuário
• compatibilidade com diferentes navegadores

Ao invés de recomeçar do zero para aprender essa nova forma de codificação, é possível uma transição suave. O código vai aos poucos ficando mais limpo e bem escrito, até chegar ao webstandards ideal.

Slides

Tamanho maior

Escute o áudio da palestra gravada no 10º Encontro de Webdesign.

Comente este post

A Semiótica oferece um modelo que permite entender o raciocínio do usuário ao escolher entre uma e outra opção num menu de navegação. Em geral na Web, esse raciocínio é do tipo abdutivo, ou seja, o usuário observa a situação, levanta uma hipótese, testa e corrige, se for preciso. Com base em 3 das 10 classes signos de Peirce, foi criado um protocolo de perguntas para identificar traços do raciocínio do usuário enquanto participava de um teste piloto sobre a taxonomia do website da Universidade Federal do Paraná.

Downloads

• Pôster
• Artigo
• Slides [PPT] 1 Mb

Comente este post