ao ergonmica, volume 5, nmero 3

ESTILOS DE INTERAO EM INTERFACES PARA DISPOSITIVOS MVEIS

Robson Santos
Instituto Nokia de Tecnologia
robson.santos@indt.org.br

Francimar Maciel
Instituto Nokia de Tecnologia
francimar.maciel@indt.org.br

Resumo: A era do processamento digital da informao trouxe mudanas na maneira das pessoas se comunicarem por
meio de artefatos digitais. Os dispositivos mveis assumem posio fundamental e os fabricantes apresentam ao
mercado diferentes maneiras de interagir. Por meio do exemplo de um jogo, discutem-se alguns recursos de interao
em dispositivos mveis.

Palavra Chave: dispositivos mveis, design de interao, interfaces.

Abstract: The age of digital processing of information changed the way people communicate and deal with digital
artifacts. In this paper some interaction styles are discussed and examples of interaction are presented using a mobile
game application.

Keywords: mobile devices, interaction design, interfaces.

21
1. Design de interao e experincia do
usurio
Ao longo dos anos, dispositivos com diferentes
capacidades e que atendem a diferentes funes
so apresentados ao pblico, que precisa
reorganizar seu modelo mental para realizar
tarefas cada vez mais complexas. As interfaces
executam o importante papel de mediadoras e
devem ser encaradas como instrumentos de
comunicao entre o usurio e o dispositivo.
Santos, Freitas e Cardoso (2008) destacam que,
em sua definio mais utilizada, um produto
inteligente um objeto para processamento de
dados, que possui funes interativas e
composto por hardware e software integrados. Um
produto inteligente especializado em um tipo de
processamento de dado e seu uso exige intenso
trabalho cognitivo. Os dispositivos mveis so
exemplos tpicos deste tipo de produtos e exigem
grande carga cognitiva para sua operao.
Segundo Santos, Freitas e Souza (2007), o atual
estgio de desenvolvimento dos dispositivos de
comunicao sem fio aponta para um mundo onde
a preferncia de usurios e consumidores dever
ser pela mobilidade. A partir do momento em que
aparelhos de telefonia mvel deixaram de ser
simples telefones celulares para tornarem-se
verdadeiros terminais multimdia de comunicao
mvel, cada vez mais funes e maiores
capacidades de armazenamento e de
processamento foram adicionadas. Em
conseqncia, grande quantidade de servios tm Preenchimento de formulrios: Estas interfaces
sido desenvolvidos para dispositivos mveis. As
funes destinadas ao entretenimento, como jogos
e msica, so itens que diferenciam os aparelhos.
Como reflexo deste cenrio, como proporcionar
uma boa qualidade de interao, que permita que
usurios faam uso proveitoso das diversas
funes? Como tarefas similares podem ser
realizadas em dispositivos que possuem diferentes
estilos de interao? Tendo perguntas como estas
em mente, deu-se incio a uma investigao sobre
os estilos de interao em dispositivos mveis.
Este artigo apresenta uma descrio dos estilos e
das tcnicas de interao mais utilizados, bem
como apresenta um exemplo de realizao de uma
mesma tarefa em trs dispositivos similares, que
fazem uso de diferentes estilos de interao.
Garret (2003) afirma que experincia do usurio
a forma como o produto se comporta e usado no
mundo real. Assim, alm de atentar para as
funcionalidades e recursos, tambm se deve
atentar para a forma como o usurio ter contato
com o produto, pois experincia do usurio no
trata de como o produto funciona por dentro e,
sim, como funciona por fora, onde uma pessoa
entra em contato com ele para realizar alguma
tarefa. Neste aspecto, a usabilidade tem papel
fundamental para que se estabelea uma boa
experincia de uso.
2. Estilos de interao
A expresso estilo de interao tem sido usada
para nomear a comunicao entre pessoas e
computadores. Com a expanso das tecnologias
digitais para outras reas e com a utilizao
massiva das tecnologias de informao e
comunicao, o termo passou a abranger bem
mais do que a tradicional interao humano-
comptador.
Shneiderman e Plaisant (2005) descrevem
sistematicamente as seguintes categorias de estilos
de interao: manipulao direta e ambientes
virtuais; seleo de menu, preenchimento de
formulrios e caixas de dilogo; linguagem de
comando e linguagem natural.
Manipulao direta : caracterizada por cones
que representam objetos, janelas e pelo uso de um
dispositivo de apontamento, como o mouse.
mimetizam formulrios impressos e mantm as
caractersticas de entrada de dados em papel.
Menu: Uma lista de opes apresentada ao
usurio, que seleciona a que lhe for mais
adequada.
Linguagem de comandos: Interao por meio de
linhas de comandos oferece uma maneira de
comunicar as instrues para o computador
diretamente por meio da chamada linguagem de
mquina e a comunicao entre usurio e
computador de estilo puramente textual.
Linguagem natural: Pode ser definida como a
operao de computadores por pessoas usando
uma linguagem familiar, por meio da fala , para
dar instrues e receber respostas.
22
3. Interao fsica com dispositivos mveis
Zwick, Schitz e Khl (2005) destacam que a
interao fsica em telas de dispositivos mveis
limitada pelo tamanho das mos do usurio. Este
tipo de interao revela o conflito de interesse
entre a criao dos menores tamanhos fsicos que
daro ao usurio mobilidade e flexibilidade
irrestritas, ao mesmo tempo em que mantm
dimenses que so definidas pelo tamanho e pelas
funes motoras da mo humana.
Ao se tratar de dispositivos moveis, h dois tipos
fundamentais de interao fsica. A interao com
uma mo permite que o aparelho seja utilizado ao
mesmo tempo em que o usurio realiza outras
atividades. Apresenta grandes desafios de projeto,
pois a mo que interage com o sistema a mesma
que segura o aparelho, o que significa que todos
os dedos, com exceo do polegar tm restrita
liberdade de movimento. Alm disso, o polegar
possui um controle motor consideravelmente
menor que o indicador.
A interao com duas mos permite que uma das
mos seja usada como suporte, enquanto a outra
pode ser usada para movimentos mais precisos,
como entrada de dados como caneta ou teclado.
Algumas operaes onde teclas e elementos de
controle so operados simultaneamente com as
duas mos, so comuns em consoles de jogos
portteis.
4. Elementos e tcnicas de interao
As formas de entradas de dados em computadores
hoje so padronizadas, sendo o mouse e o teclado
os dispositivos mais utilizados. O cenrio
diferente quando se trata de dispositivos mveis,
pois fabricantes tm desenvolvido grande
quantidade de solues em elementos de interao
e entrada de dados. As formas mais conhecidas,
segundo Zwick, Schitz e Khl (2005), so:
Mini joystick: situado no centro do aparelho,
operado tanto com o polegar esquerdo quanto com
o direito, pode ser usado para controlar
movimentos em duas direes e para selecionar
itens.
Click wheel: configura-se como um crculo
giratrio cujos movimentos do usurio so
representados diretamente em respostas na tela.
Touchpad: mecanismo indireto e relativo de
controle muito utilizado em notebooks e em
Pocket PC.
Touch screen: forma de interao intuitiva e
direta, apresenta deficincias em telas de tamanho
reduzido, sendo necessrio o uso de uma caneta.
A falta de resposta ttil exige que o usurio olhe
para a tela durante toda a interao.
Comando de voz: adequado para algumas
situaes, possui como principal requisito tcnico
um ambiente acusticamente controlado.
Teclas: tem sua eficcia relacionada
principalmente a usurios idosos, por lhes parecer
uma maneira familiar e confivel de controlar o
aparelho. Posicionadas prximas tela, podem
estar associadas a comandos diferentes, sendo
chamadas soft keys.
Teclado: configura-se como um bloco com 12
teclas, s quais so associados caracteres
alfanumricos.
Teclado QWERTY: juntamente com o tamanho
da tela o fator que determina o tamanho total do
aparelho. Os principais modelos de smartphones
atualmente no mercado utilizam teclados deste
tipo.
Teclado virtual: apresentado na tela do aparelho,
podendo ser acionado por meio de uma caneta ou
pelo toque dos dedos.
Track ball: sistema de navegao composto por
uma esfera giratria com funo de clique,
geralmente posicionada na parte frontal do
aparelho.
Todas essas formas de interao tm convivido
conjuntamente, pois alguns dispositivos
apresentam mo de mais de um deles
simultaneamente.
5. Estudo de caso: jogo Pacincia
Para a presente discusso foi selecionada uma
tarefa de entretenimento, mais especificamente
um jogo de cartas presente em trs aparelhos
diferentes, todos do tipo smartphones. O jogo
Pacincia (Solitaire) rodava em dois aparelhos,
ambos com sistema Windows Mobile. O terceiro
aparelho rodava um aplicativo similar, com a
mesma dinmica de jogo e mesmos objetivos,
denominado Klondike. O quadro abaixo relaciona
os aparelhos e suas principais caractersticas.
23
 Motorola Moto Q HTC Touch Pro Blackberry Bold

