Interação 01: Conceitos Básicos e 1º Trabalho




           INTERFACES II
   Em Interfaces I, aplicamos os conceitos básicos sobre uma interface.
Agora, veremos os três eixos desta disciplina e seus processos de trabalho.


                        INTERFACES II • tutoria 2012/1                        1
Interação 01: Dinâmica de Trabalho e Avaliação




DINÂMICA DE TRABALHO


Mote: foco no usuário;
03 avaliações;
Total de 06 interações
(02 delas presenciais).




                        INTERFACES II • tutoria 2012/1        2
Interação 01: Dinâmica de Trabalho e Avaliação




AVALIAÇÃO
                                         Conceitos: ABC/REP;
                                         Salvo em 02 de 06
                                         avaliações, todas as
                                         demais 04 interações
                                         serão por e-mail;
                                         Confirmem
                                         imediatamente o
                                         recebimento do material
                                         enviado pelo professor.


                INTERFACES II • tutoria 2012/1                     3
Interação 01: Os Eixos da Disciplina




OS TRÊS EIXOS


              Usabilidade


                                   Design
          UX                         de
                                 Interação


             INTERFACES II • tutoria 2012/1   4
Interação 01: Usabilidade




1. USABILIDADE


É um atributo de qualidade
que avalia a facilidade de uso de uma interface;
Refere-se ao uso de métodos para a melhoria
da facilidade de uso durante o processo de design.
(NIELSEN, 2005, online)




                   INTERFACES II • tutoria 2012/1    5
Interação 01: Usabilidade




1.1 COMPONENTES
APRENDIZAGEM: o quão fácil é para o usuário
executar tarefas básicas em seu primeiro contato
com uma determinada interface?
EFICIÊNCIA: uma vez que o usuário tenha aprendido
a lidar com a interface, o quão rápido ele irá executar
suas tarefas?
MEMÓRIA: quando o usuário retorna a uma interface
após um período sem utilizá-la, o quão facilmente
ele irá restabelecer a sua proficiência nesse uso?


                     INTERFACES II • tutoria 2012/1       6
Interação 01: Usabilidade




1.1 COMPONENTES


ERROS: quantos erros o usuário comete?
O quão severos são esses erros?
O quão facilmente ele consegue se recuperar
de cada um desses erros?
SATISFAÇÃO: o quão agradável é o uso da interface?




                    INTERFACES II • tutoria 2012/1   7
Interação 01: Usabilidade




1.2 A OBSERVAÇÃO
O designer interativo precisa assistir, observar
a experiência do usuário:
apenas ouvir ou ler um depoimento
não irá tornar o entendimento do designer
confiável o suficiente
para uma decisão técnica e criativa
adequada à solução do problema;
Como cada indivíduo apresenta
uma curva de aprendizagem diferente,
os testes necessariamente precisarão ser realizados
com vários usuários.
                     INTERFACES II • tutoria 2012/1   8
Interação 01: Usabilidade




1.2 A OBSERVAÇÃO

Muito se fala em grupos focais. Todavia, a navegação
(web, celular, tablet) é – via de regra – solitária.
Logo, a opinião coletiva em uma única discussão
tende a contaminar a percepção do indivíduo;
O designer deve observar a navegação, ouvir e ler
o relato do usuário sem emitir nenhuma pergunta
ou comentário em meio ao processo. Do contrário,
estará contaminando a amostra.



                    INTERFACES II • tutoria 2012/1     9
Interação 01: Usabilidade




1.2 A OBSERVAÇÃO

DEMOGRAFIA: profissão, escolaridade,
faixa etária, gênero, etnia, estamento, etc.;
CULTURA: de massa, de nicho, regional,
comunitária, etc.;
Fatores identitários podem, sim,
influenciar a curva de aprendizagem do usuário,
bem como a sua percepção
acerca dos componentes de usabilidade.


                      INTERFACES II • tutoria 2012/1   10
Interação 01: Usabilidade




1.2 A OBSERVAÇÃO
Nem dedução, nem indução: nesta etapa,
realiza-se apenas uma coleta de percepções;
Os protótipos serão atualizados
em função da percepção do usuário
e não da percepção do designer;
A estética e a funcionalidade do projeto interativo
deverão fazer parte da cultura do usuário:
o produto não pode dizer que ele está “certo”
e o usuário está “errado”.


                   INTERFACES II • tutoria 2012/1     11
Interação 01: Usabilidade




1.3 SE ALGO DER ERRADO


