Franais

Exprience utilisateur
Accessibilit Arborescence Architecture de linformation Accroche Cahier des charges Charte rdactionnelle / charte ditoriale Chemin de navigation / fil dAriane Cinmatique Conception centre utilisateur (CCU) Exprience utilisateur Ergonomie Fonctionnalit Gabarit Interactivit Interface Navigation Nomenclature de nommage Maquette fonctionnelle Microcontenus Personnages-types Process Scenario Transversalit / navigation transversale Taxinomie / Taxonomie Usabilit / Utilisabilit Utilit (dun site) Terminologie / Etiquettes / Libells / Wording Workflow Zoning

Pied de page Pop-up - fentre surgissante Portail Pr-home, tunnel Resolution Site institutionnel Surface utile

Glossaire du design interactif

Un document coordonn par Benot Drouillat
www.designinteractif.net
Sources dinformation / contributions : Benot Drouillat bnf.fr Bruno Ruffin David Jacquet Ergolab.net Grand dictionnaire terminologique (Office qubcois de la langue franaise) Guillaume Brachon IAB.net Jrme de Vries Journal du Net Julien Pons Laurent Lacqua Muriel Paris (Petit Manuel de composition typographique, 2000) Redaction.be Vincent Loret W3C.org Wikipedia.org

Typographie / mise en page

Anticrnelage (crnelage) Approche de caractre Avec ou sans empattements Chasse Composition en drapeau Composition justifie Corps Graisse Interlignage Justification Police (fonte)

Etapes / lments dun projet web

Benchmark Brainstorm, sance de crativit Brief cratif, instructions cratives Charte graphique Dclinaisons graphiques Dcoupage Identit graphique Identit visuelle Iconographie Illustration Livrable Logo Montage Optimisation (du poids des images) Pictogramme Piste crative Planche de tendances Signaltique

Typologie des interfaces interactives

Back-office Bandeau identitaire / ttire Barre de dfilement CMS, Systme de gestion de contenu Dynamique (site dynamique) E-mailing Extranet Front-office Icne de favori IHM - Interface Homme-Machine Intranet Lettre dinformation Mini-site Mise en page fluide

Mtiers du design interactif

Architecte de linformation Concepteur-rdacteur Directeur artistique web Directeur de cration Designer sonore Ergonome Graphiste Intgrateur HTML

Web designer Webmaster

English
User experience
Accessibility Baseline, tagline Breadcrumb, breadcrumbs trail Brief Cinematic, Motion screen Contextual browsing, prospective navigation Editorial guidelines Ergonomics Functionality Information architecture Interactivity Interface Labels Microcontents Navigation Nomenclature Personnas/personnae Process Story-board Taxonomy Template Tree structure Usability User Centered Design User experience Utility Wireframe Workow

Useful area

Formats de chiers, langages, units de mesure

ActionScript .AI .CSS (Feuilles de style en cascade) .DHTML DPI (Points par pouce) .EPS .GIF .HTML .JPEG .BMP JavaScript .PDF .PNG RVB (Rouge, vert, bleu) Pixel .TIF / TIFF .PSD .SWF Vectoriel XHTML

Typography / Layout
Antialiasing aliasing Body Fit Font Justication Justied composition Line spacing Serif / non-serif Unjustied setting Weight Width

Project steps/elements
Benchmark Brainstorm Brand identity, corporate identity Brieng Coding Cut Deliverable Design comp(rehensive), design direction Graphic identity Iconography Identity guide / Graphic charter Illustration Logotype Optimization Pictogram Signing, symbol signs Template design Trend board

Intgration HTML
Navigateur moderne Code smantique Feuille de style Contenu alternatif Validation (W3C)

User interface
Back-ofce CMS, Content Management System Corporate website Dynamic (website) E-mailing Extranet Favicon, favorites icon, page icon Footer Front-ofce HMI - Humain Machine Interface Intranet Liquid layout xed layout Microsite, sitelet Newsletter Page header, masterhead Pop-up Portal Resolution Scroll bar Splash-screen

Publicit interactive
Bannire, bandeau Bannire extensible Billboard Flash transparent GIF anim Gratte-ciel Habillage (de site) Interstitiel Mdia enrichi Pop-ender Pop-under Pop-up Superstitiel

Mtiers du design interactif

Art director Copywriter Creative director Ergonomist Graphic designer Information architect Sound designer Web designer Web developer Webmaster

Files format, units, languages

ActionScript .AI .CSS (Cascading Style Sheet) .DHTML DPI (Points par pouce) .EPS .GIF .HTML .JPEG .BMP JavaScript .PDF .PNG Pixel .PSD RGB (Red Green Blue) .TIF / TIFF .SWF Vector format XHTML

HTML coding
Modern browser Semantic code Cascading style sheet Alternative content Validation (W3C)

Interactive advertising
Animated GIF Banner Billboard Button ad Expand banner Floating ad Interstitial Over-the-page Pop-ender Rich-media Skyscraper Skin

Exprience utilisateur (user experience)

Accessibilit Accessibility Dans le contexte dun site web, la dmarche daccessibilit consiste laborer des pages interoprables et consultables par tout type dinternautes, quelque soit leur matriel ou logiciel, leur infrastructure rseau, leur langue maternelle, leur culture, leur localisation gographique, ou leurs aptitudes physiques ou mentales. (Tim Berners-Lee, directeur du W3C). Arborescence Tree structure Reprsentation de la structure hirarchique dun site sous forme dun organigramme, faisant allusion par mtaphore aux ramifications dun arbre. Architecture de linformation Information architecture L'architecture d'information est l'art et la science d'organiser l'information dans un site web pour aider les utilisateurs combler leurs besoins en information et rpondre aux objectifs de marketing, communication, et business dun projet. L'architecture d'information est le modle du site, qui permet de dtailler dans linterface et son back-office les aspects suivants : apparence, fonctionnalit, navigation, interactivit, et conception visuelle. Par l mme, larchitecte dinformation propose la meilleure accessibilit possible au contenu. C'est une

