Interfaces Naturais na Web

Não há dúvidas de que interfaces naturais definirão como interagimos com máquinas e computadores no futuro. No entanto, algumas dessas tecnologias já fazem parte do nosso presente. Nesta palestra vamos abordar conceitos, utopias, boas práticas e um qual seria um possível futuro para o uso de interfaces naturais. Por fim, vamos conversar sobre o dispositivo Leap Motion e como é possível utilizá-lo no browser através da sua API em JavaScript.

Transcript

1. INTERFACES NATURAIS na Web 1
2. @GUTOFOLETTO Mestrado em ciência da computação @ UFSM
3. CONSIDERAÇÕES 3 !
4. 99% INSPIRAÇÃO 1% inovação 4 – http://tableless.com.br/palestras-99-inspiracao-e-1-novidade/
5. INTERFACES NATURAIS na Web 5
8. 8 INTERFACES NATURAIS Natural User Interfaces
10. – http://www.uxdesign.blog.br/design-de-interfaces/natural-user-interface/ “Uma interface natural é uma interface que é efetivamente invisível, e permanece invisível enquanto o usuário aprende interações mais complexas.” 10
11. – Wigdor (2011) Brave NUI World “Uma NUI não é apenas uma interface natural, mas uma interface que faz o usuário agir e sentir como natural.” 11
12. NATURAL USER INTERFACE NATURAL USER INTERFACE NATURAL USER INTERFACE 12
16. INTERFACES NATURAIS 16 Utopias e Futuro
23. https://vimeo.com/141330081
30. INTERFACES NATURAIS Boas Práticas 30
34. A INTERFACE DEVE SER INTUITIVA 34
35. “Basta sentar e começar a usar" 35
36. Uma interface intuitiva é: 1. Fácil de Aprender (Learnable); 2. Fácil de Compreender (Understandable); 3. Gera hábitos (Habitual). 36
37. PROJETAR PARA DEDOS, NÃO PARA CURSORES 37
38. ‣ O meio determina o tipo de gestos que você pode projetar para a interação. 38
39. ‣ As áreas de toque precisam ser muito maiores do que em um desktop: ‣ 8-10mm para canetas ‣ 10-14mm para as pontas dos dedos. 39
40. LEMBRE-SE DE FISIOLOGIA E CINESIOLOGIA 40
41. ‣ Não faça com que os usuários executem tarefas genéricas de forma repetitiva; 41
42. ‣ Pessoas não gostam de ficar com os braços erguidos por muito tempo; ‣ Não conseguimos manter as mãos estáticas ou desenhar formas geométricas perfeitas. 42
44. MENOS É MAIS 44
45. ‣ Quanto mais desafiador for o gesto, menos pessoas serão capazes de realizá-lo. 45
46. EVITAR FALSOS POSITIVOS 46
47. ‣ Evite que o usuário dispare uma ação sem querer. ‣ As vezes o usuário pode estar descansando os braços e disparar um evento na aplicação. 47
48. RECONHECIMENTO (AFFORDANCE) 48
51. FEEDBACK 51
66. LEAPJS API
67. Leap.loop(function(frame){ frame.hands.forEach(function(hand, index){ //TODO }); }); 67
68. DEMOS! 68
69. MUITO OBRIGADO @gutofoletto 69
70. REFERÊNCIAS ‣ Leap Motion <leapmotion.com> ‣ UX Design Blog <http://www.uxdesign.blog.br/design-de- interfaces/natural-user-interface/> ‣ Wigdor (2011) Brave NUI World ‣ What are the basic principles of NUI design? <https:// www.quora.com/What-are-the-basic-principles-of-NUI- Natural-User-Interface-design> ‣ Mike Alger <http://mikealger.com> 70