Passer au contenu principal

le mise en page de l'écran décrit la conception des interfaces utilisateur graphiques. le conception d'écran comprend une grande variété d'applications dans lesquelles les écrans peuvent être utilisés dans le cadre de l'interaction homme-machine. Il doit être distingué des fonctions d'une interface utilisateur graphique. La mise en œuvre technique ne fait pas partie de la conception de l'écran.

Informations générales

le mise en page de l'écran peut être compris comme la conception et la création de l'interface utilisateur graphique (GUI). La disposition des éléments à l'écran est d'une grande pertinence. Cela se réfère principalement à la mise en page. Le concept d'architecture de l'information est présenté en détail car l'emplacement des éléments tels que la navigation, le texte, les en-têtes, ainsi que les sous-titres, les images, les vidéos, les icônes et tout autre contenu d'interface utilisateur est un facteur important. D'où le mise en page de l'écran il s'agit de la composition des multiples éléments et contenus, et de leur apparence dans leur interface respective.

Utilisation de la disposition de l'écran

le conception d'écran Il n'est pas seulement utilisé pour les sites Web, les sites Web mobiles ou les applications pour smartphones, mais également dans de nombreuses autres applications qui ont l'interaction de l'utilisateur comme élément central dans différentes tailles d'écran. Ces multiples formats de sortie sont difficiles pour les concepteurs car le contenu sera affiché sur différents écrans. 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 soutenus par les propriétés graphiques du support. Dans le même temps, l'impression d'ensemble de l'écran doit répondre à certaines exigences esthétiques. Par exemple, les éléments sur les écrans doivent avoir des proportions qui ont un effet esthétique sur le spectateur ou l'utilisateur. Cette esthétique est à son tour associée à l'interface utilisateur et est directement liée à des aspects tels que la conception Web, la convivialité ou l'expérience utilisateur.

600x400-screensaver-en-01.png

Types de fonctions

Les concepteurs qui sont en charge de la conception des écrans collaborent généralement avec des programmeurs et des concepteurs Web pour prendre en charge les caractéristiques des applications de visualisation tout au long de la conception. Ils doivent se conformer aux normes de conception d'écran et prêter également attention aux facteurs psychologiques et techniques. Après tout, les écrans font toujours partie du langage de programmation ou de balisage utilisé et des modèles possibles d'interaction de l'utilisateur. Au début d'une procédure dans la mise en page de l'écran, il s'agit toujours de cet utilisateur. La conception de l'écran doit être basée sur le public cible. Par conséquent, dispositions d'écran La conception sans barrière est différente de celle des écrans pour les appareils mobiles. Les écrans pour enfants contiennent des éléments de design différents de ceux des adultes.

Tout au long de la procédure de conception, des aspects tels que la conception d'entreprise ou la mise en œuvre technique avec HTML, PHP et surtout CSS jouent également un rôle important. Cette dernière dépend cependant du domaine d'application et de la langue utilisée. Par conséquent, les concepteurs d'écran créent généralement 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 œuvre cohérente des différentes exigences pour différents périphériques de sortie, groupes cibles et fonctionnalités d'interface utilisateur.

Contenu du guide de style

Les guides de style peuvent comprendre les facteurs suivants:

  • Architecture des informations ou des pages.
  • Mise en page générale (pour les sites Web, ce serait la structuration du modèle de sortie).
  • Guide de l'utilisateur de base.
  • Spécification détaillée des modèles d'affichage.
  • Affectation des fonctions aux écrans (menu, navigation, contenu).
  • Affectation de fonctions aux styles d'interaction (contrôle avec souris, clavier ou menu contextuel).
  • Concept typographique (police, taille de police, mise en page du texte).
  • Jeu de couleurs (couleur de police, arrière-plan et modèles d'écran).
  • Fenêtres de style, pop-ups, infographies, icônes, boutons et animations.
  • Définition des formats pour les nombres, les dates ou les informations d'adresse.
  • Modèle de conception (modèle) pour le contenu de l'article.
  • En règle générale, des exemples sont créés dans le didacticiel de style qui donnent au client une première impression concrète de l'interface utilisateur graphique.

Importance pour la convivialité

le mise en page de l'écran il va de pair avec les aspects techniques, psychologiques et toujours pratiques d'une interface utilisateur. Dans les étapes préliminaires, il convient de prêter attention au groupe cible, à l'objectif de l'interface utilisateur et au cadre dans lequel elle existe. Qu'il s'agisse d'un portail Web, d'un portail Web d'appareil mobile ou d'une application logicielle, la conception de l'écran ne se réfère pas seulement à la première impression d'une application, mais est un facteur clé en termes de propriétés graphiques de toute l'interface de l'utilisateur. Par conséquent, la conception de l'écran joue un rôle particulièrement important dans les domaines de la convivialité, de l'expérience utilisateur et de l'interaction homme-machine. La disposition de l'écran affecte les conversions de sites Web, d'applications et de logiciels.