Teclado QWERTY; Sofkeys; Touch screen; Teclado Track Ball; Teclado QWERTY
Softkeys; Windows mobile QWERTY; Windows
mbile;

6. Tarefas iguais, diferentes estilos de Para movimentar cada carta necessrio

interao
O jogo utilizado como exemplo consiste em
ordenar quatro montes de cartas, um de cada
naipe, progressivamente do s ao Rei, a partir
de outros oito montes de cartas ordenados
como classicamente representado na Figura 1.
definir a posio inicial e a posio final. No
aparelho que utiliza teclado QWERTY isto
feito por meio de nmeros associados a cada
uma das posies, como ilustrado pela Figura
2. Assim, para mover o s de copas para a
posio do canto superior esquerdo,
necessrio pressionar a tecla 2 no teclado
numrico e, em seguida, pressionar a tecla 8
no teclado numrico. Essas so,
respectivamente, as posies inicial e final da
carta.

Figura 1: Posicionamento padro de cartas no jogo

Pacincia

Cada um dos aparelhos oferece diferentes

elementos de interao, de acordo com a
tabela a seguir.

Motorola HTC Blackberry

Moto Q Touch Pro Bold Figura 2: Tela de interao por meio do teclado
Estilo Manipula- Manipula- Manipula- QWERTY
de o direta o direta o direta
intera-
o No aparelho com touch screen a interao se
Intera- Uma Uma Duas mos d diretamente na tela com o uso de uma
o mo/Duas mo/Duas caneta stilus. Assim, para mover uma carta de
fsica mos mos uma posio para outra, necessrio
Elemen- Teclado Touchscreen Track ball selecionar uma carta e arrast-la da posio
to de QWERTY /Caneta
intera- stilus inicial at a posio final.
o
Na interface do aparelho que utiliza o track
ball como elemento de interao (Figura 3)

