SlideShare uma empresa Scribd logo
1 de 31
Baixar para ler offline
Influência cultural nas interfaces gestuais:
         metodologia e resultados
Oi! Ciao!
:-)
International Usability Partners

                       Alemanha: User Interface Design GmbH

                       Bélgica: Human Interface Group

                       China: ISAR User Interface Design

                       Espanha: DNX Group

                       Estados Unidos: HumanCentric

                       Finlândia: Adage Usability

                       França: Design for Lucy

                       Índia: Kern Communications

                       Itália: Experientia
                       Reino Unido: Amberlight Partners

 Ebai | Outubro 2009                                © 2009 Experientia
O que
você
faria?
…para
selecionar
múltiplos
objetos?
O que você faria?

Passaria o
dedo pelos
três objetos
(swipe)?

Ebai | Outubro 2009   © 2009 Experientia
O que você faria?

Selecionaria
um a um
(tap)?


Ebai | Outubro 2009   © 2009 Experientia
O que você faria?

Faria um
círculo ou
quadrado ao
redor deles?

Ebai | Outubro 2009   © 2009 Experientia
“Cultural influence on
Gestural Interfaces”
               o projeto
Objetivos e fases do projeto

Fase 1
Desktop research




 Ebai | Outubro 2009           © 2009 Experientia
Objetivos e fases do projeto

Fase 1                 Fase 2
Desktop research       Sessões individuais




 Ebai | Outubro 2009                         © 2009 Experientia
Objetivos e fases do projeto

Fase 1                 Fase 2                Fase 3
Desktop research       Sessões individuais   Pesquisa online




 Ebai | Outubro 2009                           © 2009 Experientia
Objetivos e fases do projeto

Fase 1                 Fase 2                Fase 3
Desktop research       Sessões individuais   Pesquisa online


“Quais são as
individualidades de
cada país?”




 Ebai | Outubro 2009                           © 2009 Experientia
Objetivos e fases do projeto

Fase 1                 Fase 2                Fase 3
Desktop research       Sessões individuais   Pesquisa online


“Quais são as
individualidades de
cada país?”


       “Quais gestos são
       universalmente naturais e
       compreensíveis?”
 Ebai | Outubro 2009                           © 2009 Experientia
Objetivos e fases do projeto

Fase 1                 Fase 2                Fase 3
Desktop research       Sessões individuais   Pesquisa online


“Quais são as
individualidades de           “Gestos de manipulação
cada país?”                   direta, simbólicos ou
                              combinados?”
       “Quais gestos são
       universalmente naturais e
       compreensíveis?”
 Ebai | Outubro 2009                           © 2009 Experientia
Equipamento

                base

        imagens
                 +
       Plexiglas
                 +
                 +
              haste

        webcam
                 +
 Ebai | Outubro 2009   © 2009 Experientia
Equipamento

 screenshots
                 +
               luvas
                 +
            lenços

           carvão
                 +
 Gesture Rig
                 +
 Ebai | Outubro 2009   © 2009 Experientia
Compartilhamento

 Glossário de
   Gestos:
    online

     detalhado
                 +
    atualizado
                 +
     “com pai”
                 +
 Ebai | Outubro 2009   © 2009 Experientia
Gestos italianos
      análise das sessões
               individuais
Números

20 participantes...
28 tarefas a serem executadas...
Selecionar múltiplos objetos          Fechar uma pasta                 Imprimir

Mover objeto                          Aceitar uma modificação          Minimizar

Apagar objeto                         Ir para a homepage               Voltar à página anterior

Rolar a tela para a página seguinte Acessar a área de ajuda (Help)     Ir à página seguinte

Rolar a tela para a página anterior   Zoom in                          Cortar um trecho de um texto

Rolar a tela para chegar              Zoom out                         Colar um trecho de um texto
rapidamente até o item 500 de
                                      Aumentar a fonte de um pedaço de Desfazer uma ação
uma lista de 1000 itens
                                      um texto                         Refazer uma ação
Interromper o scroll iniciado na
                                      Girar imagem                     Copiar um trecho de um texto
tarefa anterior
                                      Girar a imagem no espaço (3D)

                                                                ...560 gestos!
