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