Quem manda é o usuário Experiências que permitem a interação do usuário na construção de produtos web e das próprias interfaces.

Experiências que permitem a interação do usuário na construção de produtos web e das próprias interfaces.

Quem manda é o usuário Como qualquer outro arquiteto presente aqui nesta sala, meu primeiro compromisso seria elaborar uma apresentação orientada ao usuário. E já que vamos falar de interatividade, seria justo também permitir a interferência de vocês. Mas como em qualquer job na vida real, certamente não falarei com todo mundo, e vocês terão que aguardar uma hora ainda antes de começarem a perguntar. Nota de humildade 1

Como qualquer outro arquiteto presente aqui nesta sala, meu primeiro compromisso seria elaborar uma apresentação orientada ao usuário.

E já que vamos falar de interatividade, seria justo também permitir a interferência de vocês.

Mas como em qualquer job na vida real, certamente não falarei com todo mundo, e vocês terão que aguardar uma hora ainda antes de começarem a perguntar.

Quem manda é o usuário Como atingir o ponto de interação perfeita? Como proporcionar a interface ideal para o usuário? Nota de humildade 2 Certamente não temos resposta para isso. Temos alguns insights e uma boa dose de experiências acumuladas que nos dão uma boa dica do que buscamos, para desenvolver as soluções certas.

Como atingir o ponto de interação perfeita?

Como proporcionar a interface ideal para o usuário?

Quem manda é o usuário Entendendo a audiência Segundo os organizadores do evento, podemos classificar este auditório em 3 perfis principais: profissionais de criação (agência), executivos e estudantes. Para fazer jus ao título

Entendendo a audiência

Segundo os organizadores do evento, podemos classificar este auditório em 3 perfis principais: profissionais de criação (agência), executivos e estudantes.

Quem manda é o usuário Sobre mim: Trabalho em agência de internet, acho que tenho pouco prazo para fazer meu trabalho e acho que os clientes interferem demais na criação. O que eu acho de arquitetura: eu acho que a arquitetura é a área que faz os wireframes. O que eu sei sobre arquitetura: wireframes? Ricardo, designer, 27

Sobre mim: Trabalho em agência de internet, acho que tenho pouco prazo para fazer meu trabalho e acho que os clientes interferem demais na criação.

O que eu acho de arquitetura: eu acho que a arquitetura é a área que faz os wireframes.

O que eu sei sobre arquitetura: wireframes?

Quem manda é o usuário Sobre mim: Sou workaholic mesmo, e adoro o que faço. Atualmente estou cursando um MBA, porque me preocupo com o futuro e quero aproveitar o pique. O que eu acho de arquitetura: tenho lido sobre o assunto e acho que a arquitetura é parte importante do framework metodológico de qualquer agência. O que eu sei sobre arquitetura: já vi alguns exemplos de documentação e acho que o foco do trabalho de arquitetura é usabilidade. Luciano, o executivo de Marketing, 31

Sobre mim: Sou workaholic mesmo, e adoro o que faço. Atualmente estou cursando um MBA, porque me preocupo com o futuro e quero aproveitar o pique.

O que eu acho de arquitetura: tenho lido sobre o assunto e acho que a arquitetura é parte importante do framework metodológico de qualquer agência.

O que eu sei sobre arquitetura: já vi alguns exemplos de documentação e acho que o foco do trabalho de arquitetura é usabilidade.

Quem manda é o usuário Sobre mim: minhas músicas, minhas fotos e meu blog dizem tudo sobre mim. O que eu acho de arquitetura: tenho interesse na área, e considero como uma opção de carreira. O que eu sei sobre arquitetura: acompanho alguns blogs sobre o assunto, leio o boxes and arrows e conheço o Jacob Nielsen. Cris, a estudante, 22

Sobre mim: minhas músicas, minhas fotos e meu blog dizem tudo sobre mim.

O que eu acho de arquitetura: tenho interesse na área, e considero como uma opção de carreira.

O que eu sei sobre arquitetura: acompanho alguns blogs sobre o assunto, leio o boxes and arrows e conheço o Jacob Nielsen.