Abrir um menu contextual
                                      Salvar
Abrir uma pasta
  Ebai | Outubro 2009                                                              © 2009 Experientia
Número de dedos
5 tarefas foram executadas apenas com 1 dedo pelos 20 participantes;
em apenas uma tarefa mais da metade (13) dos participantes utilizou
dois ou mais dedos: zoom out


2 dedos...                             ... 5 dedos?!!




  Ebai | Outubro 2009                                © 2009 Experientia
Tipos de gestos

473 gestos de manipulação direta
                        permitem ao usuário manipular diretamente um objeto
                                      ou espaço em branco na tela
                       ex.: selecionar com um toque (“tap”) ou arrastar (“drag”)

40 gestos simbólicos
                               determinam um comando mais abstrato
                                      (e “cultural”) ao dispositivo
                             ex.: fazer um “X” para apagar algum objeto

47       gestos combinados
                       compostos de um (ou mais) gesto de manipulação direta
                                 com um (ou mais) gesto simbólico
                            ex.: selecionar com toque e depois fazer “X”
 Ebai | Outubro 2009                                          © 2009 Experientia
Gestos de manipulação direta
11 das 28 tarefas a serem executadas foram feitas utilizando apenas
gestos de manipulação direta



tap                                 swipe




  Ebai | Outubro 2009                                 © 2009 Experientia
Gestos simbólicos
os gestos simbólicos foram utilizados em 13 tarefas;
6 participantes utilizaram gestos simbólicos para imprimir


letra P                              seta




  Ebai | Outubro 2009                                  © 2009 Experientia
Gestos combinados
os gestoscombinados foram utilizados em 10 tarefas;
11 participantes utilizaram gestos combinados para cortar     o trecho de
um texto


swipe + X                           swipe + tap




  Ebai | Outubro 2009                                 © 2009 Experientia
Tarefas mais “difíceis”
15 gestos diferentes foram utilizados por 20 participantes para
refazer uma ação


R de redo                             rebobinar




  Ebai | Outubro 2009                                    © 2009 Experientia
Tarefas mais “fáceis”
apenas3 gestos diferentes foram utilizados por 20 participantes para
girar uma imagem


girar a lateral...                         ... ou o eixo?




  Ebai | Outubro 2009                                   © 2009 Experientia
Gesto x tarefa mais “unânime”
14 dos 20 participantes utilizaram o mesmo gesto para aceitar uma
modificação


tap!




 Ebai | Outubro 2009                               © 2009 Experientia
... e por falar em “tap”
o gesto foi utilizado em   27   das 28 tarefas executadas!

A única tarefa onde ninguém “tap” foi: girar uma imagem



tap... tap... tap... tap...e tap!




  Ebai | Outubro 2009                                        © 2009 Experientia
E quando não sei o que fazer?

tap...
     ... e press
     and hold!




 Ebai | Outubro 2009            © 2009 Experientia
Para saber mais:

                  www.touchthinking.com
                      www.paolasales.com
                        paolasales@gmail.com ou
                       paola.sales@experientia.com

                        www.experientia.com
Ebai | Outubro 2009                                  © 2009 Experientia

Mais conteúdo relacionado

Destaque

Oficina Design de Interface para Dispositivos Móveis
Oficina Design de Interface para Dispositivos MóveisOficina Design de Interface para Dispositivos Móveis
Oficina Design de Interface para Dispositivos MóveisInstituto Faber-Ludens
 
Leme Soluções e Estratégias - Serviços
Leme Soluções e Estratégias - ServiçosLeme Soluções e Estratégias - Serviços
Leme Soluções e Estratégias - ServiçosLeonardo Leitao
 
Design de Informação: Interface web para infográfico sobre a Balneabilidade n...
Design de Informação: Interface web para infográfico sobre a Balneabilidade n...Design de Informação: Interface web para infográfico sobre a Balneabilidade n...
Design de Informação: Interface web para infográfico sobre a Balneabilidade n...Patricia Prado
 
Social interface Design: projetando interações entre pessoas
Social interface Design: projetando interações entre pessoasSocial interface Design: projetando interações entre pessoas
Social interface Design: projetando interações entre pessoasEdu Agni
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao brandingJoão Alves
 
