Service d'informations sportives par messagerie de poche Dossier de conception créative
Version 1.0
Historique de révision
Sommaire
Dossier de conception créative Introduction
ObjetCe document présente les normes à utiliser au cours de la conception de l'interface utilisateur (IU) du système d'informations sportives par messagerie de poche. EtendueCe document traite tous les éléments de l'interface graphique apparaissant sur le site Web. Définitions, acronymes et abréviationsVoir Glossaire. RéférencesPrésentation
Les éléments visuels du site Web du service d'informations sportives par messagerie de poche seront un équivalent en ligne au site Web ActuWebEnligne actuel. Le site du service d'informations apportera la personnalisation requise par le service de messagerie de poche. D'une manière générale, il sera présenté comme le site actuel ActuWebEnligne et sera tout aussi convivial. Un écran de connexion, l'édition du profil utilisateur, une liste de liens personnalisés et la conservation d'un historique des pages anciennes sont les éléments qu'il est nécessaire d'ajouter au service. Prise en charge visuelle
de la fonction du site (aspect visuel)
L'aspect visuel de ce site sera similaire à celui du site d'informations actuel. Le service d'informations sportives par messagerie de poche souhaite mettre l'accent sur l'actualité sportive et les résultats des matchs. C'est pourquoi, il prendra modèle sur un site Web d'informations en ligne. Le contenu prime sur un aspect visuel très voyante. Un arrière-plan blanc, un texte serif de couleur noire, des colonnes contenant des articles et des photos, ainsi que des tableaux contenant les informations de profil utilisateur et une liste de liens vers l'historique de l'utilisation du service constituent les éléments d'un site à l'aspect visuel modéré. Détermination du schéma de couleurs
Il est conseillé d'ajouter une couleur au message transféré par le site Web. Une site qui se veut professionnel et modéré doit utiliser des couleurs neutres et douces. Les couleurs chaudes et voyantes peuvent être utilisées pour mettre l'accent sur un élément. Le site du service de messagerie de poche utilisera la même palette de couleurs que le site Web principal. Figure 1 - Palette de couleurs du site Web Les couleurs serviront également à mettre en surbrillance des éléments importants sur la page d'accueil de l'abonné au service de messagerie de poche. Les liens seront indiqués en bleu, qui est la couleur standard utilisée pour l'ensemble du site. Le corps de texte apparaîtra en noir et les en-têtes de tableau seront affichés en blanc avec différente couleurs d'arrière-plan. Polices et défilement
Les polices et la méthode de défilement du site Web du service de messagerie seront similaires à celles du site Web ActuWebEnligne. Pour une bonne lisibilité, des polices serif seront employées pour la plupart des textes. La largeur de la page est limitée de manière à tenir dans un écran de 640 sur 480, sans défilement horizontal. L'utilisateur fait défiler les écrans vers le haut et vers le bas pour en visualiser le contenu. En règle générale, les articles tiennent sur un écran et utilisent autant d'espace vertical que nécessaire. Navigation dans le site et présentation des pages
La largeur de la page se limite à 600 pixels, environ 20 % de l'espace horizontal étant réservé à la barre d'options latérale sur la gauche. La zone de texte occupe les 80 % restant. La zone de la bannière comprend le logo, les publicités et les liens vers les principales rubriques du site Web. Figure 2 - Norme de présentation des pages La barre d'options latérale contient les sous-liens du site Web du service de messagerie de poche. Grâce à ces liens, les utilisateurs auront la possibilité de revenir à leur page d'accueil et de faire défiler leurs derniers enregistrements d'article et de résultat. Le pied de page de la zone de texte comportera plusieurs bannières publicitaires. Normes graphiques
Les visiteurs du site du service de messagerie de poche seront connectés à des vitesses variant entre celles délivrés par les lignes ADSL et les modems 28,8 kbits/s. Le site est conçu pour se charger rapidement, en utilisant un nombre minimal de photos et d'images graphiques. Hormis le logo principal, l'en-tête de page et les publicités, seules quelques autres images graphiques sont utilisés sur chaque page. Une ou deux photos uniquement peuvent être associée(s) à un article. Ce site n'utilisera aucune animation ou effet de survol JavaScript (exception faite de toutes les animations intégrées dans la bannière publicitaire). Ceci garantit des vitesses de téléchargement rapides et la compatibilité du site Web avec les navigateurs anciens ou récents. Navigateurs, cadres et autres normes
Les visiteurs du site utiliseront Netscape Navigator, Internet Explorer ou d'autres navigateurs Web courants. Les versions du navigateur pourront être différentes, mais les navigateurs utiliseront pour la plupart la version 3.0 ou une version ultérieure. Le code HTML et les techniques de présentation utilisés pour le site prendra en charge la plupart des marques de navigateur prenant en charge HTML 3.0 ou une version ultérieure. Aucun cadre ne sera utilisé sur le site Web du service d'informations sportives par messagerie de poche. Le chargement d'un écran à partir d'un lien fera apparaître un écran totalement nouveau. Ce comportement est identique sur le site Web. Une palette des couleurs adaptée au Web a été choisie pour garantir une uniformité visuelle sur les différents navigateurs, plateformes et configurations de couleurs d'écran employées. Eléments personnalisés
La zone supérieure de la page de l'abonné comporte une phrase de bienvenue dans laquelle figure le nom de l'abonné. L'utilisateur a ainsi la garantie de s'être correctement connecté et d'accéder à ses informations personnalisées. Un en-tête indiquant la date et l'heure de la dernière page constitue le deuxième élément personnalisé. Il constitue un indicateur de la correspondance entre l'écran d'accueil et la page reçue à ces date et heure. Les deux éléments principaux du service de messagerie de poche sont les articles et les résultats de match, qui sont présentés sous la forme de tableaux sur la page d'accueil de l'utilisateur. Ces tableaux comprennent des titres et des compte-rendus de résultats, ainsi que des liens vers le communiqué complet et le compte-rendu du match. Un tableau contenant les liens vers les pages récentes et permettant d'accéder à des informations d'historique de l'utilisation du service est affiché au bas de la page d'accueil de l'abonné. Si cette liste grossit fortement, un nouveau lien permettant de "consulter toutes les pages" apparaîtra. Ce lien permet d'accéder à une autre page affichant la liste complète des liens de page. Conclusion
La conception visuelle du service d'informations sportives par messagerie de poche sera identique que celle du site Web. L'aspect et la convivialité peuvent être caractérisés par un site orientée actualités et contenu, dont les objectifs sont la lisibilité, la facilité de navigation et la rapidité de téléchargement. Les visiteurs se connecteront à des vitesses variant entre celles très rapides fournies par les lignes ADSL et celles moins élevées délivrées par certains modems, de sorte que le nombre de graphiques soit le plus basse possible. Le code HTML utilisé est compatible avec tous les navigateurs connus, version 3.0 minimum. La page d'accueil de l'abonné comportera des éléments ou des unités personnalisé(e)s. Ces éléments contiennent un message de bienvenue, des liens vers les titres des articles et les résultats des matchs, ainsi que des liens vers les dernières pages. Les bannières publicitaires de ces écrans sont également personnalisables selon les préférences de l'abonné. Copyright 1987 - 2003 Rational Software Corporation |