24
deve-se realizar movimentos de rolagem
vertical e horizontal at que o cursor esteja
paralelo posio inicial, pressionar para
definir esta posio, rolar at a posio final e
pressionar para marcar a nova posio.
Figura 3: Tela de interao por meio de Track ball
7. Tcnicas e instrumentos da pesquisa
Foram convidados trs jovens para sesses
individuais em que deveriam jogar uma
partida do jogo em cada um dos aparelhos,
utilizando os elementos de interao
disponveis. Todos os participantes tm
envolvimento com tecnologia e esto
habituados a utilizar dispositivos mveis e
jogos eletrnicos.
Sesses individuais foram realizadas em um
ambiente de teste de usabilidade, com
registros no intrusivos (Figura 4) e com a
presena de um pesquisador para conduzir o
fluxo da interao e estimular o pensar alto.
Foram feitas perguntas abertas, com foco na
obteno de dados sobre as principais
facilidades e dificuldades enfrentadas pelos
participantes.
Figura 4: Imagem capturada para anlise.
Cada sesso teve durao mdia de 20
minutos. Os registros foram posteriormente
analisados, a fim de recuperar as principais
verbalizaes bem como as maneiras
utilizadas para interagir com o aparelho.
8. Resultados
A maior quantidade de comentrios negativos
(nove comentrios) se referiam interao
por meio do teclado QWERTY. A interao
por meio de touch screen foi alvo de quatro
comentrios positivos. Os principais
comentrios registrados foram:
Track ball:
- ruim quando o jogo for baseado em
contador de tempo.
- Fico meio perdido nisso.
- mais intuitivo do que o teclado numrico.
Teclado QWERTY:
- No consegui usar este.
- No consegui movimentar as cartas.
- No consegui mexer.
- No gostei.
- Seria melhor usar o joystick.
Touch screen:
- Interao perfeita
- Ah, sim! Bem melhor.
- Tenho maior liberdade de mexer.
- Seria bom se o espao entre as colunas de
cartas aumentasse na visualizao horizontal.
Observou-se, na interao por track ball, que
o leiaute a tela pode confundir o usurio
dando a impresso inicial de haver feito a
seleo incorreta, pois o associa com o
modelo apresentado pelo sistema Windows.
Verificou-se que a sensibilidade do track ball
dificulta o controle do usurio inexperiente,
que tem dificuldade em mensurar o
movimento ideal para selecionar as cartas no
jogo.
- Fui selecionar uma carta de cima, s que eu
fui demais com o dedo e ficou pra baixo.
- Eu tenho dificuldade para escolher as
cartas.
25
Na interao com touch screen verificou-se
no haver dificuldade para realizar a tarefa,
visto que a h uma associao com um modo
de interao mais direto, com toque na tela.
No entanto ressalta-se que a ausncia de
feedback para iniciar o jogo, onde
necessrio prever que um movimento para o
lado direito ativa o menu do jogo, dificulta a
compreenso, podendo causar
constrangimentos antes mesmo de incio da
tarefa, pois o usurio espera poder ter acesso
a este item de forma clara e precisa como nos
modelos j convencionais de jogos atravs de
aparelhos mveis.
- Esse aqui est de longe na frente, muito
melhor.
- Ah, sim. Aqui eu tenho maior liberdade.
Durante a interao por meio de teclado
QWERTY observou-se que os usurios
buscaram inicialmente o controle da atividade
pelo cursor de navegao, pressionando-o
repetidamente, mesmo no havendo feedback
na tela do jogo. Desconsideram inicialmente a
possibilidade de uso do teclado numrico para
desenvolver a atividade.
- A pessoa est no jogo! Ela vai direto no
joystick, no ? No gostei. Tem que ir nos
nmero.
- Eu achei este o layout mais bonito, mas
jogar mais difcil.
- Eu no achei intuitivo. Em pacincia
estamos acostumados com o mouse. Temos
uma tendncia a buscar o jogo pelo joystick.
9. Perspectivas em design de interao
para dispositivos mveis
O maior desafio dos fabricantes de
dispositivos mveis atrair a ateno do em dispositivos mveis. Talvez a principal
pblico consumidor para seus produtos,
oferecendo recursos e novidades. O valor de
uma inovao na maneira de interagir com
produtos est relacionado com a maior
aproximao entre os elementos de interao do usurio.
e os objetivos de uso do produto. Outros dois
fatores fundamentais so o perfil do usurio e
as caractersticas da tarefa.
Utilizar um produto em momentos de lazer
to importante quanto utilizar para realizar
algum atividade profissional. O objeto
escolhido para realizar este estudo , jogo de
pacincia, j algo comum para os usurios
de computador e, por si s no ofereceu
dificuldade para ser compreendido. Desta
maneira, toda a ateno pde ser direcionada
para os elementos e tcnicas de interao
oferecidas por cada um dos aparelhos
utilizados. Percebe-se que a noo de
manipulao direta se faz mais presente no
aparelho com touch screen, por meio da qual
possvel simular o arrastamento das cartas
desde a posio inicial at a posio final.
Os diversos elementos e tcnicas de interao
atualmente em uso em dispositivos mveis
no so excludentes, pois existem tarefas que
exigem maior ou menor preciso. Tarefas
como jogar ou ouvir msica podem ser mais
prazerosamente realizadas com o uso de touch
screen. Em caso de uso de caneta stilus, a
interao por meio de touch screen pode
assumir nveis de maior preciso,
principalmente se associados ao
reconhecimento de escrita, que substitui a
entrada de dados por meio de teclado.
Alguns fabricantes apostam na utilizao de
touch screen aliada ao teclado completo, em
um tipo de dispositivo que oferece mais de
uma possibilidade de interao. Outros
fabricantes investem maciamente em touch
screen como principal elemento de interao.
Por meio deste estudo, percebeu-se que a
adaptao de aplicativos desenvolvidos para
computadores pessoais devem levar em conta
os diferentes elementos de interao presentes
responsabilidade recaia sobre o designer de
interao do software, que dever ter em
mente as oportunidades e limitaes de cada
hardware e, principalmente, o modelo mental
26
10. Bibliografia

GARRETT, Jesse James. The elements of

user experience: user-centered design for the
web. Indiana: New Riders, 2003.
MOGGRIDGE, Bill. Designing interactions.
Massachusetts : The MIT Press, 2007.
SANTOS, Robson ; FREITAS, Sydney ;
CARDOSO, Rafael. Produtos inteligentes no
ambiente domstico: estudo de usabilidade de
fornos de microondas. In: 8o Congresso
Internacional de Ergonomia e Usabilidade de
Design de Interfaces e Interao Humano-
computador, 2008, So Lus. Anais. So Lus
: UFMA, 2008.
SANTOS, Robson ; FREITAS, Sydney;
SOUSA, C. Usabilidade de aparelhos
celulares: um estudo de consumidores de
classes C e D. In: 4o Congresso Internacional
de Pesquisa em Design Brasil, 2007, Rio de
Janeiro. Anais. Rio de Janeiro : Anped, 2007.
SCHNEIDERMAN, Ben; PLAISANT,
Catherine. Designing the user interface
strategies for creating effective human-
computer interaction. 4.ed. Boston : Addison
Wesley, 2005
ZWICK, Carola; SCHMITZ, Burkhard;
KHL, Kerstin. Designing for small screen.
Lausane : AVA, 2005.

27