Quem manda é o usuário A partir do público definido, elaborei uma RAQ ( rarely asked questions ), imaginando o que vocês talvez nunca perguntassem, mas fosse interessante saber. Também escolhi esta forma, para deixar claro que teremos aqui um bate-papo para trocar experiências. Chegando ao tema

A partir do público definido, elaborei uma RAQ ( rarely asked questions ), imaginando o que vocês talvez nunca perguntassem, mas fosse interessante saber.

Também escolhi esta forma, para deixar claro que teremos aqui um bate-papo para trocar experiências.

Quem manda é o usuário 1. Arquitetura não deveria trabalhar junto com a engenharia? RAQ

1. Arquitetura não deveria trabalhar junto com a engenharia?

Quem manda é o usuário A internet ao longo dos últimos 10 anos Homepages Webmasters SITES PROFISSIONAIS USUÁRIOS Portais de comunicação Sites de empresas Presença on-line completa Webmasters Jornalistas Publicitários Webmasters Jornalistas Publicitários Programadores Analistas de Planejamento Gestores de projeto Analistas de Planejamento Criação (Design de interação e Propaganda) Engenharia Nerds Pessoas normais

A internet ao longo dos últimos 10 anos

Quem manda é o usuário Não. A arquitetura é uma disciplina criativa. É responsável pelas decisões de base do projeto, que vão impactar toda a experiência interativa.

Quem manda é o usuário Nossa missão é promover a perfeita integração entre os objetivos de negócio do site, as necessidades de seus usuários e as possibilidades de implementação. Assim como garantir uma experiência de navegação e de marca fluida e confortável ao usuário. do cliente do cliente do cliente no foco foco Design de interação

Nossa missão é promover a perfeita integração entre os objetivos de negócio do site, as necessidades de seus usuários e as possibilidades de implementação. Assim como garantir uma experiência de navegação e de marca fluida e confortável ao usuário.

Quem manda é o usuário “ A tecnologia tem sido parte de nosso dia-a-dia há gerações. Ela nos potencializa e nos frustra. Nos separa e nos une. Mas mesmo interagindo com tecnologia diariamente, nós esquecemos que ela é desenvolvida por pessoas, que merecem o crédito quando ela funciona bem ou a culpa quando ela não funciona.” Jesse James Garrett

“ A tecnologia tem sido parte de nosso dia-a-dia há gerações. Ela nos potencializa e nos frustra. Nos separa e nos une. Mas mesmo interagindo com tecnologia diariamente, nós esquecemos que ela é desenvolvida por pessoas, que merecem o crédito quando ela funciona bem ou a culpa quando ela não funciona.”

Jesse James Garrett

Construindo websites abstrato concreto Quem manda é o usuário Estratégia Escopo Estrutura Wireframes Interface

Atuação direta da arquitetura abstrato concreto Quem manda é o usuário Estratégia Escopo Estrutura Wireframes Interface

Estrutura Organização hierárquica da informação Quem manda é o usuário

Wireframes/Visual design Organização hierárquica da informação Quem manda é o usuário

Idea É hora de você soltar a sua mente    1 COMO FAZER MINHA IDÉIA Enquanto carregamos o aplicativo você vai aprender como usá-lo. Carregando: 73% VER SALVAR ENVIAR Fiat IDEA. É hora de você ter um. fale conosco | cadastre-se | indique para um amigo | concessionárias sites fiat  CHAMADA PARA O CARRO NA H0ME DE MASSINHA LOREM IPSUM GALERIA DE IDÉIAS IDÉIAS INDIVIDUAIS IDÉIAS ENTRE AMIGOS SCREENSAVER CRIE UMA ANIMAÇÃO

Idea É hora de você soltar a sua mente    1 COMO FAZER MINHA IDÉIA VER SALVAR ENVIAR Fiat IDEA. É hora de você ter um. fale conosco | cadastre-se | indique para um amigo | concessionárias sites fiat  CHAMADA PARA O CARRO NA H0ME DE MASSINHA LOREM IPSUM GALERIA DE IDÉIAS IDÉIAS INDIVIDUAIS IDÉIAS ENTRE AMIGOS SCREENSAVER CRIE UMA ANIMAÇÃO

