Slides

Este workshop de 4 horas foi realizado na incubadora de empresas de tecnologia de SC, o Celta.

Comente este post

Projetos de alunos

Outros projetos, bem como o processo de desenvolvimento podem ser encontrados no blog do curso.

Conteúdo programático

• O design do Orkut incentiva ciúmes?
• Reconceitualizando a interação
• Não é apenas usabilidade
• Interaction Design History in a teeny little nutshell
• Então você quer ser um designer de interação

• Metodologias de Design de Interação (Slides)
• Design centrado em quê?
• Design pelo perfil ou pelo comportamento
  
• Design Centrado no Usuário para o website da Ufpr.br (TCC)
• Lead User Studies
• Metodologia Moebius e Getting Real, planejamento e ação

• O valor da pesquisa no Design de Interação (slides)
  
• Pesquisa embutida no orçamento
• Future Perfect - blog de pesquisador viajante da Nokia
• Perfil Semiótico - Método para design gráfico
• Card-sorting é melhor que buraco
• How to Lie with Design Research

• Como fazer uma pesquisa qualitativa
• Personas e cenários para antecipar o futuro
• Why doing user observations first is wrong
• O Orkut mudou minha vida! Incorporando resultados de pesquisa social no design de interação

• Mapeando modelos conceituais
• Diagrama para representar interação entre papéis de usuários
• Como fazer wireframes de interfaces
• Ferramentas para negociar Design de Interação (slides)
  
• Solicitations - pesquisa sobre telemarketing
• What to do with all those photos
• Let Me Show You What I Think We Mean

• Associações e Metáforas
• Propiciação e clicabilidade
• Tudo depende do contexto
• Lei de Fitts
• Padrões são inevitáveis, até no design

• Como fazer testes de usabilidade (slides)
  
• Acidente da Tam pode ter sido causado por problemas de usabilidade
• As 10 heurísticas de Nielsen
• Sabedoria do Tarô e usabilidade
• Contra a cultura de testes de usabilidade

• Designer: acessibilidade é bom pra você também
• Acessibilidade web: Tudo tem sua Primeira Vez
• Como testar a acessibilidade em Websites?
• Usabilidade na Acessibilidade (slides)
  
• Just Ask: Integrating Accessibility Throughout Design

• Participação verdadeira na origem do projeto
• Tecnologia humanizada ou humanidade tecnocrática?
• Princípios de Design de Interação (slides)
  
• Designing Interactions at Royal College of Art
• What are architectures of control in design?

• O Design do Dia-a-Dia, Donald Norman
• Não me Faça Pensar, Steve Krug

• Design de Interação, Preece, Sharp e Rogers
• Usabilidade na Web,
• Projetando Web Sites com Qualidade,
• Hoa Loranger e Jakob Nielsen
• Designing Interactions, Bill Mogridge
• Thoughtful Interaction Design, Lowgren e Stolterman

Comente este post

Foto

Participantes do Workdesign da UEL em 2007.

Slides

Programação

• 2 horas exposição teórica
• 2 horas preparação para pesquisa de campo
• 2 horas de pesquisa de campo
• 2 horas de síntese

Duração total: 8 horas (1 dia)

Tópicos

• Introdução ao Design de Interação
• Problemática dos Softwares Multi-usuário
• Técnicas de Pesquisa de campo
  • Comportamento - Entrevista
  • Atividade - Análise da Atividade
  • Tarefa - Análise da Tarefa
  • Operação - Teste de Usabilidade
• Ferramentas para negociação de projeto (documentação)

Comente este post

A nova tecnologia traz desafios para o Design de Interação de tais aplicações, pois a praticidade não vem junto com a tecnologia. O Ajax permite desenvolver aplicações poderosas, mas se não forem bem empregados seus recursos, a interface pode se tornar um incômodo para seus usuários. Saiba como projetar e implementar uma aplicação baseada em Ajax com foco na usabilidade.

Conteúdo programático

