Approche de conception d’ergonomie d’un site web ou d’une application qui priorise le rendu d’affichage sur les appareils mobiles. Vous devez d’abord imaginer la version mobile avec la taille d’écran la plus petite. Ensuite, vous imaginez les versions plus grandes : smartphones , ordinateurs portables et ordinateurs fixes. Les pages se construisent par couches et s’enrichissent […]
Archives : Lexique de l'UI UX Designer
Concept développé en 1996 par les chercheurs américains Hoffman et Novak. Il correspond à un état de lâcher prise et de self contrôle provoqué par une navigation réussie sur un site web pensé pour que l’internaute ne se pose aucune question pendant sa visite.
La ligne de flottaison désigne la limite théorique de visibilité sur un écran, symbolisée par une ligne imaginaire horizontale. Celle-ci marque le point sur un site web à partir duquel les visiteurs doivent faire défiler la page vers le bas à l’aide de leur souris pour accéder au reste du contenu. Elle sert à délimiter […]
Squelette fonctionnel d’une page d’un site Web. Ce schéma simplifié permet de structurer le contenu de chaque région de page (zoning), blocs et composants d’une page ce qui facilite la communication entre les différents intervenants dans la conception d’un site. Syn. : maquette fonctionnelle, squelette de maquette fil de fer. Outils : Figma Figma Free […]
Disposition particulière des éléments d’un modèle de mise de page, le template, comprenant la structure et le design d’une page web pré-formatée. Exemple : modèle vidéo, lien, fiche complète pour l’affichage d’un type de page films Syn. : modèle codé d’une page web, modèle de mise en page Voir aussi : template
La baseline est une ligne de texte généralement située en-dessous du logo d’un site web et écrite dans une taille de police plus petite. La baseline peut être attachée ponctuellement à une campagne publicitaire ou plus souvent être une signature permanente ou de moyen terme de la marque.
Extension de raccourcis disponible pour la plupart des éditeurs de texte qui accroît votre productivité grâce à de nombreux raccourcis vous épargnant la saisie de code répétitif.
WebGL est une spécification d’interface de programmation de 3D dynamique pour les pages et applications HTML5 créée par le Khronos Group. Les navigateurs récents supportent la technologie. Elle s’aide du langage JavaScript, des données au format JSON et de l’accélération matérielle pour les calculs et le rendu 3D à l’aide des pilotes OpenGL ES du […]
Prototype basse fidélité d’une interface utilisateur ou maquette graphique simplifiée d’une page Web, d’un document PAO à l’échelle 1:1 (grandeur réelle). Il sert à représenter les fonctionnalités sans commencer à étudier l’aspect visuel. Un mock-up peut aussi désigner les images d’un site Web ou d’une application mises en contexte. Quelques exemples
Le guide de couleurs annuel est édité par Pantone Color Institute. Ce guide est le résultat du travail collaboratif entre la New York Fashio Week et le Pantone Fashion Coor. Couleurs 2020 PANTONE 19-4052 Classic Blue est la Couleur de l’année 2020. Palettes de couleurs associées. Couleurs 2019 Living Coral 16-1546 est une nuance corail vivifiante […]