Ferramentas para negociar design de interação

Slide 1: Ferramentas para negociar design de interação Frederick van Amstel designer de interação usabilidoido.com.br

Slide 2: Idealista Materialista Positivista Crítico Lógico Dialético Individualista Coletivo

Slide 3: Ferramentas para negociação • Reuniões • Murais • Dinâmicas de grupo • Comunicação de pesquisa • Fóruns de discussão • Conferências à • Prototipação distância • Documentação • Blogs • ... • Wikis

Slide 4: Reuniões • Custo alto • Flexibilidade • Dificuldade de • Compromisso agendamento • Agilidade • Descontrole

Slide 5: Instituto Faber-Ludens

Slide 6: Dinâmicas de grupo • Brainstorming • Método KJ • Joint Application Development • Grupo de foco

Slide 7: Grupo de foco

Slide 8: Conferências à distância • Telefone, Skype • MSN, Gtalk • Vorticce • Descontrole • Problemas técnicos

Slide 9: Vorttice

Slide 10: Fóruns/listas de discussão • Assíncrono • Arquivo • Impessoal • Feedback lento • Efeito “bonde andando” • Basecamp

Slide 11: Basecamp

Slide 12: Blogs • Acompanhamento externo • Informalidade • Autoria definida

Slide 13: Blogs da Microsoft

Slide 14: Wiki • Controle de alterações • Autoria difusa • Coordenação diferente • Desburocratiza • Bom repositório

Slide 15: Wiki BrOffice.org

Slide 16: Murais • Reprodução impossível • Visão geral • Esfera pública • Flexibilidade

Slide 17: Adaptivepath Sketchboard

Slide 18: Pesquisa i(n)terativa

Slide 19: Comunicação de pesquisa • Traduzir a vivência • Concisão • Filtrar o relevante • Generalizações • Verdades e mentiras

Slide 20: Fotografias Nokia Research

Slide 21: Vídeo

Slide 22: História em quadrinhos Nokia Research Team

Slide 23: goHostel Colagem

Slide 24: Colagens online http://www.scrapblog.com/

Slide 25: Diagrama de afinidades SAP

Slide 26: Modelos Conceituais

Slide 27: Árvore de tarefas

Slide 28: Descrições Pesquisa “O Orkut mudou a minha vida!” Os participantes da pesquisa comentam que a curiosidade os impele a clicar na foto dos amigos para ver seu perfil. Alguns homens dizem que essa curiosidade está ligada à "boa estética" da foto, o que normalmente leva, em seguida, à uma espiada no álbum de fotos para verificar se a "boa estética" também se verifica sob outros ângulos.

Slide 29: Estudo de caso Redesign do Usabilidoido versão Seurat (2005)

Slide 30: Versão Mondrian

Slide 31: Perfil Semiótico I

Slide 32: Perfil Semiótico II

Slide 33: Perfil Semiótico III

Slide 34: Explorando personalidade

Slide 35: Diagrama de afinidade

Slide 36: Personas

Slide 37: Versão Seurat

Slide 38: Versão Seurat ajustada

Slide 39: Resultados • Aumento de 500% na rentabilidade do Adsense em 6 meses • Pararam os comentários criticando o layout • Índice de aprovação de 60% • Maior flexibilidade e durabilidade

Slide 40: Prototipação e Evolução

Slide 41: Prototipação • Propósito (demonstrar, testar, explorar) • Fidelidade (alta, baixa) • Funcionalidade (funcional, semi-funcional) • Competência técnica

Slide 42: Jonas Lowgren Rabiscos

Slide 43: SAP Storyboard

Slide 44: Narrativa em vídeo Ciao PDA

Slide 45: Bastidores

Slide 46: Protótipo estrutural UFPR.br

Slide 47: Protótipo de alta fidelidade

Slide 48: Protótipo funcional Reactables

Slide 49: Reactables Performance

Slide 50: Estudo de Caso Non-Sedentary Gaming for Pediatric Obesity, Lindsay Rebecca

Slide 51: Prototipação da forma

Slide 52: Prototipação da aparência

Slide 53: Prototipação funcional

Slide 54: Avaliação final

Slide 55: Documentação e Especificação

Slide 56: Documentação • Demorado • Polissemia • Desatualização • Precisão • Referência estavel

Slide 57: Mapa mental

Slide 58: Progressão

Slide 59: Cenários • O aluno Alessandro Bernardes casou-se cedo e decide trancar o curso para trabalhar mais. Ele recorre ao website da Universidade para saber por quanto tempo poderá trancar seu curso e, ao abrir a página, vê uma porção de links relativos aos órgãos da instituição. Como ele está um tanto alheio às funções de cada um, prefere clicar no link intitulado “Matrículas”. Na página aberta, encontra um link para maiores informações sobre trancamento de curso que o leva à página do Núcleo de Acompanhamento Acadêmico (NAA), o órgão responsável por operações dessa ordem. A página informa que é possível trancar o curso por seis meses e mais seis, caso seja aprovado o requerimento. Alessandro encontrou o que queria e, mais, aprendeu que problemas dessa ordem são resolvidos no NAA.

Slide 60: Diagrama da situação

Slide 61: Relação entre objetos

Slide 63: Relação entre objetos

Slide 64: Especificação de funcionalidades Mural do usuário Na página do perfil do usuário, haverá um pequeno mural para outros usuários deixarem recados como, por exemplo, convidando o usuário dono do perfil a responder uma pergunta sua. O dono do perfil poderá optar por desligar o mural.

Slide 65: Casos de uso

Slide 66: Diagrama Sequencial

Slide 67: Diagrama Sequencial

Slide 68: Molic SERG - PucRio

Slide 69: Vocabulário Visual

Slide 70: Wireframe

Slide 71: Pesquisa, Protótipos e Documentação • Propósitos diferentes • Resultados diferentes • Combinação

Slide 72: Obrigado! Frederick van Amstel designer de interação usabilidoido.com.br