Checklists and guidelines - Diretrizes para uma boa interface
Checklists and guidelines - Diretrizes para uma boa interfaceChecklists and guidelines - Diretrizes para uma boa interface
Checklists and guidelines - Diretrizes para uma boa interfaceNathanye Godinho
 

Destaque (8)

Oficina Design de Interface para Dispositivos Móveis
Oficina Design de Interface para Dispositivos MóveisOficina Design de Interface para Dispositivos Móveis
Oficina Design de Interface para Dispositivos Móveis
 
Leme Soluções e Estratégias - Serviços
Leme Soluções e Estratégias - ServiçosLeme Soluções e Estratégias - Serviços
Leme Soluções e Estratégias - Serviços
 
Design de Informação: Interface web para infográfico sobre a Balneabilidade n...
Design de Informação: Interface web para infográfico sobre a Balneabilidade n...Design de Informação: Interface web para infográfico sobre a Balneabilidade n...
Design de Informação: Interface web para infográfico sobre a Balneabilidade n...
 
Social interface Design: projetando interações entre pessoas
Social interface Design: projetando interações entre pessoasSocial interface Design: projetando interações entre pessoas
Social interface Design: projetando interações entre pessoas
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao branding
 
Design de interface e medicina
Design de interface e medicinaDesign de interface e medicina
Design de interface e medicina
 
Checklists and guidelines - Diretrizes para uma boa interface
Checklists and guidelines - Diretrizes para uma boa interfaceChecklists and guidelines - Diretrizes para uma boa interface
Checklists and guidelines - Diretrizes para uma boa interface
 
O Melhor do Marketing - Quem somos
O Melhor do Marketing - Quem somosO Melhor do Marketing - Quem somos
O Melhor do Marketing - Quem somos
 