pratique qui consiste modliser la structure d'un site et plus particulirement les aspects suivants : structure et organisation, plan de site, systme de navigation, systme d'tiquette (les libells du site), et systme de recherche. Accroche Baseline, tagline Laccroche est une formule destine marquer linternaute. Elle reprend les valeurs vhicules par la marque et/ou les objectifs du site et dfinit la tonalit du message, la manire dun slogan publicitaire dont elle est parfois ladaptation. Cahier des charges Brief Le cahier des charges est un document rdig par le commanditaire dun projet lintention de son agence ou des agences en comptition pour un projet. Il dfinit le contexte, les spcificits du projet et ses objectifs. Dans le cadre dun projet de communication interactive, il prcise les contraintes techniques et fonctionnelles lies la mise en oeuvre du site. Il dtaille galement dans les instructions cratives les objectifs atteindre vis vis des cibles marketing. Charte rdactionnelle / charte ditoriale Editorial guidelines Ralise en amont de lidentit graphique, la charte ditoriale dun site web garantit lhomognit du contenu dans ses conventions dcriture. Elle dfinit lensemble

des rgles dcriture (calibrage des libells, registre/ style lexical, dcoupage du texte) spcifiques pour la cible dun site, dans le but de rendre plus efficace la consultation des pages. Chemin de navigation / fil dAriane Breadcrumb, breadcrumbs trail Le chemin de navigation est un repre pour la navigation lintrieur dun site web. Il est constitu dune liste linaire de liens hirarchiques qui reprsentent chacun un niveau de larborescence parcouru par lutilisateur. Il permet ainsi linternaute de reprer sa position dans larborescence du site. Le terme anglais de breadcrumb reprend mtaphoriquement un dveloppement narratif du conte de Perrault, Le Petit Poucet, dans lequel le personnage laisse dernire lui des miettes de pain pour retrouver son chemin. De mme, le fil dAriane renvoie lpisode mythologique du Minotaure, o Ariane confie Thse une pelote de fil afin quil retrouve son chemin dans le labyrinthe. Les conventions de reprsentation du chemin de navigation sont les suivantes : Page daccueil > Rubrique n1 > Sous-Rubrique n-2 > Sous-Rubrique n-3 Les niveaux parcourus sont cliquables et souligns. La page courante est en gras non-soulign.