Idea É hora de você soltar a sua mente 1    COMO FAZER MINHA IDÉIA 1 VER SALVAR ENVIAR Fiat IDEA. É hora de você ter um. fale conosco | cadastre-se | indique para um amigo | concessionárias sites fiat  CHAMADA PARA O CARRO NA H0ME DE MASSINHA LOREM IPSUM GALERIA DE IDÉIAS IDÉIAS INDIVIDUAIS IDÉIAS ENTRE AMIGOS SCREENSAVER CRIE UMA ANIMAÇÃO

Idea É hora de você soltar a sua mente 1    COMO FAZER MINHA IDÉIA 1 VER SALVAR ENVIAR Fiat IDEA. É hora de você ter um. fale conosco | cadastre-se | indique para um amigo | concessionárias sites fiat  CHAMADA PARA O CARRO NA H0ME DE MASSINHA LOREM IPSUM GALERIA DE IDÉIAS IDÉIAS INDIVIDUAIS IDÉIAS ENTRE AMIGOS SCREENSAVER CRIE UMA ANIMAÇÃO

Idea É hora de você soltar a sua mente    COMO FAZER MINHA IDÉIA 1 1 VER SALVAR ENVIAR Fiat IDEA. É hora de você ter um. fale conosco | cadastre-se | indique para um amigo | concessionárias sites fiat  CHAMADA PARA O CARRO NA H0ME DE MASSINHA LOREM IPSUM GALERIA DE IDÉIAS IDÉIAS INDIVIDUAIS IDÉIAS ENTRE AMIGOS SCREENSAVER CRIE UMA ANIMAÇÃO  EXCLUIR OBJETO TRANSFORME CORES TAMANHO GIRAR EFEITO ESPECIAL X

Idea É hora de você soltar a sua mente 1    COMO FAZER MINHA IDÉIA 1 VER SALVAR ENVIAR Fiat IDEA. É hora de você ter um. fale conosco | cadastre-se | indique para um amigo | concessionárias sites fiat  CHAMADA PARA O CARRO NA H0ME DE MASSINHA LOREM IPSUM GALERIA DE IDÉIAS IDÉIAS INDIVIDUAIS IDÉIAS ENTRE AMIGOS SCREENSAVER CRIE UMA ANIMAÇÃO

Atuação colaborativa da arquitetura abstrato concreto Detalhamento de público alvo Ações interativas Testes, análise de acesso e recomendação de melhorias Quem manda é o usuário Estratégia Escopo Estrutura Wireframes Interface

Atuação colaborativa da arquitetura abstrato concreto Este modelo traduz fundamentalmente uma linha de montagem de presença on-line. O aumento das possibilidades interativas na web pede mais que um site, com um menu do lado esquerdo, pedem uma solução de comunicação Quem manda é o usuário Estratégia Escopo Estrutura Wireframes Interface

Quem manda é o usuário 2. Tem que ter CREA para ser arquiteto de informação? RAQ

2. Tem que ter CREA para ser arquiteto de informação?

O profissional de arquitetura de informação Profissionais de comunicação Profissionais de tecnologia Arquiteto de informação Quem manda é o usuário

Perfil Arquiteto de informação Criativo Curioso Saber ler estatística Navegador com muitas horas de web Desbravador de novas interfaces e produtos Pesquisador dos limites da tecnologia Quem manda é o usuário

Quem manda é o usuário 3. Como usar as leis de Nielsen? RAQ

3. Como usar as leis de Nielsen?

Quem manda é o usuário Jacob acertou muito quando definiu algumas máximas da usabilidade, entre elas: Com parcimônia “ Por que uma pessoa voltaria ao seu site? (...) porque ele é fácil.”

Jacob acertou muito quando definiu algumas máximas da usabilidade, entre elas:

Quem manda é o usuário Subestimar a capacidade do usuário. Mesmo acreditando que quem tem o mouse tem o poder. Trabalhar o “fácil” com base no usuário binário . O erro de Nielsen (1) (1) Eu acredito que a obra de Jacob Nielsen é de extremo valor, pois organizou algumas diretrizes do pensamento de arquitetura. Como estou propondo uma pequena crítica de metodologia, fiz alusão no título deste slide ao livro de Antonio Damasio, “O erro de Descartes”

