Transcrições de Vídeo
Experiência do usuário - parte dois
8m 0s
0:08
Depois de ter uma sólida compreensão do que sua UCI precisa para permitir que o usuário faça , você
0:13
tem que fornecer os botões para que isso aconteça! Mas não jogue todos esses botões
0:17
aleatoriamente na tela. Há muitos princípios de design a serem lembrados quando você começa a
0:23
organizar o layout visual de cada página da UCI. Novamente, algumas dessas coisas podem parecer
0:28
óbvias, mas isso também as torna fáceis de ignorar, caso você não as tenha em mente ao projetar sua UCI.
0:35
Comece considerando alguma psicologia do usuário. A maioria dos países ocidentais lê de cima para
0:40
baixo e da esquerda para a direita, o que significa que instintivamente atribuímos mais importância
0:46
aos itens no topo e à esquerda.
0:49
Se você estiver criando botões de navegação de página, por exemplo, as páginas mais importantes
0:53
devem estar no topo ou na esquerda, com menos páginas importantes seguindo.
0:57
Essa mesma psicologia de leitura nos diz que podemos passar para a próxima página quando
1:02
terminarmos, e é por isso que o canto inferior direito é um lugar natural para um botão “próximo”
1:07
que avança para a próxima página da UCI.
1:09
Essas não são regras, é claro - você pode fazer o layout da sua UCI da maneira que desejar.
1:14
mas se for construído de maneira contraintuitiva, seus usuários poderão demorar um pouco para se
1:19
instruir ao tentar navegar. Provavelmente, a coisa mais importante a considerar é a consistência.
1:25
Depois de escolher um método de navegação, você deve manter esse estilo em toda a UCI.
1:31
Você não gostaria de ter um menu de navegação horizontal em uma página e um vertical em outro,
1:36
ou para as páginas mudarem aleatoriamente sua ordem ou tamanho.
1:40
Manter regras consistentes dentro de seu design oferece ao usuário a melhor chance de navegar com
1:46
sucesso. Importante não está limitado à navegação de página, é claro. Há muitas maneiras de
1:51
denotar a importância de uma ação.
1:54
Pense no nosso Player de áudio novamente - há muitos botões que você pode apertar, mas o botão
1:59
Play é provavelmente o mais importante. A localização e o tamanho do botão ajudam a informar ao
2:04
usuário que esta é a função mais importante na página.
2:08
Você também pode usar o espaço vazio para mostrar importância.
2:12
Neste exemplo, o botão Play não é maior que os outros botões, mas você pode dizer pelo uso de
2:17
“espaço em branco” em torno dele que é mais importante que os outros botões.
2:21
Muitos Designers temem o espaço vazio porque acham que precisam preencher a página, mas o
2:27
espaço vazio pode muitas vezes ser seu amigo.
2:29
Ele divide objetos que não são iguais, mostra importância e ajuda a manter seu design simples e fácil
2:35
de entender. Mais uma vez, encontrar um estilo consistente é importante.
2:40
Se você ensinar ao usuário que um botão importante se parece com isso em uma página, você
2:45
provavelmente deve manter essa estética para outros botões importantes em outras páginas.
2:50
Outra ferramenta que você tem em seu kit de ferramentas é a cor.
2:54
A cor não é apenas para tornar as coisas bonitas, a cor também pode comunicar sentimentos e emoções diferentes.
2:59
A cor vermelha, por exemplo, é frequentemente associada a emoções urgentes, como pânico e
3:04
perigo, ou a necessidade de uma parada de emergência.
3:08
O verde, por outro lado, é uma cor mais calma e geralmente associamos isso a algo inicial.
3:14
Alterar as cores de diferentes botões dá ao usuário uma impressão imediata da natureza desse
3:19
botão, sem que eles sequer percebam isso.
3:21
Na mesma linha, se todo o seu UCI estiver vermelho, você pode estar estressando o usuário.
3:28
Há muitas escolas de pensamento sobre cor, muito mais do que podemos entrar neste vídeo.
3:33
Mas se você pensar em uma roda de cores básica, existem algumas maneiras fáceis de encontrar
3:38
cores que combinem bem.
3:39
Cores complementares são cores com lados opostos da roda - são combinações como vermelho e
3:45
verde, roxo e amarelo ou azul e laranja.
3:49
As cores complementares são ótimas porque têm o maior contraste entre si, o que é uma ótima
3:54
maneira de mostrar distinção.
3:56
Mas se você usar essas cores complementares em excesso, a experiência pode ser bem chocante,
4:01
porque não há lugar confortável para procurar.
4:04
Outros modelos de cores envolvem cores semi-complementares, cores de tríade, etc.
4:10
Também vale a pena tendo em mente a diferença entre cores quentes e cores frias, e o efeito que
4:17
tem sobre seu usuário.
4:19
É claro que, quando você começa a pensar em cores, pode querer considerar as cores oficiais da
4:23
empresa para as quais está projetando. Se seu logotipo é azul-centáurea, então você pode querer
4:29
usar azul-centáurea como cor principal na UCI.
4:33
A maioria das empresas maiores terá um guia de estilo que especifica as cores que eles usam, bem
4:38
como as regras que eles aplicam para o uso do logotipo, que você deve ter em mente antes de
4:43
emparelhar acidentalmente o logotipo com a cor do concorrente .
4:48
Claro, você não deve confiar inteiramente na cor também. Tenha em mente que muitas pessoas são
4:53
daltônicas, e você não gostaria de deixá-las no frio.
4:56
Na verdade, existem vários simuladores de cor cegos gratuitos que você pode encontrar on-line, nos
5:01
quais você pode fazer upload de uma captura de tela da sua UCI para ver como ficaria para alguém com daltonismo.
5:08
Portanto, a cor é útil, mas não deve ser sua única ferramenta. Com isso em mente, você pode
5:14
considerar como pessoas diferentes aprendem de maneiras diferentes.
5:18
Algumas pessoas aprendem melhor lendo, outras por meio de imagens, outras por meio de
5:23
associação espacial - então, se você tiver flexibilidade em seu design para atrair vários estilos, vale a
5:30
pena considerar.
5:32
No Q-SYS você pode adicionar ícones aos seus botões, bem como um rótulo, que pode ser uma boa
5:37
maneira de satisfazer diferentes tipos de alunos.
5:40
Há mais um conceito crítico a ser considerado ao criar sua UCI: feedback. Não, não feedback de
5:46
áudio, não queremos isso. Estou falando de uma reação que a tela lhe dá para saber que você fez
5:51
alguma coisa. Para algumas ações, o feedback é óbvio: quando você toca em um botão que navega
5:57
para outra página, a tela muda para essa página.
6:00
Muitos botões naturalmente fornecem feedback - um botão de alternância, por exemplo, mudará de
6:05
cor quando você pressioná-lo. Um botão Reproduzir acenderá enquanto seu Player de áudio estiver
6:10
tocando. Mas outros botões podem não fornecer ao usuário o feedback desejado.
6:15
Se você só fornece um usuário com botões de volume, por exemplo, eles não sabem realmente onde
6:21
estão no intervalo de ganho. Você pode querer fornecer um medidor que lhes dê feedback.
6:26
Se você permitir que eles recuperem um instantâneo que altere as configurações dos controles que
6:31
não estão na página UCI atual, talvez seja necessário fornecer algum tipo de indicação de que o
6:36
instantâneo foi ativado.
6:39
Qualquer dica visual que você possa fornecer ao usuário de que sua ação teve um efeito ajudará seu
6:44
nível de confiança ao interagir com o sistema.
6:46
Finalmente, não se esqueça de testar sua UCI. Não apenas você mesmo, peça a outras pessoas para
6:52
testá-lo para você, assim você terá uma noção melhor de como é intuitivo. Você pode aprender
6:57
muito observando alguém lutando para navegar em seus menus, ou vendo onde eles vão executar
7:02
certas tarefas.
7:04
Tente deixar seu ego para trás e aprenda com eles, em vez de ensiná-los como você quer que eles
7:09
usem o sistema. Dê-lhes uma tarefa para executar e veja se eles podem descobrir por conta própria.
7:15
Se não puderem, isso pode ser um bom sinal de que sua UCI precisa de um pouco mais de trabalho.
7:20
Portanto, não se apaixone por seu próprio projeto cedo demais - só porque você o ama, não significa
7:26
que seja útil para outra pessoa. E se você for usar um Designer Gráfico para adicionar mais talento
7:32
visual ao sistema, certifique-se de que a UCI seja testada em campo antes de criar imagens que
7:38
possam ser mais difíceis de alterar posteriormente.
7:40
Espero que isso lhe dê uma boa base de coisas para se ter em mente ao projetar sua UCI. A
7:46
Experiência do Usuário é tão importante quanto a plataforma AVC - porque todo o seu trabalho
7:51
dentro do software é inútil se ninguém conseguir descobrir como usá-lo. Obrigado por assistir.
Descrição da Lição
Experiência do usuário - parte dois
8m 0s
Saiba como a cor e o layout da sua UCI podem afetar a experiência do usuário.