Transcrições de Vídeo
Experiência de Usuário - Parte Um
8m 40s
0:08
Tempo para uma verificação da realidade: Não importa quão bem você projeta seu Sistema de áudio
0:13
Q-SYS, se o usuário não conseguir descobrir como operá-lo. Para a maioria dos usuários finais, sua
0:18
única interação com o Q-SYS será na forma da Interface de Controle do Usuário que você projeta para
0:23
eles. Agora, seja em um QSC Touchscreen, um iPad ou iPhone ou um PC Viewer, essa UCI é seu único
0:32
acesso ao sistema de áudio. No que diz respeito a eles, esse UCI é Q-SYS.
0:39
Se você projetar uma UCI desajeitada que é difícil de navegar, eles vão achar que o Q-SYS é uma droga.
0:44
E não é! Nós aqui na QSC estamos confiando nos seus UCIs para representar a Q-SYS para o mundo.
0:51
Então, quer você goste ou não, você deve considerar a experiência do usuário ao projetar sua interface.
0:57
Nesta série de vídeos, discutiremos alguns princípios básicos de design que contribuem para uma
1:02
experiência positiva para o usuário. Para algumas pessoas, isso pode ser uma segunda natureza. Para
1:07
outros, você pode aprender algumas coisas que nunca considerou antes. Enquanto nos
1:11
concentraremos na criação de UCIs com o software Q-SYS Designer, os conceitos de design que
1:17
abordaremos aqui serão universais e você poderá começar a notar esses princípios sempre que
1:22
interagir com um novo website, software ou aplicativo. Este é um curso intensivo em filosofia de design.
1:33
Primeiramente: você não precisa ser um artista para criar uma boa UCI. Sim, um designer gráfico
1:39
habilidoso pode adicionar muito à aparência visual de uma UCI, mas não estamos tentando
1:43
transformá-lo em um designer gráfico no momento.
1:46
Este vídeo é sobre como fazer uma UCI confortável, intuitiva e funcional, e você não precisa de
1:50
nenhuma habilidade em Photoshop para isso.
1:53
No nível mais alto, apenas tenha isso em mente: design é intenção.
1:59
O que isso significa?
2:00
Bem, imagine que você está trabalhando no seu computador em sua mesa, e você tem um descanso
2:06
para sua caneca de café. Onde esse descanso fica?
2:09
Se você é destro, provavelmente instintivamente o colocou à direita do teclado, com a intenção de
2:15
torná-lo o mais fácil e natural de usar possível. Você projetou lá, com base em onde você
2:21
naturalmente quer que seja.
2:23
Você provavelmente não colocou dentro de uma gaveta, porque só uma pessoa insana manteria o café ali.
2:29
Construir uma UCI é semelhante; você provavelmente terá que gastar um pouco mais de tempo para
2:33
descobrir exatamente onde o usuário deseja instintivamente encontrar tudo.
2:39
Então, qual é o primeiro passo? Descobrir quem é esse usuário!
2:44
Faça uma pequena pesquisa sobre quem realmente usará sua UCI. Isto é uma manutenção UCI para o
2:51
engenheiro do local? É uma UCI pública com a qual qualquer pessoa pode interagir?
2:56
A interface que você cria para algo tão simples quanto um Audio Player pode ser muito diferente
3:00
dependendo de quem tem acesso a ele. Se você puder, valeria a pena conversar com as pessoas
3:07
envolvidas.
3:08
Quanto mais pessoas você conversar, mais terá uma boa noção do que elas precisam da UCI. Você
3:13
também deve considerar quantos UCIs e Touchscreens são necessários no local.
3:18
Se várias pessoas precisarem acessar o mesmo dispositivo, você precisará considerar se deve criar
3:22
uma única UCI específica para esse dispositivo que atende a todas as necessidades delas ou se pode
3:28
ser melhor criar UCIs separados que podem faça o login individualmente em qualquer dispositivo.
3:34
Em Q-SYS, você pode alterar as propriedades de uma tela Touchscreens para permitir a "Atribuição
3:38
dinâmica de UCI", que permite ao usuário escolher entre diferentes UCIs.
3:44
Saber qual método escolher provavelmente se tornará mais óbvio quando você concluir a próxima
3:49
etapa do design: Planejamento!
3:53
Você pode começar desenhando um fluxograma para guiá-lo através de todas as possíveis funções do
3:57
sistema. Isso é chamado de taxonomia do sistema, um gráfico que ajudará você a agrupar conceitos
4:05
relacionados em categorias lógicas.
4:07
Taxonomia é um termo que você pode reconhecer a partir de gráficos de taxonomia de plantas e
4:12
animais que os separam em reinos, gêneros, filos, todas as outras coisas da escola que você esqueceu.
4:18
Estruture sua UCI da mesma maneira, antes de começá-la. Quantas páginas ou camadas diferentes
4:24
você precisa para cada tarefa e o que faz sentido para o seu local? Como tudo no design, não há
4:30
resposta certa aqui.
4:32
Talvez você queira uma Página Principal que permita ao usuário navegar para cada uma das salas do
4:36
local, e de lá você pode escolher entre Controle de Áudio ou Controle de Iluminação dentro daquela sala.
4:42
Ou talvez faça mais sentido escolher entre Áudio ou Iluminação primeiro e depois selecionar uma sala.
4:47
Tudo dependerá das diferentes tarefas que você deseja disponibilizar, e vale a pena organizá-las de
4:53
maneira a permitir que o usuário realize cada tarefa com a maior facilidade possível.
4:58
Dentro do Q-SYS, você pode criar quantas páginas diferentes em cada UCI quiser. E não se esqueça
5:04
de que há várias maneiras de navegar de uma página para outra.
5:08
Os UCIs simples podem aproveitar as Guias da Página para selecionar páginas diferentes.
5:13
As guias de página podem ser colocadas em qualquer borda da sua UCI para fornecer uma navegação simples no menu.
5:19
Ou você pode desativar essas guias e deixar o usuário simplesmente passar de uma página para outra.
5:25
Mas os UCIs mais avançados podem ter uma estrutura de menu mais complicada, portanto, você
5:30
provavelmente desejará desativar a opção de swipe e usar os Botões de navegação para direcionar o
5:35
usuário de uma página para outra.
5:38
Os botões de navegação podem enviar o usuário para uma página específica, o que permite guiar seu
5:43
movimento de maneira mais específica.
5:46
E não se esqueça que você também pode usar os botões de Popup para esconder certos controles.
5:50
Basta adicionar um botão pop-up dos componentes do layout e adicionar qualquer número de
5:55
controles dentro de sua janela pop-up.
5:58
Você pode redimensionar essa janela, movê-la e fechá-la para manter esses controles ocultos.
6:04
Ou - se você estiver interessado em mergulhar em um pouco de codificação - você pode fazer o script
6:08
de diferentes camadas para fazer a transição dentro e fora da tela também.
6:12
Mas, quer você esteja usando páginas, pop-ups ou camadas, elas fazem parte da taxonomia do seu
6:18
sistema, e é por isso que um fluxograma pode ajudá-lo a planejar sua UCI antes de criá-la.
6:24
Uma grande coisa a considerar durante este processo de planejamento envolve ... escolha. Quais
6:29
escolhas você quer dar ao usuário? Quer dizer, a escolha é uma coisa boa, certo? Bem, claro que é…
6:34
mas também pode ser uma coisa ruim.
6:37
Um design que não fornece escolhas suficientes pode parecer muito simplista ou até mesmo condescendente.
6:42
Mas a escolha em excesso também pode ser um grande problema. Se levar muito tempo para o
6:47
usuário encontrar a coisa que está procurando, ou nunca souberem qual botão apertar, o sistema
6:53
parecerá muito complicado e difícil de se trabalhar.
6:56
Então, se você sente a necessidade de complicar demais os seus UCIs, apenas tire essa idéia da sua
7:02
cabeça agora mesmo.
7:10
Proporcionar ao usuário menos opções aumentará a velocidade com a qual ele pode navegar no
7:15
sistema e reduzirá o número de erros cometidos ao longo do caminho.
7:19
Vamos ver o Audio Player novamente, por exemplo. Você pode ser tentado a arrastar todos esses
7:23
controles para uma UCI para que o usuário possa fazer o que quiser e, em alguns casos, pode estar bem.
7:30
Mas se este Audio Player está tocando música de fundo no Lobby de um hotel, por exemplo, a
7:36
recepcionista realmente precisa da habilidade de avançar ou retroceder a música? Que tal este botão
7:42
Auto-Play? Este botão informa ao Audio Player para iniciar automaticamente sempre que o design for
7:48
enviado para um Q-SYS Core. A recepcionista do saguão sabe disso? Não. Esse botão provavelmente
7:55
irá confundi-los e você nunca desejará que o usuário fique confuso quando estiver operando o sistema.
8:00
Você quer fornecer apenas escolhas suficientes para que eles possam realizar suas tarefas, mas não
8:05
escolhas suficientes para que eles possam se meter em problemas.
8:08
Para recapitular, a pesquisa e o planejamento permitem identificar as principais tarefas que a sua UCI
8:14
deve facilitar, e dar a você um plano como você deseja organizar a estrutura da página da UCI.
8:19
Determinar quais escolhas seu usuário pode fazer desempenha um grande papel na complexidade da
8:24
UCI. Uma vez que você esteja confortável em saber o que quer que sua UCI faça, então é hora de
8:29
começar a construí-la. No próximo vídeo, vamos dar uma olhada em filosofias de design comuns para
8:34
ter em mente quando você começar a construir a UCI.
Descrição da Lição
Experiência de Usuário - Parte Um
8m 40s
Aprenda os princípios básicos de design para melhorar a experiência do usuário do Q-SYS.