Principes de mise en page

Les pages d’ExperQuiz sont construites selon des principes constants, ce qui permet de retrouver ses marques rapidement, quelle que soit la page.

Sur l’image suivante, nous identifions les principes les plus généraux, les parties qui sont presque universelles.

Principes de mise en page
  • [1] Le logo et le nom de votre entreprise. En cliquant sur le logo, vous pouvez revenir à votre tableau de bord.
  • [2] Votre nom, et le menu déroulant donnant accès à votre profil, permettant de vous déconnecter ou de passer du mode administrateur au mode utilisateur.
  • [3] Le menu principal, situé à gauche de la page. Une version texte de chacun des choix apparaît au survol de la souris. Vous pouvez configurer les options que vous souhaitez voire dans ce menu, et celles qui seront masquées.
  • [4] Zone de titre, dépendant de la page.
  • [5] Zone d’onglets. De nombreuses pages proposent des onglets, qui donnent accès à des “sous-pages”.
  • [6] Zone de filtres. Elle est présente en général sur les pages de listes d’éléments. En configurant les différents filtres, vous réduisez la liste d’entités présentées.
  • [7] Zone de boutons. Lorsque des boutons d’actions sont proposés, ils se situent à cet endroit, en haut et à droite de la page.

L’adaptation des pages au format de l’écran

Toutes les interfaces d’ExperQuiz s’adaptent au format de l’écran, que vous disposiez d’un grand écran, d’un écran de portable, d’une tablette ou bien d’un mobile. On dit parfois que les pages sont ‘responsive’.  

Si vous êtes sur un poste de travail, avec un grand écran, vous pouvez constater cette adaptation en réduisant la fenêtre du navigateur.

L’adaptation des pages au format de l’écran

Sur un écran moins large, certaines informations ont été masquées :

L’adaptation des pages au format de l’écran

Ci-après, au format tablette : le menu est maintenant masqué, certaines informations ne sont plus affichées, et les onglets se sont transformés en une liste déroulante.

L’adaptation des pages au format de l’écran

Enfin au format mobile, ci-dessous, avec à droite le menu déroulé.

L’adaptation des pages au format de l’écran
L’adaptation des pages au format de l’écran

Tout a été fait pour que l’utilisation soit la plus efficace possible, quels que soient le terminal et la taille de l’écran. Toutefois, il est clair que les opérations d’administration seront plus faciles à effectuer sur un grand écran.