A CULPA É SEMPRE DO DESIGNER!!!
O PÚBLICO DEVE PENSAR O MÍNIMO POSSÍVEL
AO EXECUTAR QUALQUER INTERAÇÃO.




                INTERFACES II • tutoria 2012/1   12
Interação 01: Trabalho Presencial 01




                TRABALHO 01
        Em Interfaces I, aplicamos os conceitos básicos sobre uma interface.
Agora, experimentaremos os três eixos desta disciplina e seus processos de trabalho.


                            INTERFACES II • tutoria 2012/1                             13
Interação 01: Trabalho Presencial 01




2 TESTE DE USABILIDADE
Trabalho individual;
Escolham um site de nicho:
não pode ser um portal de conteúdo
nem um site corporativo,
mas pode ser um blog ou um hotsite (comercial ou não);
Mostrem o site para 03 usuários diferentes
sem explicar para que ele serve. Não pode ser colega,
professor e nem tampouco alguém da área;
NÃO INTERFIRAM, NEM SE EL@ SOLICITAR AJUDA!

                       INTERFACES II • tutoria 2012/1    14
Interação 01: Trabalho Presencial 01




2 TESTE DE USABILIDADE

Anotem tudo: dúvidas, críticas, elogios e sugestões;
Observem as suas dificuldades e facilidades;
Verifiquem todas as informações possíveis que eles
possam emitir acerca dos componentes da usabilidade
por Jakob Nielsen: APRENDIZAGEM, EFICIÊNCIA,
MEMÓRIA, ERROS e SATISFAÇÃO (v. lâminas 1 a 7);
A aplicação do teste deve necessariamente ser presencial;



                      INTERFACES II • tutoria 2012/1        15
Interação 01: Trabalho Presencial 01




2 TESTE DE USABILIDADE


O aluno enviará o seu relatório
para heliopaz@me.com NO MÁXIMO até às 22h
da próxima quinta-feira 24/05/2012;
Recebimento após as 20:01h
desse dia = trabalho não entregue.




                      INTERFACES II • tutoria 2012/1   16
Aula 01: 1ª Interação Pós-Exercício 01




3 Conteúdo da 3ª Interação



Etnografia;
Novo trabalho.




                        INTERFACES II • tutoria 2012/1    17
Aula 01: Despedida




VALEU! ATÉ A PRÓXIMA! ;)



        INTERFACES II • tutoria 2012/1   18

