Este documento resume as alterações feitas ao design inicial de uma aplicação para pedidos de refeições em uma mesa multitouch após testes de usabilidade. As principais alterações incluem: 1) usar dois dedos em vez de três para rolar thumbnails de pratos; 2) revelar o preço total com um drag horizontal em vez de mostrar imediatamente; 3) exibir informações sobre pratos selecionados com toque prolongado em vez de manipulação.
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
Design alterado para melhor usabilidade
1.
2. Introdução
“Rien n'est plus difficile, et donc plus précieux, que d'être capable de decider”. Napoleão
Bonaparte
[Nothing is more difficult, and therefore more precious, than being able to decide.]
O presente documento emerge da necessidade de se encontrarem registadas
algumas alterações realizadas a elementos do design previamente estipulado, bem
como de modelos de interacção até à data tomados como definitivos.
As alterações registadas são fruto do processo de implementação, que ditou a
mudança de algumas das noções anteriormente estabelecidas, bem como de novos
estudos de usabilidade realizados à interface no contexto da mesa multitouch.
Alterações / Ajustes realizados
É no contexto de implementação e operacionalização dos estudos e directivas tomadas
durante a fase de planeamento do projecto, que o grupo, deparando-se com factores que
apontaram para a impossibilidade das referidas directivas serem seguidas de forma imparcial,
procedeu à realização de um conjunto de alterações com vista a obter uma aplicação coerente
e que permita a correcta exploração de todas as funcionalidades nela existentes.
• Barra de Scroll para as thumbnails das imagens dos pratos: a interacção com a
barra horizontal será realizada com recurso a dois dedos, sendo mais intuitivo do que o cenário
anteriormente estudado em que utilizaria três dedos.
Uma vez que o grupo não pretende colocar uma barra de scroll – semelhante às
tradicionalmente existentes, e sendo a aplicação explorada com recurso à mesa táctil existente
no DeCA, a calibração desta no que respeita à detecção do toque na superfície, acarreta um
3. ligeiro desvio no local exacto para o toque, surgiu a solução de incluir no design da aplicação
uma barra cujas dimensões permitem o correcto movimento, e o grafismo seja coerente.
Uma vez que a referia barra de scroll não é visivelmente intuitiva, foi criada uma
animação subtil composta por feedback visual, que permite ao utilizador conhecer a forma de
realizar a actividade desejada.
• Consulta do preço total das escolhas individuais: com vista a proporcionar
privacidade no que respeita à quantia a pagar pelas escolhas realizadas, existe no canto inferior
esquerdo uma animação interactiva com uma barra que oculta o respectivo valor, assim será
necessário realizar um touch drag com restrição horizontal sobre esta, sendo o valor revelado.
• Visualização de informação suplementar relativa ao prato seleccionado: a
referida informação surge na tela sobre a imagem principal do respectivo prato. Para tal é
necessário que o utilizador interaja com o botão existente no canto inferior direito, mantendo
o dedo sobre este, uma vez que quando é detectado a descontinuidade do toque a informação
desvanece.
Considerou-se que este método seria vantajoso na medida em que a informação
apresentada não é passível de ser manipulada pelo utilizador.
• O Pedido do prato é realizado com recurso a um ícone existente no canto
superior direito que, após seleccionado, apresenta um pop-up onde o utilizador deve confirmar
a sua decisão.
Caso opte por validar a escolha, será acrescentado o valor do prato na área da
“consulta total das escolhas validadas”, bem como a sua identificação na área de pedido. A
referida área encontra-se restrita aos utilizadores, sendo unicamente destinada ao empregado,
nela é possível consultar as escolhas validadas, bem como activar a fase seguinte do fluxo
lógico criado para a interacção com a mesa multitouch.
No contexto de ser validado um novo prato, este toma o lugar do anteriormente
escolhido, com este facto pretende-se anular a possibilidade de existir um sem número de
selecções de pratos, evitando a criação de um menu de controlo das escolhas. Uma vez que no
contexto de uma refeição é usual ser encomendado apenas um prato de cada tipologia –
entradas, prato principal, sobremesa - considerou-se relevante restringir o número de escolha
por tipologia de prato.
4. • O Método de partilha de informação que está a ser visualizada por
determinado utilizador, encontrava-se anteriormente projectadpo com recurso à metáfora do
baralho de cartas em que o gesto de replicação e envio seria o semelhante à distribuição de um
baralho de cartas, porém após contacto com orientadores esta interacção foi alterada, sendo
conseguida através do aparecimento de um botão de "Partilhar", sendo este desencadeado
pela permanência do toque na imagem durante um segundo, encontrando-se a acção
acompanhada por feedback visual.