• Princípios de Design de Interação
• Modelo conceitual da aplicação
• Mapas semânticos
• Gerenciando funcionalidades
• Planejando a curva de aprendizado
• Diagramas de fluxos de interação
• Padrões de interação em aplicações com Ajax
• Wireframes, Storyboards e Prototipagem rápida com o Adobe Flash
• Teste de usabilidade de baixo custo

Slides

• Fundamentos para o design de interação
• Ajax e Design de Interação
• Princípios de Design de Interação

Duração: 8 horas

Este módulo integra o curso de Ajax da Eng e da Especialização em Desenvolvimento de Sistemas para a Web da Universidade Estadual de Maringá.

Comente este post

Slides:

• Redação Fluente
• Redação Informativa
• Funções da Linguagem
• Redação para a Web
• Do Hipertexto à Hipermídia
• Design Centrado no Usuário: o caso UFPR.br
• Organizando websites com os parâmetros da Arquitetura da Informação

Conteúdo programático

Unidade 1 - Estilo e gramática para o design gráfico.
Preconceito Linguístico; Ortografia; Vocabulário; Gramática; Estilo; Clareza; Concisão; Adequação ao contexto; Pontuação; Ênfase; Redundância; Conotação; Figuras de linguagem; Dicas de redação

Unidade II - Linguagem em impressos corporativos.
Cuidados na linguagem institucional; Atrair-Informar-Engajar; Coleta de conteúdo; Identificação do discurso; 

Unidade III - Distinções entre texto informativo e texto publicitário.
Modelo de comunicação; Funções da Linguagem; Juízo de valor; Objetividade;Cacofonia; Ambigüidade; Pirâmide Invertida; Coleta de Informação

Unidade IV - Escrevendo para web
Características do meio; hábitos de leitura; como fisgar a atenção; palavras ativadoras; escrita minimalista; otimização para buscadores;

Unidade V - Hipertexto.
Leitura linear e não-linear; Psicologia Cognitiva; labirintos e corredores; desconstrução de textos

Unidade VI - Arquitetura da informação em web
Excesso de informação; rotulação; agrupamento; ordenação; classificação; organização; wireframes; diagramas;

Unidade VI - Recursos mais usuais em linguagens sintéticas
Estilos cognitivos; Percepção; História em Quadrinhos; Audiovisual; Multimídia; Hipermídia; Design da Experiência

Comente este post

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

Duração: 16 horas
Local: ENG Curitiba

Slides:

• Recursos para Contraste e Harmonia
• Elementos de design gráfico para websites

Comente este post

Por exemplo, o padrão Abas Duplas é uma solução muito usada quando você precisa estabelecer uma hierarquia de dois níveis de navegação numa barra que está no topo do layout. Nesse padrão está registrado o problema que ela resolve, quando usar, como fazer, porquê usar e bons exemplos.

Conhecer os principais Padrões de Interação na Web é obrigatório para qualquer profissional que se pretenda a projetar interfaces. É como se fosse o vocabulário para esse ofício. Esse vocabulário pode ser muito útil para facilitar a comunicação dentro de uma equipe.

Durante o curso serão expostos os principais Padrões das coleções de Welie, Tidwell e outros autores. O objetivo será dar ao aluno visão geral das características dos padrões, sua utilidade e quando podem ser trasngredidos.

Sequência do curso

• O que são padrões?
• História dos padrões na arquitetura
• A padronização é inevitável
• Como usar padrões no dia-a-dia
  • Comunicação com equipe e clientes
  • Componentização
  • Wireframes
  • Design de interação componentizado - passo-a-passo
    1. Listagem de elementos
    2. Agrupamento (exercício)
    3. Meu agrupamento com prioridade
    4. Design de cada elemento
    5. Montar o wireframe (exercício)
    6. Meu wireframe
    7. Meu design final
    8. Crítica
• Exercício: tudo começa com o problema
• Seleção de padrões
• Discussão: vantagens e desvantagens de determinados padrões
• Ocasiões onde vale à pena quebrar
• Tarefa de casa: reconhecer um padrão num portal e descrevê-lo (problema, quando usar, solução, porquê)

Ficha Técnica

Duração: 4 horas

Próxima data: a definir

Local: Webconferência

Online ao vivo, com vídeoconferência e chat

Comente este post