Cultural influence on Gestural Interfaces study results

  • 1. Influência cultural nas interfaces gestuais: metodologia e resultados
  • 3. International Usability Partners Alemanha: User Interface Design GmbH Bélgica: Human Interface Group China: ISAR User Interface Design Espanha: DNX Group Estados Unidos: HumanCentric Finlândia: Adage Usability França: Design for Lucy Índia: Kern Communications Itália: Experientia Reino Unido: Amberlight Partners Ebai | Outubro 2009 © 2009 Experientia
  • 6. O que você faria? Passaria o dedo pelos três objetos (swipe)? Ebai | Outubro 2009 © 2009 Experientia
  • 7. O que você faria? Selecionaria um a um (tap)? Ebai | Outubro 2009 © 2009 Experientia
  • 8. O que você faria? Faria um círculo ou quadrado ao redor deles? Ebai | Outubro 2009 © 2009 Experientia
  • 9. “Cultural influence on Gestural Interfaces” o projeto
  • 10. Objetivos e fases do projeto Fase 1 Desktop research Ebai | Outubro 2009 © 2009 Experientia
  • 11. Objetivos e fases do projeto Fase 1 Fase 2 Desktop research Sessões individuais Ebai | Outubro 2009 © 2009 Experientia
  • 12. Objetivos e fases do projeto Fase 1 Fase 2 Fase 3 Desktop research Sessões individuais Pesquisa online Ebai | Outubro 2009 © 2009 Experientia
  • 13. Objetivos e fases do projeto Fase 1 Fase 2 Fase 3 Desktop research Sessões individuais Pesquisa online “Quais são as individualidades de cada país?” Ebai | Outubro 2009 © 2009 Experientia
  • 14. Objetivos e fases do projeto Fase 1 Fase 2 Fase 3 Desktop research Sessões individuais Pesquisa online “Quais são as individualidades de cada país?” “Quais gestos são universalmente naturais e compreensíveis?” Ebai | Outubro 2009 © 2009 Experientia
  • 15. Objetivos e fases do projeto Fase 1 Fase 2 Fase 3 Desktop research Sessões individuais Pesquisa online “Quais são as individualidades de “Gestos de manipulação cada país?” direta, simbólicos ou combinados?” “Quais gestos são universalmente naturais e compreensíveis?” Ebai | Outubro 2009 © 2009 Experientia
  • 16. Equipamento base imagens + Plexiglas + + haste webcam + Ebai | Outubro 2009 © 2009 Experientia
  • 17. Equipamento screenshots + luvas + lenços carvão + Gesture Rig + Ebai | Outubro 2009 © 2009 Experientia
  • 18. Compartilhamento Glossário de Gestos: online detalhado + atualizado + “com pai” + Ebai | Outubro 2009 © 2009 Experientia
  • 19. Gestos italianos análise das sessões individuais
  • 20. Números 20 participantes... 28 tarefas a serem executadas... Selecionar múltiplos objetos Fechar uma pasta Imprimir Mover objeto Aceitar uma modificação Minimizar Apagar objeto Ir para a homepage Voltar à página anterior Rolar a tela para a página seguinte Acessar a área de ajuda (Help) Ir à página seguinte Rolar a tela para a página anterior Zoom in Cortar um trecho de um texto Rolar a tela para chegar Zoom out Colar um trecho de um texto rapidamente até o item 500 de Aumentar a fonte de um pedaço de Desfazer uma ação uma lista de 1000 itens um texto Refazer uma ação Interromper o scroll iniciado na Girar imagem Copiar um trecho de um texto tarefa anterior Girar a imagem no espaço (3D) ...560 gestos! Abrir um menu contextual Salvar Abrir uma pasta Ebai | Outubro 2009 © 2009 Experientia
  • 21. Número de dedos 5 tarefas foram executadas apenas com 1 dedo pelos 20 participantes; em apenas uma tarefa mais da metade (13) dos participantes utilizou dois ou mais dedos: zoom out 2 dedos... ... 5 dedos?!! Ebai | Outubro 2009 © 2009 Experientia
  • 22. Tipos de gestos 473 gestos de manipulação direta permitem ao usuário manipular diretamente um objeto ou espaço em branco na tela ex.: selecionar com um toque (“tap”) ou arrastar (“drag”) 40 gestos simbólicos determinam um comando mais abstrato (e “cultural”) ao dispositivo ex.: fazer um “X” para apagar algum objeto 47 gestos combinados compostos de um (ou mais) gesto de manipulação direta com um (ou mais) gesto simbólico ex.: selecionar com toque e depois fazer “X” Ebai | Outubro 2009 © 2009 Experientia
  • 23. Gestos de manipulação direta 11 das 28 tarefas a serem executadas foram feitas utilizando apenas gestos de manipulação direta tap swipe Ebai | Outubro 2009 © 2009 Experientia
  • 24. Gestos simbólicos os gestos simbólicos foram utilizados em 13 tarefas; 6 participantes utilizaram gestos simbólicos para imprimir letra P seta Ebai | Outubro 2009 © 2009 Experientia
  • 25. Gestos combinados os gestoscombinados foram utilizados em 10 tarefas; 11 participantes utilizaram gestos combinados para cortar o trecho de um texto swipe + X swipe + tap Ebai | Outubro 2009 © 2009 Experientia
  • 26. Tarefas mais “difíceis” 15 gestos diferentes foram utilizados por 20 participantes para refazer uma ação R de redo rebobinar Ebai | Outubro 2009 © 2009 Experientia
  • 27. Tarefas mais “fáceis” apenas3 gestos diferentes foram utilizados por 20 participantes para girar uma imagem girar a lateral... ... ou o eixo? Ebai | Outubro 2009 © 2009 Experientia
  • 28. Gesto x tarefa mais “unânime” 14 dos 20 participantes utilizaram o mesmo gesto para aceitar uma modificação tap! Ebai | Outubro 2009 © 2009 Experientia
  • 29. ... e por falar em “tap” o gesto foi utilizado em 27 das 28 tarefas executadas! A única tarefa onde ninguém “tap” foi: girar uma imagem tap... tap... tap... tap...e tap! Ebai | Outubro 2009 © 2009 Experientia
  • 30. E quando não sei o que fazer? tap... ... e press and hold! Ebai | Outubro 2009 © 2009 Experientia
  • 31. Para saber mais: www.touchthinking.com www.paolasales.com paolasales@gmail.com ou paola.sales@experientia.com www.experientia.com Ebai | Outubro 2009 © 2009 Experientia