Subestimar a capacidade do usuário. Mesmo acreditando que quem tem o mouse tem o poder.

Trabalhar o “fácil” com base no usuário binário .

Quem manda é o usuário O usuário binário

Quem manda é o usuário Associação Previsão ...mas subestima a inteligência A maioria das “regras” de usabilidade conta com:

Quem manda é o usuário Contigüidade: idéias são freqüentemente vivenciadas juntas, acabam por associar-se na mente. A partir de então, quando uma é ativada, a outra é ativada também. Semelhança: quando duas idéias são semelhantes, tudo o que foi associado à primeira idéia é associado automaticamente à segunda. Conceitos de associação

Contigüidade: idéias são freqüentemente vivenciadas juntas, acabam por associar-se na mente. A partir de então, quando uma é ativada, a outra é ativada também.

Semelhança: quando duas idéias são semelhantes, tudo o que foi associado à primeira idéia é associado automaticamente à segunda.

Quem manda é o usuário “ Para predizer a grande maioria dos atos humanos – ir até a geladeira, subir no ônibus (...) – você não precisa labutar num modelo matemático, simular uma rede neural no computador, nem procurar um psicólogo profissional, basta perguntar à sua avó.” “ (...) essa parte do bom senso tem tanto poder e precisão para prever, controlar e explicar o comportamento cotidiano em qualquer alternativa já concebida, que há grandes chances de que ela venha a ser incorporada de alguma forma nas nossas melhores teorias científicas.” Steven Pinker Predição

“ Para predizer a grande maioria dos atos humanos – ir até a geladeira, subir no ônibus (...) – você não precisa labutar num modelo matemático, simular uma rede neural no computador, nem procurar um psicólogo profissional, basta perguntar à sua avó.”

“ (...) essa parte do bom senso tem tanto poder e precisão para prever, controlar e explicar o comportamento cotidiano em qualquer alternativa já concebida, que há grandes chances de que ela venha a ser incorporada de alguma forma nas nossas melhores teorias científicas.”

Steven Pinker

Quem manda é o usuário “ Podemos ter problemas em definir inteligência, mas a reconhecemos quando a encontramos.” “ Inteligência é (...) a capacidade de atingir objetivos diante de obstáculos, por meio de decisões baseadas em regras racionais.” Steven Pinker “ As pedras são mais inteligentes que os gatos, pois elas têm a sensatez de ir embora quando as chutamos.” Zenon Pylyshyn PINKER, S. Como a mente funciona. Cia das letras , 2002, 70-161 Inteligência

“ Podemos ter problemas em definir inteligência, mas a reconhecemos quando a encontramos.”

“ Inteligência é (...) a capacidade de atingir objetivos diante de obstáculos, por meio de decisões baseadas em regras racionais.”

Steven Pinker

“ As pedras são mais inteligentes que os gatos, pois elas têm a sensatez de ir embora quando as chutamos.”

Zenon Pylyshyn

Quem manda é o usuário I N T E L I G Ê N C I A CONFORTO EXPERIÊNCIA Segurança Inovação

Quem manda é o usuário Comprovante digital de pagamento de contas do Banco Real, com “carimbo”. Origem no recibo analógico. Metáforas

Quem manda é o usuário “ Nesse layout, os pares de letras utilizados com maior freqüência na língua inglesa foram separados em metades opostas do teclado, numa tentativa de evitar o travamento do mecanismo das rudimentares máquinas do século XIX. Ao alternar o uso das teclas, o arranjo impedia o travamento de teclas nas antigas máquinas de escrever: enquanto uma mão acerta uma tecla, a outra localiza a tecla seguinte.” Metáforas http://pt.wikipedia.org/wiki/QWERTY

“ Nesse layout, os pares de letras utilizados com maior freqüência na língua inglesa foram separados em metades opostas do teclado, numa tentativa de evitar o travamento do mecanismo das rudimentares máquinas do século XIX.

Ao alternar o uso das teclas, o arranjo impedia o travamento de teclas nas antigas máquinas de escrever: enquanto uma mão acerta uma tecla, a outra localiza a tecla seguinte.”

