Expérience Utilisateur Première Partie

Transcription Vidéo

0:08
Regardons la réalité : peu importe la façon dont vous concevez votre système audio Q-SYS si l'utilisateur ne peut pas comprendre comment l'utiliser.
0:16
Pour la plupart des utilisateurs finaux, leur seule interaction avec Q-SYS sera sous la forme de l'interface de contrôle que vous avez conçue pour eux.
0:24
Maintenant, que ce soit sur un écran tactile QSC, un iPad, un iPhone, ou logiciel PC, cette UCI est leur seul accès au système audio.
0:34
En ce qui les concerne, l'UCI est Q-SYS.
0:38
Si vous concevez une UCI complexe et lourde, difficile à naviguer, ils penseront que Q-SYS est médiocre.
0:44
Et ce n'est pas le cas! Nous, ici chez QSC, dépendons de vos UCI pour représenter Q-SYS au monde.
0:50
Donc, que vous l'aimiez ou non, vous devez considérer l'expérience de l'utilisateur lorsque vous leur concevez une interface.
0:57
Dans cette série de vidéos, nous allons discuter de certains principes de conception de base qui contribuent à une expérience positive de l'utilisateur.
1:04
Pour certaines personnes, c’est une seconde nature mais pour d'autres, vous pourrez apprendre certaines choses que vous n'aviez pas envisagé auparavant.
1:12
Alors que nous nous concentrerons sur la construction d'UCI avec le logiciel Q-SYS Designer,
1:16
les concepts de conception que nous aborderons ici sont universels et vous pouvez percevoir ces principes chaque fois que vous interagissez avec un nouveau site Web, un logiciel ou une application.
1:27
Il s'agit d'un cours en philosophie de conception.
1:32
Tout d’abord, un point très important : vous n’avez pas besoin d’être un artiste pour concevoir une bonne UCI.
1:37
Oui, un graphiste qualifié peut ajouter beaucoup à l'apparence visuelle d'une UCI, mais nous n'essayerons pas de vous transformer en graphiste dès maintenant.
1:45
Cette vidéo consiste à vous montrer la création d’une UCI confortable, intuitive et fonctionnelle, et vous n'avez pas besoin de compétences Photoshop pour cela.
1:54
Au premier plan, gardez cette idée en tête : la conception est intention.
1:58
Qu'est-ce que cela veut dire?
2:00
Eh bien, imaginez que vous travaillez sur votre ordinateur au bureau, et vous avez un sous-tasse pour votre tasse de café.
2:07
Où est ce sous-tasse?
2:09
Si vous êtes droitier, vous l'avez instinctivement placé à droite de votre clavier, dans l’intention de le rendre aussi simple et naturel à utiliser que possible.
2:17
Vous l'avez disposé la, en fonction de l'endroit où vous le souhaitez naturellement.
2:22
Vous ne l'avez probablement pas placé dans un tiroir, car seulement une personne insensée garderait son café là-dedans .
2:28
La construction d'une UCI est similaire; Vous devrez probablement passer un peu plus de temps à déterminer exactement où l'utilisateur veut instinctivement tout trouver.
2:39
Alors, quelle est la première étape? Déterminer qui est cet utilisateur!
2:45
Posez-vous des questions sur les personnes qui vont effectivement utiliser votre UCI.
2:49
Est-ce une UCI de maintenance pour un ingénieur ? Est-ce une UCI public avec laquelle tout le monde peut interagir?
2:55
L'interface que vous créez pour quelque chose, même simple comme un lecteur audio, peut être très différente selon les personnes qui y ont accès.
3:02
Si vous le pouvez, cela vaut le cout de parler aux personnes concernées.
3:05
Ils connaîtront mieux que quiconque ce qu'ils veulent du système …
3:08
Plus vous parlez à un grand nombre de personnes, plus vous aurez une bonne analyse de ce dont elles ont besoin dans l'UCI.
3:14
Vous devriez également considérer combien d’UCI et d'écrans tactiles sont nécessaires sur le site.
3:19
Si plusieurs personnes ont besoin d'accéder au même périphérique,
3:22
vous devrez déterminer si vous devez créer une seule UCI spécifique à ce périphérique qui répond à tous leurs besoins ou s'il est préférable de créer des UCI
3:30
distincts auxquels ils peuvent se connecter individuellement à partir de n'importe quel périphérique .
3:36
Dans le Q-SYS, vous pouvez modifier les propriétés d'un écran tactile pour permettre une allocation dynamique de l’interface, ce qui permet à un utilisateur de choisir entre différentes UCI.
3:45
Savoir quelle méthode choisir sera probablement plus évident une fois que vous aurez terminé la prochaine étape de la conception: la Planification!
3:53
Vous pouvez commencer par créer un organigramme pour vous guider dans toutes les fonctions possibles du système.
3:58
C'est ce qu'on appelle la taxonomie du système, un tableau qui vous aidera à regrouper des concepts dans des catégories logiques.
4:07
La taxonomie est un terme que vous pouvez reconnaître à partir des tableaux de taxonomie des plantes et des animaux qui les séparent en royaumes,
4:14
genres, phylums, toutes ces autres choses scolaires que vous avez surement oublié.
4:18
Structurez votre UCI de la même manière, avant de commencer à le construire.
4:22
Combien de pages ou de couches différentes avez-vous besoin pour chaque tâche, et qu’est ce qui a du sens pour ce lieu?
4:29
Comme tout dans le design, il n'y a pas de réponse définitive ici.
4:32
Peut-être voulez-vous une page principale qui permet à l'utilisateur de naviguer dans chacune des salles du lieu et à partir de là, de choisir entre contrôle audio ou contrôle d'éclairage dans cette pièce.
4:42
Ou peut-être est-il est plus logique de choisir entre Audio ou Éclairage d'abord, puis de sélectionner une pièce.
4:48
Tout dépendra des différentes tâches que vous souhaitez mettre à disposition,
4:51
et il vaut mieux prendre le temps de les organiser d'une manière qui permet à l'utilisateur d'accomplir chaque tâche aussi facilement que possible.
4:58
Dans Q-SYS, vous pouvez créer autant de pages différentes que vous le souhaitez sur chaque UCI.
5:03
Et n'oubliez pas qu'il existe différentes façons de naviguer d'une page à l'autre.
5:08
Les UCI simples peuvent utiliser des onglets pour sélectionner différentes pages.
5:12
Les onglets de page peuvent être placés sur n'importe quel bord de votre UCI pour fournir un menu de navigation simple.
5:19
Ou, vous pouvez désactiver ces onglets et laisser l'utilisateur glisser simplement d'une page à l'autre.
5:25
Mais les UCI plus avancées peuvent avoir une structure de menu plus compliquée,
5:29
donc vous souhaiterez probablement désactiver l'option de glissement et utiliserez plutôt les boutons de navigation pour diriger votre utilisateur d'une page à l'autre.
5:37
Les boutons de navigation peuvent renvoyer directement à une page particulière, ce qui vous permet de guider plus précisément la navigation.
5:45
Et n'oubliez pas que vous pouvez également utiliser des boutons contextuels pour cacher certains contrôles.
5:51
Ajoutez simplement un bouton contextuel à partir des composants de mise en page, et intégrez autant de contrôles que nécessaire dans la fenêtre contextuelle.
5:58
Vous pouvez redimensionner cette fenêtre et la déplacer, puis la fermer pour garder ces commandes cachées.
6:04
Ou - si un peu de codage ne vous effraie pas - vous pouvez créer un script pour contrôler la transition entre différents calques sur l’écran et aussi hors de l’écran.
6:12
Mais, que vous utilisiez des pages, des fenêtres contextuelles ou des calques, tous font partie intégrante de la taxonomie de votre système,
6:19
c'est pourquoi un organigramme peut vous aider à planifier votre UCI avant de la construire.
6:24
Une chose importante à considérer lors de ce processus de planification est ... le choix.
6:29
Quels choix souhaitez-vous donner à l'utilisateur?
6:32
le choix est une bonne chose, n'est-ce pas?
6:34
Bien sûr, c'est ... mais cela peut aussi être une mauvaise chose.
6:37
Un design qui ne fournit pas suffisamment de choix peut sembler trop simpliste ou même condescendant.
6:42
Mais donner trop de choix peut aussi constituer un énorme problème.
6:46
Si les utilisateurs doivent chercher longtemps un contrôle, ou s’ils ne savent jamais sur quel bouton appuyer, alors le système semblera trop compliqué et difficile à utiliser.
6:56
Donc, si vous ressentez un besoin de complexifier vos UCI, enlevez-vous cette idée de la tête au plus vite.
7:10
Fournir à un utilisateur moins de choix augmentera la rapidité de navigation dans le système et réduira le nombre d'erreurs potentielles.
7:18
Regardons de nouveau le lecteur audio, par exemple.
7:20
Vous pouvez être tenté de faire glisser tous ses contrôles sur une UCI afin que l'utilisateur puisse faire ce qu'il veut et, dans certains cas, cela peut convenir parfaitement.
7:30
Mais si, par exemple, ce lecteur audio joue simplement de la musique de fond dans le hall d'un hôtel, la réceptionniste a-t-elle vraiment besoin de faire avancer ou reculer rapidement la chanson?
7:41
Qu'en est-il de ce bouton Auto-Play? Ce bouton indique au lecteur audio de démarrer automatiquement chaque fois que le design est envoyé vers un Q-SYS Core.
7:49
Est-ce que le réceptionniste le sait? Non.
7:53
Ce bouton va probablement les perturber, et vous ne voulez jamais que l'utilisateur soit perturbé quand il utilise votre système.
7:59
Vous devez fournir juste assez de choix pour leur permettre d’accomplir leurs tâches, mais pas trop afin de ne pas les mettre en difficulté.
8:07
Donc, pour récapituler, la recherche et la planification vous permettent d'identifier les tâches principales que votre utilisateur doit accomplir,
8:14
et vous donnent un plan sur la façon dont vous souhaitez organiser la structure des pages de l'UCI.
8:20
Déterminer précisément les besoins de votre utilisateur joue un rôle important dans la complexité de l'UCI.
8:25
Une fois que vous savez ce que vous voulez proposer avec votre UCI, il est temps de commencer à le construire.
8:30
Dans la prochaine vidéo, nous allons examiner des philosophies de conception communes à envisager lorsque vous commencez à construire l'UCI.