Interfaces Naturais
Transcript of Interfaces Naturais
Interfaces Naturais@eduagni
Edu AgniDesigner especialista em User Experience. Trabalha há treze anos com projetos nas
áreas de arquitetura de informação, usabilidade e design responsivo.
Interfaces Naturais de Usuário permitem a interação direta do usuário com a interface e os conteúdos, de modo que não se percebe a tecnologia.
linha de comando
• Textual
• Abstrata
• Teclado QWERTY
Interface Gráfica• Gráfica
• Indireta
• Mouse / Ponteiro
Interface Natural• Física • Direta
• Gestual
Compreender o contexto de uso
Mobile = smartphones & tablets
https://www.youtube.com/watch?v=6Cf7IL_eZ38
Mobility
Contexto Desktop (Interface Gráfica) 1. Atenção elevada
2. Tela grande e controle mediado
3. Maior precisão, menor imersão
4. Produtividade e eficiência nas tarefas
5. Conexão rápida
6. Posição estática
Contexto Mobile (Interface Natural) 1. Pouca atenção
2. Tela pequena e manipulação direta
3. Menor precisão, maior imersão
4. Tarefas sociais e colaborativas
3. Conexão lenta
4. Posição dinâmica
http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php
O que funcionava no desktop, com o usuário sentado na frente do computador, tem boas chances de não funcionar nos vários contextos que o mobile oferece.
Mais do que tecnologia: entender o contexto é a chave para criar boas experiências.
Princípios Básicos do Design de Interfaces Naturais
Dan Saffer se deparou com a seguinte pergunta no Quora: What are the basic principles of NUI (Natural User Interface) Design?
Projetar para dedos, e não para cursores As áreas de toque precisam ser muito maiores do que em um desktop: 8-10mm para canetas, e 10-14mm para as pontas dos dedos.
1
7mm 10mm 14mm<
#sqn
10mm 14mm7mm<
Tá tranquilo :)
10mm 14mm7mm<
Tá favorável ;)
10mm 14mm7mm<
Lembre-se defisiologia e cinesiologia
Não faça com que os usuários executem tarefas genéricas ou repetitivas.
2
Sem Braço de Gorila
Os seres humanos não foram feitos para fazer muitas tarefas com as mãos para cima por longos períodos de tempo.
3
Cobertura da tela
Evite colocar elementos essenciais abaixo de um controle, de forma que possa ser encoberto pela própria mão do usuário.
4
Conheça a tecnologia
O tipo de tela sensível ao toque, sensor ou câmera determina o tipo de gestos que você pode projetar para a interação.
5
Quanto mais desafiador for o gesto, menos pessoas serão capazes de (ou desejarão) realizá-lo.
6
Ativar ações quando o usuário remover o dedo, e não enquanto toca a tela.
7
Reconhecimento (Affordance)
Utilize gestos simples e intuitivos para atrair usuários a começar a usar o seu sistema.
8
Evite a ativação de ações de forma não intencional
Uma variedade de movimentos diários por parte do usuário pode acidentalmente acionar o sistema. Tente evitar isso.
9
Gestos e Teclas de comando
Fornecer maneiras fáceis de acessar a funcionalidade, mas também fornecer formas avançadas e ágeis de gestos aprendidos como atalhos.
10
Variedade de requisitos
Há uma grande variedade de maneiras de realizar um mesmo gesto. Esteja preparado para isso.
11
Determinar a complexidade do gesto de acordo com a complexidade e a frequência da tarefa
12
O quanto antes você puder fazer um protótipo testável para avaliar com usuários, faça. E teste.
13
Brad Frost “Repeat after me: Mobile Users will
do anything and everything desktop users will do, provided it's
presented in a usable way.”
Obrigado ;)slideshare.net/edu_agni