Screen design


Le screen design est le design d’interfaces utilisateurs graphiques. Le screen design comprend une grande variété d’applications dans lesquelles des écrans peuvent être utilisés dans le cadre de l’interaction homme-machine. Le screen design doit être distingué des fonctions d’une interface utilisateur graphique. L’implémentation technique ne fait en effet pas partie du screen design.

Informations générales

Le screen design peut être compris comme la conception et la création de l’interface utilisateur graphique (GUI). L’agencement des éléments que l’on voit sur l’écran revêt une importance capitale. Cela concerne principalement la mise en page. Le concept de l’architecture de l’information est présenté en détail. L’emplacement d’éléments tels que la navigation, le texte, les en-têtes ainsi que les sous-titres, les images, les vidéos et autres contenus de l’interface utilisateur est un facteur important. Le screen design concerne donc la composition des différents éléments et contenus et leur apparence sur leur interface respective.

Utilisation du screen design

Le screen design n’est pas seulement utilisé pour les sites web, les sites mobiles ou les applications pour smartphones, mais aussi dans de nombreuses autres applications qui font de leur élément central l’interaction utilisateur et ce sur différentes tailles d’écran. Ces différents formats de sortie sont difficiles pour les graphistes, car le contenu sera affiché de manière différente. Cela signifie également que certaines restrictions et possibilités doivent être prises en compte et exploitées.

Les caractéristiques et les modèles d’interaction possibles doivent être pris en charge par les propriétés graphiques du support. Dans le même temps, l’impression générale de l’affichage de l’écran doit satisfaire certaines exigences esthétiques. Par exemple, les éléments sur les écrans devraient avoir des proportions qui ont un effet esthétique sur l’observateur ou l’utilisateur. Une telle esthétique est à son tour associée à l’interface utilisateur et est directement liée à des aspects tels que le web design, l’utilisabilité ou l’expérience utilisateur.

Types de fonctionnalités

Les graphistes collaborent habituellement avec les programmeurs et les web designers pour prendre en charge les fonctionnalités des applications d’affichage grâce au design. Ils doivent se conformer aux règles du screen design et prendre en compte les facteurs psychologiques et techniques. Après tout, les écrans font toujours partie de la programmation ou du langage de balisage utilisé, ainsi que des modèles possibles d’interaction de l’utilisateur. Au début d’un processus de screen design se trouve toujours l’utilisateur. Le screen design est au mieux basé sur l’audience cible. Des screen designs libres d’obstacle sont donc conçus différemment que les screen designs pour appareils mobiles. Les affichages pour les enfants contiennent des éléments de conception différents de ceux destinés aux adultes.

Au cours du processus, des aspects tels que l’image de l’entreprise ou l’implémentation technique avec HTML, PHP ou en particulier le CSS jouent un rôle important. Ce dernier dépend évidemment de la zone d’application et de la langue utilisée. Les graphistes créent souvent un guide de style, qui résume et documente les modèles d’interaction et de conception visuelle. Le but d’un guide de style est la mise en oeuvre cohérente des différentes exigences pour différents périphériques de sortie, groupes cibles et fonctionnalités d’interface utilisateur.

Contenu des guides de style

Les guides de style peuvent consister en facteurs suivants :

  • information ou architecture de page
  • disposition générale (pour les sites web, ce serait la structuration des modèles de sortie)
  • guide d’utilisation de base
  • spécification détaillée des modèles d’écran
  • affectation des fonctions aux écrans (menu, navigation, contenu)
  • affections de fonctions aux styles d’interaction (contrôle avec la souris, clavier ou menu contextuel)
  • concept typographique (police, taille de la police, disposition du texte)
  • palette de couleurs (couleur des modèles de police, d’arrière-plan et d’écran)
  • style de fenêtres, pop-ups, infographies, icônes et boutons
  • définition des formats pour les numéros, les dates ou les informations d’adresse
  • modèle de conception (template) pour le contenu à venir

Généralement, des exemples sont créés dans le guide de style qui donne au client une première impression concrète de l’interface utilisateur graphique.

Importance pour l’utilisabilité

Le screen design va de pair avec les aspects techniques, psychologiques et bien sûr pratiques d’une interface utilisateur. Dans les étapes préliminaires, le groupe cible, l’objectif de l’interface utilisateur et le cadre dans laquelle cette dernière existe doivent être pris en compte. Que ce soit le site web, le site mobile ou l’application, le screen design ne concerne pas uniquement la première impression d’une application mais constitue un facteur clé en terme de propriétés graphiques de l’interface utilisateur complète. Par conséquent, le screen design joue un rôle particulièrement important dans les domaines de l’utilisabilité, de l’expérience utilisateur et de l’interaction entre l’Homme et la machine. Le screen design affecte finalement les conversions de sites web, d’applications et de logiciels.

Liens web