Cinmatique Cinematic, Motion screen La cinmatique explicite lenchanement des crans selon les scnarios possibles de navigation dans linterface. Conception centre utilisateur (CCU) User Centered Design La conception centre utilisateur est une mthode de scnarisation qui repose sur des hypothses du comportement des diffrents profils utilisateurs (personnages types, en anglais : personnas) rels ou potentiels dune interface. Son objectif est de mieux comprendre et formaliser les besoins et les envies des utilisateurs finaux. Elle se droule en trois tapes : analyse, conception, et valuation. Exprience utilisateur User experience Lexprience utilisateur correspond la richesse des possibilits dinteractions et la qualit ergonomique dans linterface dun site web. La qualit de lexprience vcue par linternaute, ou utilisateur final, dpend troitement de lusabilit et de lutilit du site, mais aussi de critres subjectifs comme lagrment li au design, et dtermine son niveau de satisfaction global. Ergonomie Ergonomics La SELF (Socit d'Ergonomie de Langue Franaise) dfinit l'ergonomie comme : la mise en uvre de connaissances scientifiques relatives l'homme et ncessaires pour concevoir des

outils, des machines et des dispositifs qui puissent tre utiliss par le plus grand nombre avec le maximum de confort, de scurit et d'efficacit. Dans le contexte du design de projets web, selon Christian Bastien (www.lergonome.com) , les critres physiologiques ont fait place une approche de conception qui cherche sassurer de la parfaite communication entre linterface du site et son internaute. Il met en avant deux critres essentiels : lutilit dun site (le site rpond au besoin de linternaute), et lusabilit dun site (sa facilit dutilisation). Fonctionnalit Functionality Une fonctionnalit est le type daction dfinie par le systme dans une interface interactive, dclenche par une instruction spcifique (clic sur un bouton, lien...) Gabarit Template Un gabarit dfinit un modle de mise en page qui peut sappliquer un type dinformations donnes (formulaire, fiche produit), et tre rutilis pour plusieurs pages dun site web, afin den faciliter le dveloppement. Interactivit Interactivity Linteractivit des interfaces web permet dinstaurer un dialogue en temps rel entre linternaute et le systme. Concrtement, ce dialogue sexprime grce lhyper-

texte, qui permet linternaute deffectuer des actions auxquelles rpond le systme de manire prdfinie. Cette possibilit daction est rciproque du systme envers lutilisateur. Par exemple, un utilisateur peut participer un sondage en ligne en cliquant sur un bouton pour exprimer son vote. Rciproquement, le systme peut demander linternaute de confirmer un choix pour lenvoi dun formulaire. Interface Interface Linterface est le moyen par lequel lutilisateur et le systme peuvent entrer en interaction. Pour le site web, cest la partie visible par linternaute sur son cran qui permet au systme et linternaute un change rciproque dinformations. Navigation Navigation La navigation permet le regroupement logique et thmatique des liens contenus dans une interface. La mtaphore suggre le dplacement par lhypertexte (non-linaire) de linternaute dans linterface. Nomenclature de nommage Nomenclature Il sagit des conventions dcriture dfinies par le concepteur dune interface pour classer ou nommer de manire cohrente et explicite lensemble des fichiers composant un livrable.

Maquette fonctionnelle Functional requirements En conception, la maquette fonctionnelle formalise de manire dtaille lensemble des contenus, rubriquages et fonctionnalits prsentes sur un gabarit de page. Ce terme est parfois donn synonyme de Story-board. Microcontenus Microcontents Introduit par lergonome Jakob Nielsen, le terme microcontents dsigne des syntagmes courts (groupes de mots) qui permettent dexpliciter le macrocontenu (contenu ditorial dune page). Ce format est une transposition en ligne des techniques de la presse crite, notamment de la titraille (Voir le Livre Blanc que lagence La Mine consacre lcriture des contenus en ligne). Ainsi, les microcontenus dsignent plus prcisment les titres, sous-titres, chapeaux, accroches, lgendes etc. qui sont des lments essentiels dans un site web pour relancer l'intrt de la lecture et/ou inciter l'internaute effectuer certaines actions dans l'interface. Lire ce sujet : www.useit.com/papers/webw riting/ Personnages-types Personnas/personnae Les personnages-types sont des rfrents utiliss en conception pour la ralisation de scnarios dutilisation qui permettent dvaluer la pertinence dune interface en

infrant leur profil sociologique et psychologique. Process Process Le process formalise toutes les actions que lutilisateur peut effectuer dans linterface dans un objectif donn (achat en ligne par exemple) et les traitements associs (authentification et gestion des utilisateurs, notification des tches par messagerie lectronique etc.) Scenario Story-board Ltape de scnarisation intervient aprs la dfinition de la stratgie dun projet et en amont de la phase de ralisation graphique. Le scnario permet de dfinir de manire dtaille (contrairement au zoning) la structure, le dcoupage et les interactions de linformation dans une page ou dans une animation. Transversalit / navigation transversale Contextual browsing, prospective navigation La transversalit designe la possibilit pour linternaute, dans une page consulte, daccder des contenus complmentaires et thmatiquement pertinents par rapport lobjet initial de sa consultation dinformation dans linterface. Taxinomie / Taxonomie Taxonomy La taxinomie est la science du classement. En biologie, elle est utilise pour classer les tre vivants selon les familles et les espces. En

architecture de linformation, elle est exploite pour trier et archiver les contenus ou les tiquettes selon une hirarchisation arborescente. Usabilit / Utilisabilit Usability Lusabilit dun site est la facilit dutilisation et de comprhension de son interface par linternaute. Elle comporte deux critres principaux : - Utilisation satisfaisante du site : simplicit/intuitivit, efficacit, lisibilit - Logique de conception en cohnrece avec la logique dutilisation Utilit (dun site) Utility Lutilit dun site est sa capacit tre utile pour lutilisateur : la traduction fonctionnelle des objectifs du site est en cohrence avec les attentes et les besoins de lutilisateur. Terminologie / Etiquettes / Libells / Wording Labels Les tiquettes sont les mots utiliss pour construire un site. Ce sont en particulier les titres de fentre, les mots des menus de navigation, les liens, les descriptions dicnes, mais aussi les adresses de la page. Selon Franois Cartier, architecte de linformation, en parcourant un site, un utilisateur se forme un modle mental du site et les tiquettes font partie de ce modle. Les tiquettes sont considrs comme des indices qui guident lutilisa-

teur dans linterface, cest pourquoi la cohrence de la formulation et du registre lexical, ainsi que la clart sont des critres de qualit dun systme dtiquettes. Workflow Workflow Un workflow est la gestion automatique des flux dinformation dans le cadre dun processus de travail collaboratif. Il dfinit - le dbut et la fin du process collaboratif - les tches accomplir - les rgles de transition dune tche lautre - les rles des acteurs du processus - les informations et documents entrants et sortants Zoning Wireframe Le zoning est un livrable (gnralement au format PowerPoint) qui permet de dfinir les grands espaces dactions sur lesquels linternaute devra interagir. Contrairement la maquette fonctionnelle, il nest pas extrmement dtaill et permet de dlimiter les units minimales dinformation sur une page, leur organisation spatiale et leur hirarchisation.

droits dadministration. Il permet ainsi, selon ses caractristiques fonctionnelles et son paramtrage, de modifier les contenus textuels et iconographiques, de faire voluer larborescence du site, mais aussi de grer certaines tches relatives aux bases de donnes. Bandeau identitaire / ttire Page header, masterhead Le bandeau identitaire dun site reprsente gnralement la zone horizontale situ en haut de page, dans laquelle prennent place le logo et les lments (icono)graphiques qui incarnent la marque, ainsi quun message textuel sous forme daccroche. Barre de dfilement Scroll bar La barre de dfilement est une fonctionnalit du navigateur qui permet le dplacement vertical ou horizontal de laffichage du contenu dans une fentre. Elle permet dafficher des informations situes en dehors de la zone visible. Elle est matrialise par un curseur mobile le long dun axe situ aux extrmits de la fentre. On considre gnralement, dans une interface web, le dfilement horizontal comme proscrire. CMS, Systme de gestion de contenu CMS, Content Management System Un CMS est un outil dadministration qui permet de modifier, darchiver, dorganiser et de mettre en forme le contenu textuel et iconogra-

phique dun site, stock dans une base de donnes. Lavantage dun tel dispositif est quil permet de modifier le contenu dun site sans avoir coder ces modifications en HTML et de grer un projet de manire collaborative. Dynamique (site dynamique) Dynamic (website) Un site dynamique dispose dune base de donnes grce laquelle sont gnres de manire automatise des pages, partir de linterface dadministration (back-office). Il exploite les langages dits dynamiques (PHP, ASP sont les principaux) qui permettent notamment de rpercuter des modifications sur un grand nombre de pages en une seule fois. Par opposition, un site statique nexploite pas de base de donnes et nest pas mis jour de manire automatise. Les contraintes graphiques sont alors diffrentes, notamment au niveau des contenus du site, qui doivent ou pas tre administrables (utilisation ou pas de textes images pour les titres notamment). E-mailing E-mailing Lemailing est un message lectronique (texte ou HTML) caractre promotionnel et/ ou commercial, qui vise souvent fidliser les consommateurs. Son envoi aux internautes est automatis

Typologie des interfaces interactives

Back-office Back-office Le back-office design linterface de gestion dun site web, non-visible par linternaute, dont laccs scuris est rserv aux titulaires des

grce un systme de gestion de campagne e-mail. Extranet Extranet Lextranet est une interface scurise et prive accessible en ligne, souvent un portail, permettant une entreprise dchanger des donnes avec ses filiales, ses clients ou ses fournisseurs. Il est souvent dit que lextranet fait communiquer entre eux les intranets des entreprises. Front-office Front-office Par opposition au back-office, le front-office est la partie de linterface du site web qui est visible par lutilisateur. Ainsi, le front office comprend les images, le code HTML, la feuille de style, et les scripts associs au site. Icne de favori Favicon, favorites icon, page icon Une icne de favori est une image la taille standardise (16*16 px), place la racine dun site web. Elle saffiche dans la barre dadresse du navigateur, ainsi que dans sa liste de signets. Son rle est didentifier graphiquement un site dans une liste dadresses. IHM - Interface Homme-Machine HMI - Human Machine Interface En informatique, lInterface Homme-Machine dfinit linteraction entre lhumain et la machine par le biais principalement de lcran, du clavier, et de la souris. A ce

titre, les sites web sont des interfaces qui permettent lchange entre lutilisateur et le systme dans laccomplissement de tches, par exemple linscription une lettre dinformation ou une commande en ligne. Intranet Intranet Lintranet permet de partager des ressources et des informations utiles au sein dune entreprise ou dune organisation. Un intranet est ainsi un rseau local laccs restreint, rserv aux membres dune communaut donne. Il peut comporter de multiples fonctionnalits (annuaire interne, outils de reporting etc.) et une entreprise peut disposer de plusieurs intranet pour sadresser diffrentes communauts internes ou communiquer sur des projets diffrents. Lettre dinformation Newsletter Une newsletter est un message lectronique HTML ou texte envoy par une entreprise ou une organisation dans un but essentiellement informatif et ditorial. Elle informe des mises jour dun site. Elle peut comporter un volet promotionnel qui sera priphrique et secondaire par rapport au contenu du message. Sa priodicit est rgulire, contrairement aux emailing qui sont ponctuels. Elle peut tre envoy de manire trimestrielle (pour les lettres dinformation institutionnelles), hebdomadaire ou quotidienne (pour les mdias

dinformation). Elle permet ainsi de renforcer la relation entre les internautes et lentreprise mettrice du message. Mini-site Microsite, sitelet Le mini-site caractrise un dispositif de communication en ligne, destin promouvoir un produit, un vnement ou rpondre une situation de crise etc., gnralement de manire limite dans le temps. Ntant pas le dispositif de communication principal de lentreprise, le mini-site dispose dune architecture de linformation moins dense que le site de marque ou institutionnel auquel il est rattach. Il recourt souvent aux technologies flash, dans une recherche dimpact visuel maximum. Mise en page fluide Liquid layout fixed layout Une mise en page fluide permet aux dimensions dune interface de sadapter la rsolution dun cran ou lespace attribu dans la fentre dun navigateur. Les conteneurs/colonnes de la page sont alors dfinis en pourcentages et se redimensionnent la taille de la fentre du navigateur,contrle par lutilisateur. Pied de page Footer Le pied de page est une zone de liens secondaires situe en bas de linterface. Il comporte souvent des informations de crdits, mentions lgales, et/ou des liens redondants avec la navigation

principale, afin den faciliter laccs si le dfilement de la page est ncessaire pour y accder. Pop-up - fentre surgissante Pop-up Une pop-up est une fentre de navigateur souvrant au premier plan (automatiquement ou par clic), et dfinie par un format gnralement rduit dans le cas dune publicit. On peut ainsi tablir une subtile distinction entre : - la pop-up, qui programme louverture dune nouvelle fentre ne comprenant que la zone daffichage (publicit) - lopen window, qui dfinit louverture dune nouvelle fentre complte avec zone dadresse, fonctionnalits explorateur (impression et navigation) et zone daffichage. Portail Portal Graphiquement, le portail dfinit un archtype dinterface organise spatialement en U renvers, o lordonnancement des zones de contenu suit une logique de prsentation permettant dafficher une densit dinformation et de liens leve. Les deux principaux types de portail sont les portails ecommerce et les portails dinformation. Le portail est galement considr lorigine comme un point dentres thmatiques vers dautres sites (par exemple les moteurs de recherche).

Au sens technique, un portail est une application web qui permet la personnalisation de contenus et le paramtrage par lutilisateur de linterface. Pr-home, tunnel Splash-screen La pr-home est une page dont lutilit est de permettre lutilisateur deffectuer un choix de langue, de pays, et/ ou dorientation en fonction de son profil (ex : professionnel, particulier...) avant son entre sur la page daccueil dun site. Il distille galement parfois un message dintroduction, voire une animation, lutilit souvent conteste. Rsolution Resolution La rsolution, ou dfinition dun cran est caractrise par le nombre de pixels affichs en largeur et en hauteur. La rsolution standard actuellement admise est 1024*768 px. Site institutionnel Corporate website Il sagit dune typologie de site qui na pas de vocation premire tre promotionnelle ou commerciale, mais informative sur la nature et le fonctionnement dune socit ou dune organisation. Les principales thmatiques abordes dans un site institutionnel sont : - son organisation, ses dirigeants - son histoire, ses valeurs - la nature de ses activits, sa stratgie - sa communication (communiqus de presse) - ses finances

- le recrutement etc. Surface utile Useful area La surface utile dun cran est obtenue en retranchant de la rsolution standard (800*600, 1024*768 ...) lensemble des marges comprises par linterface du navigateur en configuration standard. Lapprciation de la surface utile dun site est primordiale pour des raisons ergonomiques (proscription du dfilement horizontal et limitation du dfilement vertical la valeur de 2 crans et demi) et la bonne visibilit des informations importantes. La surface utile dun cran en 800*600 est par exemple conventionnellement fixe 780*440 px. A noter que beaucoup dinterface sont optimises horizontalement pour la rsolution 800*600 en mme temps quelles sont optimises verticalement pour la rsolution 1024*768 (rsolution utile dans ce cas : 780*600 px).

Typographie / mise en page

Anticrnelage (crnelage) Antialiasing aliasing Lanticrnelage, ou antialiasing, est un procd qui permet de rduit leffet de pixellisation lcran dun lment graphique ou dun caractre, d la taille des pixels et un fort contraste entre eux. Appliqu la typographie, ce procd permet de distinguer dans une maquette les textes rendus

en images (lisss, qui ne sont pas ditables) des textes dits HTML (non-lisss, qui sont ditables dans le code et doivent recourir aux polices disponibles dans le systme de lutilisateur). Approche de caractre Fit Lapproche dfinit lespace entre deux lettres. Avec ou sans empattements Serif / non-serif Les empattements sont les terminaisons des lettres. Synonyme : serifs. Les lettres ne comportant pas dempattement sont appeles sans srif (lettres bton) Chasse Width La chasse correspond la largeur de la lettre. Pour le web, il est important de garder ce paramtre lesprit par souci de lisibilit et doptimisation en termes de surface dencombrement lcran. Composition en drapeau Unjustified setting Le mode de composition en drapeau indique que les lignes dun paragraphe de texte sont cales droite ou gauche, ou centres. Les textes ferrs droite ou centrs sont plus difficiles lire lcran sils comportent un nombre important de lignes. Composition justifie Justified composition Le mode de composition justifi est dfini par des longueurs de lignes cohrentes entre elles, identiques droite et gauche. Cest le mode de composition le plus utilis en France. Nan-

moins, pour lcran, ce mode de composition peut tre dconseill en raison de la frquente troitesse des lignes de texte, qui le rendent inesthtique. Corps Body Le corps est lunit de mesure, en pixels pour lcran, associe la hauteur de la lettre. Graisse Weight La graisse caractrise lpaisseur dun caractre, et toute la gamme des dclinaisons pour une police : ultralight, light, regular, book, medium, bold, extra-bold, heavy, black et toutes les polices condenses. Interlignage Line spacing Linterlignage mesure lespace qui spare deux lignes. Justification Justification La justification dtermine le mode de composition dun bloc de texte : justifi ou en drapeau. Police (fonte) Font La police dfinit un caractre dans un style donn : par exemple Arial ou Verdana.

defficacit et de qualit graphique, ergonomique, fonctionnelle, ditoriale etc. Le benchmark est une mthodologie qui permet ainsi de dclencher et dorienter avec plus de pertinence la phase crative, en hirarchisant les bonnes (et les mauvaises pratiques) caractrisant la communication en ligne dunes secteur dactivit donn. Brainstorm, sance de crativit Brainstorm Le brainstorm est une runion de travail dans laquelle chaque participant de lquipe projet est amen apporter de manire informelle et libre le maximum dides sur une problmatique donne pour la dfinition dun concept (de conception, ou graphique). Lobjectif est ainsi de stimuler la crativit en quipe, la slection des ides pertinentes seffectuant a posteriori. Brief cratif, instructions cratives Briefing Le brief cratif initie tous points de vue lintervention du concepteur et du directeur artistique sur un projet. Formalis et dtaill, le brief cratif comporte des informations sur lidentit, la communication et les valeurs du commanditaires, le contexte concurrentiel, les objectifs du projet, ses contraintes etc. Il formalise et synthtise le besoin du commanditaire du projet. Charte graphique Identity guide / Graphic charter Le document de charte graphique dfinit lensemble des

Etapes / lments dun projet web

Benchmark Benchmark Le benchmark traduit originellement lide dun point de repre. Dans le contexte dune analyse concurrentielle de site web, il consiste en une mthode de comparaison

rgles graphiques, iconographiques et typographiques respecter lors de lutilisation et/ou la dclinaison des supports de communication pour lidentit visuelle, le style graphique qui identifie une socit ou une organisation partir de ses valeurs. Elle est tablie en fin de projet et matrialise par un document lectronique et/ou papier qui reprend synthtiquement les indications de mise en forme du contenu (fontes, corps, pictogrammes, puces), de mise en page (ctes, marges, codes couleurs...), et les choix iconographiques. Dclinaisons graphiques Template design Les dclinaisons graphiques sont ltape du projet qui se situe dans le prolongement de la dfinition de lidentit graphique. Elles consistent maquetter, en cohrence avec lunivers graphique, les gabarits structurants de linterface, ainsi que les diffrents lments graphiques ncessaires (schmas etc.). Elles sont supervises et/ou ralises par le directeur artistique et/ou le webdesigner. Dcoupage Cut Le dcoupage est ltape du projet qui intervient une fois lensemble des gabarits graphiques valids, et qui consiste prparer le montage HTML (intgration HTML) en reprant, dans les grandes zones qui structurent un gabarit, les lments textuels ou (icono)graphiques matrialiser par des images. Ces images seront intgres en tant que telles dans le gabarit HTML pour lui donner ses

proprits graphiques telles que dfinies par la charte. Identit graphique Graphic identity Lidentit graphique dun site web est dfinie lors de la cration de la page daccueil et dun gabarit structurant (de page intrieure). Ils confrent au site sa tonalit, son univers graphique, et ses principes ergonomiques. Lensemble des dclinaisons sera ainsi ralis en cohrence avec les principes graphiques (structure, choix typographiques, ctes, marges etc.) dfinis par ces deux gabarits structurants. Identit visuelle Brand identity, corporate identity Lidentit visuelle rpond aux enjeux importants de la reconnaissance dune socit ou dune organisation par le public. Elle exprime de faon condense, travers un logo et des invariants graphiques et typographiques, lensemble des valeurs qui dfinissent une socit. (Daprs Le Logo, Coll. Que sais-je ? n3586, Benot Heilbrunn, P.U.F., 2001) Iconographie Iconography Liconographie designe le contenu visuel dans un dispositif de communication donn : illustrations, photographies qui servent traduire un message et des valeurs. Contrairement aux usages de la culture publicitaire, o les campagnes exploitent des photographies ralises sur-mesure, le directeur artistique web recourt presque systmatiquement aux agences et banques dimages et peut galement

exploiter liconographie issue des autres dispositifs de communication (off-line). Illustration Illustration Une illustration est un dessin, souvent vectoriel dans le contexte dun projet web, permettant de rendre plus clair et attractif un message, un concept, lutilisation dun produit... Livrable Deliverable Le livrable est le produit fini dun projet (par exemple : charte graphique), matrialis sous la forme dun document dans un format dfini lavance avec le commanditaire du projet. Les livrables graphiques sont de deux types principaux : les fichiers sources PSD et les gabarits HTML intgrs (comprenant ventuellement les SWF pour les Flash). Logo Logotype Le logo est un ensemble de signes graphiques et/ou typographiques non-anodins qui expriment lidentit dune socit ou dune marque, an de permettre sa reconnaissance auprs de ses diffrents publics. Il est ce titre considr comme llment identitaire le plus reprsentatif et globalisant de la communication dune organisation ou dune marque. Peu de logos sont conus pour sadapter tous les supports, et il faut parfois les adapter pour faciliter la lecture lcran dans le cadre de projets web, o la traduction graphique des enjeux identitaires ne peut pas laisser place

une interprtation approximative. (Daprs Le Logo, Coll. Que sais-je ? n3586, Benot Heilbrunn, P.U.F., 2001) Montage Coding Le montage est une phase de lintgration HTML qui correspond llaboration du squelette dun gabarit. Pour les pages intgres selon les standards W3C, ce squelette est constitu uniquement des balises smantiques et des contenus. Pour les pages non-conformes W3C, ce squelette est constitu de tableaux imbriqus, qui accueillent les textes et les images an de former un gabarit cohrent avec lidentit graphique dnie par la direction artistique. Optimisation (du poids des images) Optimization Cette phase de lintgration HTML a lieu au moment du dcoupage. Elle consiste enregistrer les images contenues dans une page partir du chier source PSD, et choisir leur format de compression (GIF,JPG, PNG). Lintgrateur HTML doit galement dnir leur niveau de compression pour obtenir un afchage de qualit satisfaisante et des chiers le plus lger possible. Pictogramme Pictogram Un pictogramme est la reprsentation graphique minimaliste et intelligible dune action (un inscription un service par exemple), dune fonctionnalit ou dune thmatique etc. Le pictogramme fait ce titre parti du systme

signaltique dun site web, et se distingue dune illustration ou dun logo, car son objectif est daider linternaute identiter linformation quil cherche. A noter que lutilisation trop systmatique de pictogrammes sans lgende dans une interface interactive est viter car elle rend complexe la comprhension densemble dune page. Piste crative Design comp(rehensive), design direction Une piste crative matrialise linterprtation graphique par un directeur artistiquedun message et/ou dune problmatique marketing. Ce nest souvent pas un produit fini, mais un document de travail volutif. Planche de tendances Trend board Plus ou moins formelles, les planches de tendances sont des livrables raliss en amont dun projet. Sous format lectronique ou sous la forme dimages assembles et contre-colles sur cartonplume, les planches de tendances compilent de manire thmatique photographies, recherches graphiques, ambiances chromatiques etc. afin dorienter et de dfinir une tonalit graphique. Cette phase de recherche se fait en dehors de toute considration fonctionnelle ce stade et permet, sans formaliser linterface, denvisager manire abstraite la dfinition dun univers graphique. Signaltique Signing, symbol signs La signaltique designe lorigine un ensemble de supports qui matrialisent

limage dune entreprise et permettent dorienter un visiteur dans un espace. De mme, dans un site web, la signaltique se rfre aux lments graphiques qui aident au guidage de lutilisateur dans linterface, principalement les pictogrammes, et des lments graphiques comme les flches et les puces.

Mtiers du design interactif

Architecte de linformation Information architect Larchitecte dinformation intervient en amont de la conceptualisation et de la ralisation graphique, pour dfinir la structure dun site (livrable : arborescence) et lorganisation de linformation dans les gabarits (zoning, maquette fonctionnelle, workflow...). Concepteur-rdacteur Copywriter Dans un projet web, le concepteur-rdacteur intervient pour dfinir le concept dun site ou dune campagne de publicit interactive. Il rdige galement les accroches, les liblls et les contenus ditoriaux du dispositif. Directeur artistique web Art director Le directeur artistique participe avec le concepteur-rdacteur et larchitecte de linformation la formalisation des concepts dans les rponses cratives proposes au commanditaire dun projet. Il traduit graphiquement, partir du brief, les objectifs marketing et communication dun projet. Les livrables quil labore sont le

trend board, lidentit graphique, le document de charte graphique. Le directeur artistique explique et argumente ses partis-pris cratifs en fonction des objectifs et des contraintes techniques. Selon la taille et lorganisation de lagence dans laquelle il travaille, cest un manager dquipe. Il gre la production des dclinaisons des gabarits dun site par les webdesigners/graphistes/flasheurs. Il effectue un suivi prcis sur les livrables HTML pour garantir la cohrence du design dans lensemble des pages dun site. Directeur de cration Creative director Le directeur de cration est un manager, hirarchiquement responsable de lensemble des cratifs, directeurs artistiques, concepteurs-rdacteurs, webdesigners etc. On considre gnralement que cest la notion dquipe qui fait natre la fonction de directeur de cration. Lun de ses rles essentiels est de servir dinterface entre les cratifs, les commerciaux, les consultants, et le client. Le directeur de cration labore la stratgie crative de lagence dans ses rponses aux comptitions et sur les projets. On le considre parfois galement comme le responsable du style dune agence, laquelle il confre une identit crative. Designer sonore Sound designer Dans le cadre de projets web, le designer sonore compose ou exploite des boucles (chantillons musicaux rptitifs) pour ponctuer les actions de lutilisateur

dans linterface et/ou confrer une identit ou une ambiance un concept, une marque. Ergonome Ergonomist Lergonome intervient en amont dun projet pour dfinir les problmes dutilisation lis linterface du site web. Pour cela, il fait appel un ensemble de critres qui dterminent la facilit dutilisation dun site : logique, capacits mnsiques, ciblage du bon destinataire, cohsion... Graphiste Graphic designer Selon La charte du graphisme, Syndicat des graphistes, 1995, le graphiste est un professionnel de la communication qui conoit, met en forme et coordonne la ralisation dun processus de communication visuelle, la demande dun commanditaire. Pour cela, il est amen proposer des solutions conceptuelles et stratgiques adaptes aux problmatiques de ses clients. Intgrateur HTML Web developer Lintgrateur HTML intervient en aval de cration graphique des gabarits du site. Son rle est de dcouper et doptimiser lensemble des images partir des fichiers sources de linterface, et de monter la structure de la page (codage HTML de lensemble des lments visuels et textuels). Il ralise galement des tests de compatibilit sur diffrents navigateurs. Il est galement le garant du poids des pages.

Web designer Web designer Le terme de webdesigner est polysmique en fonction de son contexte anglo-saxon ou franais et galement de la culture/organisation de lagence. Dans le contexte anglo-saxon, il comporte une connotation la fois crative et technique (codage, programmation), qui englobe la ralisation HTML et Flash. Dans le contexte franais, ses attributions relvent davantage de la cration et des dclinaisons graphiques partir de lidentit graphique dfinie par le directeur artistique, auquel il est souvent hirarchiquement rattach. Webmaster Webmaster Le webmaster est en charge de la vie du site aprs sa cration. Il peut intervenir aussi bien sur les mises jour ditoriales que graphiques (cration de nouveaux gabarits si besoin) et techniques (intgration HTML, dveloppement lger en PHP, JavaScripts etc.). Il est souvent le destinataire principal du document de charte graphique.

Formats de chiers, langages, units de mesure

ActionScript Laction script est le langage de programmation orient objet de Macromedia Flash. Driv du langage orient objet Javascript, il permet dassigner des comportements au document et aux objets (graphiques, vido, sonores), allant du plus simple au plus sophistiqu et de

crer ainsi un large spectre de fonctionnalits et deffets. .AI Adobe Illustrator Format propritaire de Adobe Illustrator pour lenregistrement de documents dimages vectorielles. .CSS (Feuilles de style en cascade) Cascading Style Sheets Norme avance du HTML 4.0, initie et conduite par le W3C, qui facilite la mise en page des documents (X)HTML, grce au principe dhritage des styles. Les CSS rendent possible la sparation de la structure smantique du code (en HTML) et les proprits graphiques de linterface. Il sagit notamment des proprits de mise en forme du texte, la position et la dimension des blocs etc. Les CSS DHTML Dynamic Hyper Text Markup Language Le DHTML permet de rendre les pages Web plus dynamiques sans faire appel des programmes extrieurs comme les plugs-in. Le DHTML nest pas un langage propre: il dsigne des pages web dynamiques. Cest la combinaison de feuilles de styles (CSS), de scripts (Javascripts pour la plupart) et dobjets (DOM). DPI (Points par pouce) Dots-per-inch Le DPI est lunit de mesure de la rsolution dune image limpression et lcran. Plus la valeur en DPI est leve, plus la rsolution dune image est ne. Pour limpression, une image est tradition-

nellement dnie en 300 DPI. Pour lcran, une image est systmatiquement dnie en basse rsolution, soit 72 DPI. .EPS Encapsulated PostScript Format mixte denregistrement dimage dvelopp par Adobe qui comporte une image bitmap (TIFF) de basse rsolution pour la prvisualisation et une image vectorielle en haute rsolution qui permet les impressions sur les imprimantes PostScript. Si limage est imprime sur un autre type dimprimante, cest la version basse dnition qui est utilise. .GIF Graphic Interchange Format Cr par CompuServe, le GIF est un format dimage compress trs largement rpandu sur internet. Il permet denregistrer les lments graphiques dune interface sans perte de qualit. Il dispose dune palette limite 256 couleurs et de la transparence, cest pourquoi on lui prfre le JPEG pour lenregistrement de photos. Le GIF anim a t trs utilis dans les campagnes de publicit en ligne, mais tend tre supplant par Flash, en raison de ses possibilits dinteractivit plus tendues. .HTML Hyper Text Markup Language Le HTML est le langage interoprable de balisage hypertexte qui permet la cration de documents affichables par un navigateur web. Il comporte des balises dcrivant la smantique du contenu (<h1>...<h6> pour les niveaux de titre, <p> pour un

paragraphe) et du contenu textuel brut. Le HTML nest pas destin contenir les proprits de mise en page (Voir CSS). Cest pourquoi lutilisation de tableaux doit tre limite aux donnes tabulaires. HTML a t conu lorigine pour tre un langage dchange de documents scientifiques et techniques, dont les capacits multimedia ont t ajoutes postrieurement. .JPEG Joint Photographic Experts Group Le HTML est le langage interoprable de balisage hypertexte qui permet la cration de documents affichables par un navigateur web. Il comporte des balises dcrivant la smantique du contenu (<h1>...<h6> pour les niveaux de titre, <p> pour un paragraphe) et du contenu textuel brut. Le HTML nest pas destin contenir les proprits de mise en page (Voir CSS). Cest pourquoi lutilisation de tableaux doit tre limite aux donnes tabulaires. .BMP Bitmap Format dimage dvelopp par Microsoft et IBM, compose dune matrice de points lmentaires appels pixels, et reconnaissant notamment les modles de couleur RVB. Ntant pas un format compress, ce format nest pas utilis sur le web. JavaScript Ce langage orient objet, driv de Java, a t cr par Netscape et Sun en 1995 pour dvelopper des applications internet, et tendre les

possibilits du langage HTML. Permettant dcrire de petits programmes, Il est trs souvent utilis pour enrichir fonctionnellement les pages web. .PDF Portable Document Format PDF est un format propritaire (Adobe) de chier electronique compatible avec toutes les plateformes, utilis pour lchange de documents. Il permet notamment de conserver la mise en page et les proprits graphiques dun document et supporte les liens hypertextes. .PNG Portable Network Graphics Le PNG est un format dimage libre de droits, cr en 1996 pour se substituer au format propritaire GIF et certains usages du .TIFF. Tout comme le GIF, il ne dgrade pas la qualit des images et a t spcialement conu pour les usages du web. Il est adapt aux images simples comportant peu ou pas de dgrads et gre la transparence et la translucidit (diffrents niveaux de transparence). Il supporte lensemble de lespace RVB (soit 16,7 millions de couleurs). RVB (Rouge, vert, bleu) Red, Green, Blue Le RVB est un format de codage des couleurs, utilis pour tous les documents destins afchage cran, par opposition au CMJN (Cyan, Magenta, Jaune, Noir), destin aux sorties papier. Le RVB a t cr en 1931 par la C.I.E. (Commission Internationale de lEclairage).

Il sagit des trois couleurs primaires monochromatiques. Le RVB utilise un systme additionnel en bits pour spcier la couleur dun pixel sur lcran. Plus la valeur en bits est leve, plus le nombre de couleurs diffrentes possibles augmente. La plus basse intensit est forcment de 1 bit (afchage monochromatique) : si sa valeur est 0, le pixel est dsactiv (donc noir), si sa valeur est 1, le pixel est activ, donc blanc. Pixel Pixel De langlais picture element. Il sagit dun carr lumineux constituant llment de base dune image numrique. Le nombre de pixels dtermine la taille et la rsolution dune image. TIF / TIFF Tagged-Image File Format Le TIF est un format dimage numrique sans perte de qualit, cr par Microsoft et appartenant aujourdhui Adobe. Il est compatible avec toutes les plateformes et principalement utilis pour les images hautes dnitions. Il nest pas destin au web. PSD PhotoShop Data Le PSD est le format dimage natif dAdobe Photoshop comportant lensemble des calques sur lesquels sont repartis les lments graphiques de limage. Le PSD supporte tous les modes dimages disponibles (bitmap, niveaux de gris, couleurs indexes, RVB, CMJN etc.). Il est souvent mentionn dans la liste des livrables dun projet web comme le

chier source pour la cration graphique. SWF SockWave Flash Le SWF est un format de publication dimage vectorielle anime natif de Macromedia Flash, introduit en 1997. Pour tre lu dans un navigateur web, un SWF ncessite le plug-in Macromedia Flash Player. Le SWF supporte ActionScript, le son et dsormais la video. Son concurrent est le format SVG, fond sur XML, et open-source. Vectoriel Vector format Un chier vectoriel dcrit son contenu laide de vecteurs (fonctions mathmatiques) et non une grille de pixels comme le format BMP. Lintrt principal des chiers vectoriels est la possibilit de redimensionnement sans altration de la qualit de limage pour un poids en Ko trs faible. Des logiciels comme Adobe Illustrator, Macromedia Freehand ou Macromedia Flash MX utilisent ce format de chier. XHTML eXtensible Hypertext Markup Language XHTML est un langage balis, comme le HTML, servant lcriture de pages web. Cest est une reformulation de HTML 4 en XML, qui lui permet de supporter ce langage. Le XHTML est ainsi considr comme la prochaine tape de lvolution dinternet.

Intgration HTML
Navigateur moderne Modern browser

On qualie de "modernes" les navigateurs prsentant un excellent support des standards du Web, et offrant souvent des fonctionnalits ergonomiques (navigation par onglet, blocage des fentres surgissantes, etc.) par rapport au navigateur actuellement le plus utilis, Microsoft Internet Explorer pour Windows. Parmi les plus connus se trouvent Mozilla Firefox, Opera 8 et Apple Safari 2. On les oppose gnralement aux premires versions des navigateurs. Code smantique Semantic code Le (X)HTML se compose de nombreuses balises, chacune de ces balises tant destine indiquer la nature du contenu qu'elle encadre (pour les versions strictes du HTML et du XHTML). C'est ce qu'on appelle le code smantique. Il existe ainsi des balises pour indiquer un titre (<h1>, <h2>); des balises pour indiquer des listes (<ul>, <ol>,) ; des balises pour indiquer un paragraphe (<p>), une citation (<blockquote>), un tableau de donnes (<table>), un bloc regroupant plusieurs contenus (<div>), etc. On oppose le codage smantique la mthode dintgration qui exploite les multiples imbrications de tableaux pour rendre la mise en page, dtournant ainsi la vritable smantique du HTML des ns de prsentation. Feuille de Style Style Sheet Une feuille de style est un document structur qui dnit un ensemble d'attributs de mise en forme pour le texte,

les paragraphes, et la structure dune page. Voir CSS. Contenu alternatif Alt(ernative) content Le contenu alternatif, dni par la proprit ALT, dcrit textuellement ce que reprsente une image, et s'afche la place de celle-ci dans les navigateurs non graphiques ou lorsque l'lment n'a pas pu tre charg dans le navigateur (chier inaccessible ou afchage volontairement dsactiv). Validation W3C W3C Validation Le World Wide Web Consortium (W3C) est une orgnaisation fonde en octobre 1994 charg de dnir les normes (appeles recommandations) du World Wide Web telles que HTML, XHTML, XML, CSS, etc. La validation consiste utiliser l'outil "validateur" (il existe un validateur pour chaque norme) accessible sur le site du W3C qui dterminera si le document respecte entirement ou pas les normes. Un document est dit valide lorsqu'aucune erreur n'a t dtecte par le validateur.

Bannire extensible Expand banner La bannire extensible est un format interactif qui est scnaris en deux tapes : une premire scne teasing dans un format standard (souvent 468*60 px) et une seconde scne de rvlation dont les dimensions sont agrandies (x5), lorsque lutilisateur survole la bannire avec la souris. Ce format est jug trs intrusif en raison de ses dimensions, qui entravent souvent la navigation. Billboard Billboard, large rectangle Le Billboard est un format publicitaire non-standard de 336*280 px. Relativement instrusif de par ses dimensions, qui lui donnent son nom, et son emplacement central, il est souvent en ash. Bouton Button ad Le bouton fait partie des plus petits formats publicitaires faible efcacit et ne comporte pas de rels objectifs de clics mais offre une certaine visibilit, quoique rduite, la marque. La crativit y est quasi-nulle, cest pourquoi il est essentiellement utilis en complmentarit avec dautres formats. Il a ainsi tendance se fondre dans les pages. Les formats : 120*90 px (Button 1), 125*125 px (Square button), 88*31 px (micro bar), 234*60 px (Hal banner). Flash transparent Over-the-page, floating ad Le Flash transparent est un format publicitaire anim aux

Publicit interactive
Bannire, bandeau Banner Apparue pour la premire fois en 1994, la bannire est un format publicitaire, anim ou statique, dont lune des dimensions standards (xes par lInteractive Advertsing Bureau, IAB) est de 468*60 px. Cliquable, limage, en GIF ou en Flash, pointe vers une page du site de lannonceur (Landing page, littralement, page datterrissage).

dimensions libres, relativement instrusif, qui vient se superposer au contenu du site support et se dplace parfois dans la fentre. Son effet de surprise et ses possibilits cratives sont intressants. Nanmoins, son message est gnralement format de manire ce que son apparition ne dpasse pas 6 secondes pour ne pas pnaliser linternaute dans sa lecture ou sa navigation. GIF anim Animated GIF Le GIF anim est lassemblage de plusieurs images en un seul chier, qui safchent successivement (quelques secondes entre chaque image) en donnant lapparence du mouvement un message. Il a depuis t supplant par Flash pour ses possibilits danimation moins contraignantes en termes de poids et de crativit. Gratte-ciel Skyscraper Le skyscraper est un format publicitaire vertical, de 120*600 px, 160*600 px (format IAB, Wide Skyscraper), ou 300*600 px (Half page Ad). Son emplacement de prdilection est la colonne de droite dans un portail. Habillage (de site) Skin Lhabillage de site est davantage un dispositif quun vritable format publicitaire. Il consiste reprendre des lments didentit visuelle dun annonceur, notamment ses couleurs et son logo, pour donner un aspect personnalis aux pages dun site ou une lettre dinforma-

tion. Ce type de dispositif peu intrusif est gnralement utilis en complmentarit avec dautres formats. Interstitiel Interstitial, between-the-page Linterstitiel est un cran standard IAB de publicit de grandes dimensions (800*600 px), afch entre deux pages pendant quelques secondes. Cela en fait un des formats publicitaires les plus intrusifs. Mdia enrichi Rich-media Le rich-media designe les formats publicitaires lourds (car ils ncessitent un certain temps de chargement), souvent en streaming, qui exploitent la vido, le son, et/ou Flash, dans un temps limit 30 s. Certains de ces formats permettent linteraction avec les utilisateurs. Les principaux formats rich-media sont les out of the box, lexpand banner, et le Flash transparent. Pop-ender Pop-ender Les pop-enders sont des pops-ups qui se cachent derrire la fentre principale de navigation, et que lutilisateur ne dcouvre quune fois termine sa navigation. Pop-under Pop-under Le pop-under est une fentre qui s'ouvre et qui disparat immdiatement sous la fentre en cours. L'internaute la dcouvre en fermant son navigateur. Le pop-under se lance depuis une page en particulier (home, tte de rubrique). Tous les formats,

jusqu' un site entier, sont possibles. Pop-up Pop-up Il sagit dune fentre qui souvre par-dessus la page visite ou quitte, quelle recouvre partiellement. Le pop-up est un format publicitaire trs instrusif, dont limpopularit gale lefcacit chez les internautes. Superstitiel Superstitial Ce format publicitaire est un interstitiel dans lequel on trouve des lments richmdia (son et vido).