INTERFACES 2 - Tutoria 01

  • 1.
    Interação 01: ConceitosBásicos e 1º Trabalho INTERFACES II Em Interfaces I, aplicamos os conceitos básicos sobre uma interface. Agora, veremos os três eixos desta disciplina e seus processos de trabalho. INTERFACES II • tutoria 2012/1 1
  • 2.
    Interação 01: Dinâmicade Trabalho e Avaliação DINÂMICA DE TRABALHO Mote: foco no usuário; 03 avaliações; Total de 06 interações (02 delas presenciais). INTERFACES II • tutoria 2012/1 2
  • 3.
    Interação 01: Dinâmicade Trabalho e Avaliação AVALIAÇÃO Conceitos: ABC/REP; Salvo em 02 de 06 avaliações, todas as demais 04 interações serão por e-mail; Confirmem imediatamente o recebimento do material enviado pelo professor. INTERFACES II • tutoria 2012/1 3
  • 4.
    Interação 01: OsEixos da Disciplina OS TRÊS EIXOS Usabilidade Design UX de Interação INTERFACES II • tutoria 2012/1 4
  • 5.
    Interação 01: Usabilidade 1.USABILIDADE É um atributo de qualidade que avalia a facilidade de uso de uma interface; Refere-se ao uso de métodos para a melhoria da facilidade de uso durante o processo de design. (NIELSEN, 2005, online) INTERFACES II • tutoria 2012/1 5
  • 6.
    Interação 01: Usabilidade 1.1COMPONENTES APRENDIZAGEM: o quão fácil é para o usuário executar tarefas básicas em seu primeiro contato com uma determinada interface? EFICIÊNCIA: uma vez que o usuário tenha aprendido a lidar com a interface, o quão rápido ele irá executar suas tarefas? MEMÓRIA: quando o usuário retorna a uma interface após um período sem utilizá-la, o quão facilmente ele irá restabelecer a sua proficiência nesse uso? INTERFACES II • tutoria 2012/1 6
  • 7.
    Interação 01: Usabilidade 1.1COMPONENTES ERROS: quantos erros o usuário comete? O quão severos são esses erros? O quão facilmente ele consegue se recuperar de cada um desses erros? SATISFAÇÃO: o quão agradável é o uso da interface? INTERFACES II • tutoria 2012/1 7
  • 8.
    Interação 01: Usabilidade 1.2A OBSERVAÇÃO O designer interativo precisa assistir, observar a experiência do usuário: apenas ouvir ou ler um depoimento não irá tornar o entendimento do designer confiável o suficiente para uma decisão técnica e criativa adequada à solução do problema; Como cada indivíduo apresenta uma curva de aprendizagem diferente, os testes necessariamente precisarão ser realizados com vários usuários. INTERFACES II • tutoria 2012/1 8
  • 9.
    Interação 01: Usabilidade 1.2A OBSERVAÇÃO Muito se fala em grupos focais. Todavia, a navegação (web, celular, tablet) é – via de regra – solitária. Logo, a opinião coletiva em uma única discussão tende a contaminar a percepção do indivíduo; O designer deve observar a navegação, ouvir e ler o relato do usuário sem emitir nenhuma pergunta ou comentário em meio ao processo. Do contrário, estará contaminando a amostra. INTERFACES II • tutoria 2012/1 9
  • 10.
    Interação 01: Usabilidade 1.2A OBSERVAÇÃO DEMOGRAFIA: profissão, escolaridade, faixa etária, gênero, etnia, estamento, etc.; CULTURA: de massa, de nicho, regional, comunitária, etc.; Fatores identitários podem, sim, influenciar a curva de aprendizagem do usuário, bem como a sua percepção acerca dos componentes de usabilidade. INTERFACES II • tutoria 2012/1 10
  • 11.
    Interação 01: Usabilidade 1.2A OBSERVAÇÃO Nem dedução, nem indução: nesta etapa, realiza-se apenas uma coleta de percepções; Os protótipos serão atualizados em função da percepção do usuário e não da percepção do designer; A estética e a funcionalidade do projeto interativo deverão fazer parte da cultura do usuário: o produto não pode dizer que ele está “certo” e o usuário está “errado”. INTERFACES II • tutoria 2012/1 11
  • 12.
    Interação 01: Usabilidade 1.3SE ALGO DER ERRADO A CULPA É SEMPRE DO DESIGNER!!! O PÚBLICO DEVE PENSAR O MÍNIMO POSSÍVEL AO EXECUTAR QUALQUER INTERAÇÃO. INTERFACES II • tutoria 2012/1 12
  • 13.
    Interação 01: TrabalhoPresencial 01 TRABALHO 01 Em Interfaces I, aplicamos os conceitos básicos sobre uma interface. Agora, experimentaremos os três eixos desta disciplina e seus processos de trabalho. INTERFACES II • tutoria 2012/1 13
  • 14.
    Interação 01: TrabalhoPresencial 01 2 TESTE DE USABILIDADE Trabalho individual; Escolham um site de nicho: não pode ser um portal de conteúdo nem um site corporativo, mas pode ser um blog ou um hotsite (comercial ou não); Mostrem o site para 03 usuários diferentes sem explicar para que ele serve. Não pode ser colega, professor e nem tampouco alguém da área; NÃO INTERFIRAM, NEM SE EL@ SOLICITAR AJUDA! INTERFACES II • tutoria 2012/1 14
  • 15.
    Interação 01: TrabalhoPresencial 01 2 TESTE DE USABILIDADE Anotem tudo: dúvidas, críticas, elogios e sugestões; Observem as suas dificuldades e facilidades; Verifiquem todas as informações possíveis que eles possam emitir acerca dos componentes da usabilidade por Jakob Nielsen: APRENDIZAGEM, EFICIÊNCIA, MEMÓRIA, ERROS e SATISFAÇÃO (v. lâminas 1 a 7); A aplicação do teste deve necessariamente ser presencial; INTERFACES II • tutoria 2012/1 15
  • 16.
    Interação 01: TrabalhoPresencial 01 2 TESTE DE USABILIDADE O aluno enviará o seu relatório para heliopaz@me.com NO MÁXIMO até às 22h da próxima quinta-feira 24/05/2012; Recebimento após as 20:01h desse dia = trabalho não entregue. INTERFACES II • tutoria 2012/1 16
  • 17.
    Aula 01: 1ªInteração Pós-Exercício 01 3 Conteúdo da 3ª Interação Etnografia; Novo trabalho. INTERFACES II • tutoria 2012/1 17
  • 18.
    Aula 01: Despedida VALEU!ATÉ A PRÓXIMA! ;) INTERFACES II • tutoria 2012/1 18