Quem manda é o usuário http://www.wordperhect.net

Quem manda é o usuário

Quem manda é o usuário

Quem manda é o usuário

Quem manda é o usuário

Quem manda é o usuário

Quem manda é o usuário

Quem manda é o usuário Com a sofisticação dos recursos para construção de páginas na internet, o usuário não só se mostrou ativo em vez de reativo ao meio, como também um ser gregário, produtivo e autor de suas próprias iniciativas. O paradigma da web 2.0 rompeu a idéia da inércia do sujeito atrás da tela, que prefere ser co-autor da experiência. Isso tudo só torna a tarefa de arquitetura ainda mais complexa, com a missão de quebrar a PREVISIBILIDADE, sem promover frustrações. A tomada da autoria

Com a sofisticação dos recursos para construção de páginas na internet, o usuário não só se mostrou ativo em vez de reativo ao meio, como também um ser gregário, produtivo e autor de suas próprias iniciativas.

O paradigma da web 2.0 rompeu a idéia da inércia do sujeito atrás da tela, que prefere ser co-autor da experiência.

Isso tudo só torna a tarefa de arquitetura ainda mais complexa, com a missão de quebrar a PREVISIBILIDADE, sem promover frustrações.

Quem manda é o usuário Se as regras de construção estão abaladas pela versatilidade do meio, como garantir boas soluções? Testando. Mais um acerto de Nielsen

Se as regras de construção estão abaladas pela versatilidade do meio, como garantir boas soluções?

Testando.

Quem manda é o usuário Alert box: http://www.useit.com/alertbox/20000319.html Por que você precisa testar com 5 usuários?

Quem manda é o usuário Menu esquerdo x Menu flutuante

Quem manda é o usuário Menu com erro de taxonomia. Não há “geladeira.” Para encontrar um cooktop , o usuário precisava procurar em “linhas especiais”.

Quem manda é o usuário Não houve dificuldade em localizar ou usar o menu.

Quem manda é o usuário 4. O próximo slide deveria estar aí? RAQ

4. O próximo slide deveria estar aí?

Quem manda é o usuário “ (...) é impressionante ver quão enigmáticas essas mensagens de erro são. Mesmo eu, olhando para elas, me pergunto o que eu faria se recebesse uma mensagem dessas. Minha favorita é esta que diz “o DHCP client não pode obter um IP adress. Se você quer ver mensagens do DHCP no futuro, escolha “sim”, caso contrário, “não”. A última parte é muito esclarecedora, em que ela tenta me lembrar da diferença entre sim e não. Mas eu ainda não sei o que é DHCP e o que acontece se eu disser não. É uma coisa ruim? Eu realmente gostaria de ver essa mensagem de novo em algum momento? Eu serei mais esperto da próxima vez para saber do que se trata? Ela é tão enigmática quanto pode ser. Bill Gates Mensagens de erro

“ (...) é impressionante ver quão enigmáticas essas mensagens de erro são. Mesmo eu, olhando para elas, me pergunto o que eu faria se recebesse uma mensagem dessas. Minha favorita é esta que diz “o DHCP client não pode obter um IP adress. Se você quer ver mensagens do DHCP no futuro, escolha “sim”, caso contrário, “não”.

A última parte é muito esclarecedora, em que ela tenta me lembrar da diferença entre sim e não. Mas eu ainda não sei o que é DHCP e o que acontece se eu disser não. É uma coisa ruim? Eu realmente gostaria de ver essa mensagem de novo em algum momento? Eu serei mais esperto da próxima vez para saber do que se trata? Ela é tão enigmática quanto pode ser.

Bill Gates

Quem manda é o usuário 5. Arquitetura de informação funciona fora da internet? RAQ

5. Arquitetura de informação funciona fora da internet?

Quem manda é o usuário Eu tinha dúvidas disso, até fazer este projeto.

Quem manda é o usuário

Quem manda é o usuário

Quem manda é o usuário

Quem manda é o usuário

Quem manda é o usuário O final da história vocês vão ver nos cinemas no próximo mês. Obrigada! E-mail: julianac@agenciaclick.com.br