Cyril Codogno Concepteur centré utilisateur / Architecte d'information. Book.08

Transcription

1 Cyril Codogno Concepteur centré utilisateur / Architecte d'information Book.08

2 Cyril Codogno 25 rue du Bizet Argenteuil / cyril.codogno@gmail.com 27ans - Permis B Site perso ( en cours ): Trois années d'activité dans une société spécialisée dans la conception et l'évaluation de sites Internet m'ont permis d'acquérir une très bonne connaissance des métiers du Web. Chacune de mes missions étant personnalisée en fonction de la problématique et des attentes du client, mon intervention s'articule autour de 5 grandes étapes : 1. Mise en place du planning d'intervention 2. Prise de connaissance des problématiques clients 3. Conception centrée utilisateur 4. Evaluation de la solution 5. Spécificité technique D'autre part, mes compétences en gestion de projet me donnent notamment la possibilité d'encadrer des équipes de collaborateurs provenant d'horizons divers (ergonome, concepteur, graphiste, développeur, etc.). Mon ambition professionnelle me pousse à rechercher de nouvelles idées, des solutions innovantes et des concepts de travail créatifs. Compétences Graphic design : Illustrator, Photoshop, InDesign Programmation : HTML/CSS, Javascript, PHP, Flash AS2 Suite Office : Powerpoint, Word, Excel Notions : 3dsmax, Cinéma4d, Adobe Premier, Encore DVD Expériences professionnelles Architecte d'information Société Digitas ( Business Interactif ) à Neuilly-sur-Seine - Formalisation des axes de conception pour les appels d'offres - Spécification du périmètre fonctionnel et suivi des choix de conception - Recommandation et évaluation ergonomique Concepteur centré utilisateur / Architecte d'information Société Axance à Pantin - Analyse et définition de l environnement du projet - Conception fonctionnelle (scénarisation des contenus, structure de navigation...) - Prototype fonctionnel (scénarii de test et démonstrations commerciales) - Gestion de projet - Encadrement et formation des équipes de conception Web Designer Contrat de professionnalisation au sein de la société Axance Formation Réalisation de templates généraux et intégration en HTML/CSS - Codage Javascript et développement de prototype fonctionnel - Déclinaison graphique à partir d'une charte existante - Assistant concepteur web Concepteur/réalisateur multimédia Contrat de professionnalisation à Efficom Paris Bastille Contenu de la formation : édition Internet/Intranet, conception et gestion de projet D.U.T Services et réseaux de communication à l'iut de Bobigny Matières enseignées : programmation Web, Infographie, Analyse filmique et scénario, Création et gestion de projet

3 Sommaire Méthodologie Planifier... 05? Comprendre L'existant Profils utilisateurs Etude concurrentielle Positionnement Concevoir Scénario utilisateurs Concept model Structure de navigation Arborescence du site Grille fonctionnelle Graphic Design Evaluer Spécifier

4 Méthodologie Il existe plusieurs niveaux d'intervention pour un architecte d' information. De la définition des profils utilisateurs à la rédaction du cahier de conception, chacune des missions est personnalisée en fonction de la problématique et des attentes du commanditaire. Un habillage graphique seul ne suffit pas pour réaliser un site utile, utilisable et engageant. 2 - Comprendre Etablir une base solide à la refonte ou la création du service - Etudes quantitatives - Analyse de l'existant - Evaluation ergonomique - Besoins et profils utilisateurs - Environnement concurrentiel - Positionnement stratégique 4 - Evaluer Tester la solution en situation réelle pour maximiser l'adoption - Scénario de test - Prototype fonctionnel Business 1 2 Si la phase d'évaluation présente des érreurs de conception : retour en phase Utilisateur Technique 3 Habillage graphique 1 - Planifier Organiser l'intervention de manière détaillée - Objectifs - Planing détaillé - Protocole de gestion 3 - Concevoir Designer l'expérience utilisateur la plus adaptée aux objectifs 5 - Spécifier Décrire en détail la solution pour le développement - Cahier de conception - Charte graphique - Scénario utilisateur - Structure de navigation - Arborescence du site - Zoning et grille fonctionnelle - Adaptation graphique 04 Méthodologie

5 Planifier Cette phase permet d'évaluer les forces et les faiblesses du projet, d'établir le périmètre d'intervention et de mettre en place les conditions de succès. Organiser l intervention de manière détaillée pour un respect des charges. Redéfinition claire des objectifs de l intervention Planning des interventions et suivi précis du projet - Initialisation d une liste des fonctions afin de valider le périmètre de la mission. - Prise en main de l environnement et des contraintes techniques et métier. Problématique du projet - Prévoir les intervenants, les temps alloués à chaque phase et la mise en place des outils de suivi de la charge consommée. Protocole de gestion Mettre en place les protocoles de communication, circuits de validation ainsi que les rôles et responsabilités de chacun des intervenants. 05 Planifier

6 ? Comprendre L'existant Profils utilisateurs Afin de réaliser le service qui répond parfaitement aux attentes du commanditaire, il est important de comprendre tous les mécanismes à mettre en place lors de la conception. Etablir une base solide à la refonte du service. - Recenser tous les contenus existants afin d en estimer la qualité, la volumétrie et son organisation. - Définir la cible, les usages courants ou attendus du service en fonction des besoins utilisateurs. Etude concurrentielle - Analyser les fonctions présentes sur des services concurrents ou connexes. Positionnement Décliner la stratégie générale du service pour le rendre compétitif. 06? Comprendre

7 ? L'existant Effectuer un diagnostic ergonomique du service existant, recenser le contenu et comprendre sa logique d organisation. Capitaliser sur les points forts de l existant et révéler les leviers d optimisation. Extrait du rapport d'évaluation ergonomique pour Wat.tv. L évaluation est construite sur une base de critères standards en ergonomie cognitive : - Compréhension de la logique de navigation - Compréhension des menus et de la mise en place des rubriques - Densité d information - Mise en page et lisibilité - Pertinence et compréhension des symboles 07? Comprendre

8 ? Profils utilisateurs Ils permettent de mieux comprendre et d anticiper les attentes des prospects. Ils donnent une image réaliste et vivante des clients du site. A partir des informations recueillies dans les différentes études de marché et les ateliers de travail, nous pouvons définir 5 à 7 profils utilisateurs représentatifs de la cible et une liste de fonctions organisées par priorité. 2 4 Définir les attentes et les besoins réels des utilisateurs pour en définir leurs usages courants ou attendus. 1 3 Extrait des profils utilisateurs pour Téléshopping. Ces profils comportent : 1. Des données sociologiques (Prénom, sexe, âge, lieu de résidence, statut social...) 2. Objectifs et attentes du site visité 3. Modes de consommation habîtuels 4. Niveau d'expertise web 08? Comprendre

9 ? Etude concurrentielle Point de départ de tout projet, l étude de l'environnement concurrentiel permet de prendre les mesures de l environnement des utilisateurs ciblés. C'est une analyse détaillée des fonctions présentes sur des services concurrents ou connexes. A l issue de cette analyse, les informations et données collectées permettent d'identifier les bonnes et les mauvaises pratiques, les contre-exemples et les éléments de différenciation. Disposer d une vue exhaustive du marché, en matière d offre de services, de positionnement et d innovation. Extrait du mur de captures pour Wat.tv.? 09 Comprendre

10 ? Positionnement Sur la base de l ensemble des conclusions des tâches précédentes, on peut : - Définir les objectifs business du futur service - Qualifier le positionnement concurrentiel envisagé - Obtenir un consensus sur la stratégie à mettre en place avec l'ensemble de l'équipe dirigeante du projet Toute conception nécessite une vision stratégique claire pour rendre son offre compétitive. Com Services Identifiés PRIVE Navigateurs Gestions Bloc notes Collaboratif Communautaire Diffusion bookmarks Partage IE Safari Firefox Foxmark MOI RESTREINT N+10 N+50 N+oo Instant messengers / Alertes Chat room Forums Memotoo Delicious Stumble upon Google Bookmarks Clipmark Configuration Google Notes Blogger Google Cal Wiki Xing Facebook Linked In Popularité du membre My Space Wat.tv Flickr PUBLIC Youtube Blogger Popularité du contenu J'indexe Utile Je diffuse Viralité Principales Fonctionnalités Yoono actuel xx Chemin critique Yoono Maîtrise de ses centres d intérêts Tags & Catégorisation Organiser en dossier sous dossiers Suggestions actives Invisible pour l utilisateur Noter la qualité du contenu Qualité du contenu 04 Personnalisation de l image publique Caution personnelle Créer des flux Partage avec des amis Editer Modifier Animer des groupes 05 Consulter des flux 06 Incarnation Directory Suggestions passives 01 Diffusion inconsciente Je recherche facilement Yoono Recos Auto Allimentation 10 Extrait de la pyramide de fonction pour Yoono. Extrait du continuum concurentiel pour Yoono.? Comprendre

11 Concevoir Scénariser le contenu Définition de la navigation La phase de conception se découpe en 4 étapes clé - Scénarisation du contenu - Définition de la navigation - Architecture de l'information Scénario utilisateur Concept model Structure de navigation Arborescence du site - Graphic design - Structurer l information et les fonctionnalités autour de scénarii. Designer l'expérience utilisateur la plus adaptée aux objectifs. - Représenter l organisation de l information par univers. - Définir une vue précise de l ensemble du futur service. - Schématiser la navigation entre les sections et les pages. Grille fonctionnelle Graphic design Zoning Storyboard High level Tendances graphiques Adaptation graphique - Définir un découpage précis de l interface en grandes zones d informations. - Etablir la structure des écrans en précisant le type de contenu par zone de lecture. - Adapter l'image de marque à travers des essais de tendances graphiques. - Adapter la tendance choisie à quelques écrans clefs. 11 Concevoir

12 Scénario utilisateur Commander un produit du catalogue Structurer l information et les fonctionnalités autour de scénarii d usage permet d assurer une bonne adoption finale. S H OPPING URL catalogue téléphone magasin A partir des profils utilisateurs représentant la cible du site, nous pouvons établir une quinzaine de scénarii qui simulent les comportements des utilisateurs sur le site en fonction de leurs profils. A chacun de ces profils utilisateurs nous pouvons associer une série d'actions à mener sur le site afin d'en déterminer les fonctionnalités clés. Construire le chemin le plus adapté pour répondre aux questions que se pose l utilisateur. René, 68 ans Limoges, Retraité, Marié, 2 enfants, 6 pt-enfants... souhaite acheter pour sa femme le nouveau mixeur qu il a repéré dans le catalogue Téléshopping. Page Quick Buy Je commande avec la référence produit Page «famille produit» Je clique sur le produit Je clique sur la famille du produit Page produit Page d accueil Moteur de recherche Je clique sur le produit Moteur de recherche avancé Résultats de recherche usages, produits, animateurs Je clique sur «plus de critères» WAP Moteur de recherche avancé J applique une nouvelle recherche Je clique sur «commander» Je clique sur «commander» Page Push Produit Comparateur de prix Je clique sur continuer Processus d achat Parmi les scenarii les plus pertinents et les plus fréquents, nous avons retenu ceux-ci : - Acheter un produit de l émission du jour - Effectuer une commande rapide - Suivre mes commandes - Revoir un truc & astuce - Commander un produit du catalogue - Donner un avis sur un produit - Accéder à la sélection de Gérard Etc. 12 Extrait des scénarii utilisateurs pour Wat.tv. Extrait des scénarii utilisateurs pour Téléshopping. Concevoir

13 s Concept model A partir des profils utilisateurs et de leurs usages mis en scène aux travers des scénarii, nous pouvons définir les axes majeurs d accès à l information. Ils sont représentés ici sous forme d'un concept model qui permet de formaliser la carte du futur site. Google Homepage Trucs et astuces Univers Directory Mon Compte Contacts Représenter l organisation de l information par univers. Newsletter m a t i o n s c o m m e r c i a i n l e OK Shopping Landing page Emission A Recherche Reportqges Evénement Ephémérides Edito Sommaire Actualités Articles ( A la une ) Observer ( Le ciel ) Météo Rendez-vous céleste la carte du ciel Commande Aide Article PDF Magazine Papier Archives Magazine numerique Accès payant / gratuit Contenus Podcasts Recherche Rich Medias Images Téléchargement Aides Images Extrait du concept model pour Téléshopping. Podcasts cieletespace.fr Blogs Videos Web Videos Papier Abonnement Abonnements Contenus Commerce Boutique Galeries marchandes partenaires Vente à l'article Voyages Extrait du concept model (bubble map) pour ciel et espace. Communauté Forum (wiki) Blogs Images Ce model présente l'ensemble des espaces du services. Quatre d'entres eux sont prédominants et ont un seul et même objectif : amener l'utilisateur vers la fiche produit puis vers la commande : 1. Emission 2. Univers (plus important, enclobe la partie Truc et astuces) 3. Directory 4. Recherche 13 Concevoir

14 Home Catalog My quotes (16) My current vehicle Options Eric Smith Category 1 Peugeot 207 Urban HDi Mr Smith My account l Logout > My quotes (3) l Car policy Modify Products and services Change Home Catalog My quotes (16) Push Vehicle model BMW Serie 3 Mercedes SLK AMG Audi TT Mercedes SLK AMG Audi TT Mercedes SLK AMG Vehicle model Vehicle model Mr Smith My account l Logout > Modify Modify Modify Modify Modify Modify Mr Smith My account l Logout > Vehicle model Product details Product details Product details Product details Push Compare Home Catalog My quotes (16) Configure Order Configure Order Configure Order Configure Order Configure all Search Options Services Type Make Model Variant Push Push Checkout 18 vehicles Mr Smith My account l Logout > Mr Smith My account l Logout > Vehicle model Vehicle model Vehicle model Mr Smith My account l Logout > Mr Smith My account l Logout > Home Catalog My quotes (16) Home Catalog My quotes (16) Home Catalog My quotes (16) Home Catalog My quotes (16) Push Mr Smith My account l Logout > Mr Smith My account l Logout > Home Catalog My quotes (16) Home Catalog My quotes (16) My quotes (3) l Car policy Home Catalog My quotes (16) Home Catalog My quotes (16) Search Overview Equipment Services Checkout Search Overview Equipment Services Checkout Search Overview Equipment Services Checkout Search Overview Equipment Services Checkout Filter BMW Serie 3 Mercedes SLK AMG Audi TT Mercedes SLK AMG Audi TT Compare Standards vehicles Home Catalog My quotes (16) Search Technical details Push Options Services Type Make Model Variant Push Vehicle selected Product information Checkout 18 vehicles Configure Mr Smith My account l Logout > Standards vehicles Vehicle model Vehicle model Vehicle model Mr Smith My account l Logout > Selected vehicle Contract period Annual Mileage Save this quote > Order now Home Catalog My quotes (16) Search Option equipment Standard equipment Paint Options family 1 Options family 2 Options family 3 Options family 4 Options family 5 Options Included in your car policy Included in your car policy Push Services Upholstery Checkout Extra Extra 18 vehicles Mr Smith My account l Logout > Standards vehicles Vehicle model Vehicle model Vehicle model Selected vehicle Contract period Annual Mileage Save this quote > Order now Services family 1 Services family 1 Services family 1 Push Home Catalog My quotes (16) Search Technical details Your options Push Overview Modify Equipment Vehicle selected Product information Your services Services Modify Modify Mr Smith My account l Logout > Selected vehicle Contract period Annual Mileage Save this quote > Order now Mr Smith My account l Logout > My quotes (3) l Car policy Checkout Selected vehicle Contract period Annual Mileage Save this quote > Order now Home Drivers Catalog Saved quotes (16) Orders (5) Search New quote Edit 5 new requests Edit Eric Smith Cat. 1 Annual mileage Contract period Details Type Make Model Variant Susan Mayer Cat. 3 Bree Van de Camp Cat. 4 Saved quotes Edit Madeline Ashton Cat. 5 Peugeot Kms l 12 months Ernest Menville Cat. 1 Peugeot 207 Urban HDi kms l 12 months All orders Details Renault Clio Mercedes SLK Audi TT Car policy Kms l 24 months Kms l 24 months Kms l 12 months All my quotes Edit Fleet statistics Edit Brands l Categories l Mileage Structure de navigation DRIVER ACCESS La structure de navigation permet une vue précise de l ensemble du futur service. Elle est une représentation synthétique sous forme de mini-écrans mettant en relation les blocs de contenus et fonctionnalités les uns avec les autres. HOME 01A 01B 01C Driver Home Driver Home Driver Home Driver home > You need a vehicle Driver home > You ordered a vehicle Driver home > You need to change your car Status Status Status Search Search Search Browse by brand Most selected Browse by brand Most selected Browse by brand Most selected Tools Tools Tools Push Push Push 16 A B FLEET MANAGER DASHBOARD Définir et représenter l ensemble des écrans et fonctionnalités du service MY QUOTES 02A 02B SEARCH 02C My account My quotes Search Search by model Search by budget My account My quotes I m looking for Search by model Search by budget FLEET MANAGER DASHBOARD New quote Annual mileage Contract period Type Make Model Variant Saved quotes Peugeot 207 Peugeot 207 Urban HDi kms l 12 months Details Renault Clio Mercedes SLK Audi TT Home Drivers Catalog Saved quotes (16) Orders (5) Search The whole catalog Go Continue Kms l 12 months Delete Send by Edit Edit Modify Kms l 24 months Kms l 24 months Kms l 12 months All my quotes 5 new requests Eric Smith Peugeot 207 Urban HDi kms l 24 months Details Reject Julien Baraby Sebastien Alegre Cyril Vesse Agnès Lefort Fleet statistics Edit Cat Validate Cat. 3 Cat. 4 Cat. 5 Cat. 1 All orders Edit Brands l Categories l Mileage Compare Compare Extrait de la structure de navigation pour GE iquote Search results Search results CAR CONFIGURATOR Overview Overview Cette étape permettra d avoir une vue synthétique de la navigation entre les sections et les pages, permettant de simuler la future expérience utilisateur Equipment Equipment Products and services Products and services Summary Summary Car policy Edit Category 1 Category 2 Category 3 Category 4 Renault Clio Peugeot 207 Wolkswagen Golf Audi TT Peugeot Renault Clio Citroen C Audi TT Golf TDi Extrait d'un écran de la structure de navigation de GE iquote. Concevoir

15 ID PAGE TITLE ID PAGE TITLE ID PAGE TITLE Arborescence du site 12 - Public home page Invitation Account Settings L'arborescence représente les différentes pages du service, organisées logiquement et hiérarchiquement. Elle est représentée sous la forme d'un arbre. La première page constitue la page d'accueil (appelée «la racine»), puis les autres pages apparaissent ensuite dans un ordre logique. L'arborescence synthétise la structure de navigation vue précédemment. La consultation et la mémorisation des pages sont ainsi plus faciles, rapides et efficaces. L'arborescence représente l organisation hiérarchique du service Sign-up - Your account Sign-up 40 - My contacts 48 - Sign-up - Account type 47 - My network - groups 46 - My network - blacklist My network My My 14 - Sign-up - Your profile 1A - My profile Sign-up - Verify Basic Forum 29A - My profile - Professionnal experience 30A - My profile - Formation 31A - My profile - Additionnal information 32A - My profile - Endorsement 15 - Sign-up - Confirmation My profile 33A - My profile - Request an endorsement 22 - Activation Blog Home 4 - received messages 19 - Sent Messages 8 - Archived messages 9 - Deleted messages Login 3 - Logged home page Help My network Log-out 6 - send new message 5 - Contact request details My profile 36 - Endorsement details 7 - Message details 20A - Accept contact request 20B - Reject contact request 37A - Publish endorsement 37B - Reject endorsement 18 - Import contact Global navigation My Messages My Messages My stats 17 - Invitation preview 16 - Invite people to 6nergies 42 - My stats Visits on my profil 1B - Public profile - Basic 29B - Public profile - Profesional experience 30B - Public profile - Formation 31B - Public profile - Additionnal information invitation Search My stats 45 - My stats Profile I ve visited 49 - Change identifiant Change password 43 - Account Setting Account Setting My Tags Search Search 6 - send new message 2 - Add to my contacts 33B - Public profile - Request an endorsement 51 - Change account type 24 - Search results Public profile 38 - My Tags 27 - Tags results 24 - Search result Tags 28 - Most popular tags KEY Page / screen Multiple pages of the same type Condition Endorsement request details 35A - Accept endorsement request 35B - Reject endorsement request 32B - Public profile - Endorsement 41 - Confirm add to my black list 39 - choose from my tags Pop-up window Link Extrait de l'arborescence du site 6nergies. 15 Concevoir

16 Grille fonctionnelle Contacter docvadis - N vert : Bonjour, P.dupont Aide Déconnexion Sur la base de la structure de navigation, on définit l ergonomie fonctionnelle des écrans en plaçant minutieusement l ensemble des fonctionnalités sur la grille de mise en page. Cette tache se traduit par la production : - Du zoning qui définit un découpage précis de l interface en grandes zones d informations - Des grilles fonctionnelles détaillées permettant d uniformiser et de structurer les unités de contenus Placer judicieusement le contenu et les fonctionnalités sur chaque écran pour optimiser la lecture et l interaction. docvadis Mon tableau de bord A faire - Les rubriques suivantes sont pour l'instant vides et n'apparaissent pas dans mon site : Mes conseils prévention Mes conseils éducation Voir mon site - Docvadis me conseille de prendre connaissance des documents mis à ma disposition pour remplir ces rubriques Consulter la base de documents - Je peux également créer mes documents personnels. Créer un document patient Astuce du jour Je peux personnaliser les couleurs des éléments principaux de mon site. Docvadis m'informe - Derniers documents ajoutés dans ma spécialité : Document X Document Y Document Z Voir tous les documents de ma spécialité - Lorem ipsum dolor sit amet, consectetuer adipiscin. Contacter Docvadis Consulter l aide Mon tableau de bord Consulter la base Mes documents Paramétrer mon site Prescrire un de documents conseil santé Mon activité Statistiques Dr P.Dupont Cardiologue Ancien interne des hôpitaux de Paris Conventionné secteur 3 Lieux de pratique Cabinet médical 26 rue du Lavoir Bordeaux Clinique Tivoli 3 rue du Tivoli 3300 Bordeaux Modifier mon activité Signaler mon départ en vacances Voir mes statistiques Afficher mon site Consulter la base de document Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc hendrerit nibh. Sed augue. In hac habitasse platea dictumst. Voir mon site Gérer mes documents Je n'ai pas encore sélectionné les documents qui m'intéressent ni créé de document Consulter les documents de ma spécialité Consulter les documents disponibles Aide Lorem ipsum dolor sit amet, con adipiscing elit. Phasellus pulvi. Voir l'aide Paramétrer mon site - Je peux organiser les rubriques principales et les sous-rubriques de mon site (supprimer ou ajouter une nouvelle rubrique ou sous-rubrique ; ajouter un message de présentation à une rubrique ou une sous-rubrique) : Organiser mon site Prescrire un conseil santé Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc hendrerit nibh. Sed augue. In hac habitasse platea dictumst. Lorem ipsum 16 Extrait du zoning pour MSD. Extrait des grilles fonctionnelles pour MSD. Concevoir

17 Graphic design En parallèle de la conception des écrans et sur la base des acquis de la phase 2 (comprendre), le directeur artistique effectue une étude d adaptation de la marque en ligne à travers des essais de tendances graphiques. Une fois la tendance sélectionnée, on l'adapte à quelques écrans clés issus des grilles fonctionnelles. MON TABLEAU DE BORD MON TABLEAU DE BORD Contacter docvadis CONSULTER LA BASE DE DOCUMENTS N vert : ? MES DOCUMENTS Besoin d'aide PRESCRIRE UN CONSEIL SANTE AFFICHER MON SITE Mon site est actuellement en ligne PARAMETRER MON SITE Bonjour, P. Dupont I Fermer docvadis 17 docvadis Valoriser visuellement la marque, optimiser la compréhension des écrans et des fonctionnalités du service. A faire - Les rubriques suivantes sont pour l'instant vides et n'apparaissent pas dans mon site : Mes conseils prévention Mes conseils éducation Voir mon site Astuce du jour Je peux personnaliser les couleurs des éléments principaux de mon site. Consulter la base de document Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc hendrerit nibh. Sed augue. In hac habitasse platea dictumst. Voir mon site Paramétrer mon site - Je peux organiser les rubriques principales et les sous-rubriques de mon site (supprimer ou ajouter une nouvelle rubrique ou sous-rubrique ; ajouter un Extrait des grilles fonctionnelles pour MSD. message de présentation à une rubrique ou une sous-rubrique) : Organiser mon site Contacter docvadis - N vert : Mon tableau de bord - Docvadis me conseille de prendre connaissance des documents mis à ma disposition pour remplir ces rubriques Consulter la base de documents - Je peux également créer mes documents personnels. Créer un document patient Docvadis m'informe - Derniers documents ajoutés dans ma spécialité : Document X Document Y Document Z Voir tous les documents de ma spécialité - Lorem ipsum dolor sit amet, consectetuer adipiscin. Contacter Docvadis Gérer mes documents Je n'ai pas encore sélectionné les documents qui m'intéressent ni créé de document Consulter les documents de ma spécialité Consulter les documents disponibles Prescrire un conseil santé Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc hendrerit nibh. Sed augue. In hac habitasse platea dictumst. Lorem ipsum Bonjour, P.dupont Aide Déconnexion Consulter l aide Mon tableau de bord Consulter la base Mes documents Paramétrer mon site Prescrire un de documents conseil santé Mon activité Dr P.Dupont Cardiologue Ancien interne des hôpitaux de Paris Conventionné secteur 3 Lieux de pratique Cabinet médical 26 rue du Lavoir Bordeaux Clinique Tivoli 3 rue du Tivoli 3300 Bordeaux Modifier mon activité Signaler mon départ en vacances Statistiques Voir mes statistiques Aide Lorem ipsum dolor sit amet, con adipiscing elit. Phasellus pulvi. Voir l'aide Afficher mon site Recommandations Les rubriques suivantes sont pour l'instant vides et n'apparaissent pas dans mon site : Mes conseils prévention Mes conseils éducation AFFICHER MON SITE docvadis me conseille de prendre connaissance des documents mis à ma disposition pour remplir ces rubriques Consulter la base de documents Je peux également créer mes documents personnels. Créer un document patient Le saviez-vous? Je peux personnaliser les couleurs des éléments principaux de mon site Astuce précédente Consulter la base de documents Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc hendrerit nibh. Sed augue. In hac habitasse platea dictumst. AFFICHER MON SITE Extrait du graphic design pour MSD. Paramétrer mon site Astuce suivante Je peux organiser les rubriques principales et les sous-rubriques de mon site (supprimer ou ajouter i docvadis m'informe Derniers documents ajoutés dans ma spécialité Document X Document Y Document Z Voir tous les documents Lorem ipsum dolor sit amet, consectetuer adispiscing elit. Nunc hendrerit nibh. Sed augue. In hac habitasse platea dictumst. Contacter docvadis Gérer mes documents Je n'ai pas encore sélectionné les documents qui m'intéressent, ni crée de document Consulter les documents de ma spécialité Consulter les documents disponibles Prescrire un conseil santé Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc hendrerit nibh. Sed augue. In hac habitasse? Aide Lorem ipsum dolor sit amet, con adipiscing elit. Phasellus pulvi.? Mon activité Statistiques Voir mes statistiques Dr J. Dupont CARDIOLOGUE Ancien interne des hôpitaux de Paris Conventionné secteur 3 LIEUX DE PRATIQUE Cabinet médical 26 rue du Lavoir Bordeaux Clinique Tivoli 3 rue du Tivoli Bordeaux Modifier mes lieux de pratique Signaler mon départ en vacances CONSULTER L'AIDE Concevoir

18 Evaluer A A A A A A La maquette fonctionnelle est une étape clé du processus de conception Elle permet: - De valider les options de positionnement, de tendances graphiques, d interaction de la solution finale auprès de consommateurs cibles - D offrir à l'équipe de projet une projection réaliste de ce que sera le service - De mettre en lumière des problèmes de mise en production avant la phase de développement - De communiquer sur le produit avant son lancement - De lancer certains développements techniques relatifs au back office OPTIONS DOSSIERS OUTILS ALERTES CONTACTS Agenda DOSSIERS Géolocalisation OUTILS Partenaires ALERTES CONTACTS ALERTES ALERTES Vous êtes ici : Accueil Vous êtes ici : Accueil Jour 3 jours Semaine Mois vendredi 11 janvier 2008 Rechercher Rechercher LES DOSSIERS DE VOTRE DÉPARTEMENT LES DOSSIERS DE VOTRE DÉPARTEMENT 07:00 MES DOSSIERS Aménagement du territoire NOM DU DOSSIER THEME DATES NOUVEAUX EVENEMENTS Aménagement du territoire NOM DU DOSSIER THEME DATES NOUVEAUX EVENEMENTS RENDEZ-VOUS Culture Crèche Bellevue 28/09/ :00 Culture Crèche Bellevue 28/09/2007 Lorem ipsum dolor sit amet, consectetuer Enfance - Famille Oui Lorem ipsum dolor sit amet, consectetuer Enfance - Famille Oui adipiscing elit, sed diam nonummy nibh euismod. 13/01/2008 adipiscing elit, sed diam nonummy nibh euismod. 13/01/2008 Education Education MES ALERTES Aide à l'opac du XXX 09:00 28/09/2007 Aide à l'opac du XXX 28/09/2007 Emploi - Formation Lorem ipsum dolor sit amet, consectetuer Enfance - Famille Oui Emploi - Formation Lorem ipsum dolor sit amet, consectetuer MES adipiscing elit, sed diam nonummy nibh euismod. 13/01/2008 DISPONIBILITÉS Enfance - Famille Oui adipiscing elit, sed diam nonummy nibh euismod. 13/01/2008 Enfance - Famille Enfance - Famille 10:00 Hébergement urgence ville 28/09/2007 Hébergement urgence ville NOUVEAU RDV 28/09/2007 Environnement Lorem ipsum dolor sit amet, consectetuer Enfance - Famille Non Environnement Lorem ipsum dolor sit amet, consectetuer Enfance - Famille Non adipiscing elit, sed diam nonummy nibh euismod. 13/01/2008 adipiscing elit, sed diam nonummy nibh euismod. 13/01/2008 International 11:00 International Amélioration du réseau routier 28/09/2007 Amélioration du réseau routier 28/09/2007 Lorem ipsum dolor sit amet, consectetuer Transport - voirie Non Lorem ipsum dolor sit amet, consectetuer Transport - voirie Non Logement adipiscing elit, sed diam nonummy nibh euismod. 13/01/2008 Logement adipiscing elit, sed diam nonummy nibh euismod. 13/01/ :00 Santé Nouvelle ligne de bus 45 28/09/2007 Santé Nouvelle ligne de bus 45 28/09/2007 Lorem ipsum dolor sit amet, consectetuer Transport - voirie Non Lorem ipsum dolor sit amet, consectetuer Transport - voirie Non Solidarité adipiscing elit, sed diam nonummy nibh euismod. 13/01/2008 Solidarité adipiscing elit, sed diam nonummy nibh euismod. 13/01/ :00 Pole inter-transport de Mondétour 28/09/2007 Pole inter-transport de Mondétour 28/09/2007 Lorem ipsum dolor sit amet, consectetuer Non Lorem ipsum dolor sit amet, consectetuer Non adipiscing elit, sed diam nonummy nibh euismod. 13/01/2008 adipiscing elit, sed diam nonummy nibh euismod. 13/01/ :00 2 janvier 2008 janvier 2008 Cellule signalement 28/09/2007 Cellule signalement 28/09/2007 L M M J V S D Lorem ipsum dolor sit amet, consectetuer Enfance - Famille Non L M M J V S D Lorem ipsum dolor sit amet, consectetuer Enfance - Famille Non adipiscing elit, sed diam nonummy nibh euismod. 13/01/2008 adipiscing elit, sed diam nonummy nibh euismod. 13/01/2008 NOTES Plan de déplacement /09/2007 Plan de déplacement /09/2007 Lorem ipsum dolor sit amet, consectetuer Non Lorem ipsum dolor sit amet, consectetuer Non adipiscing elit, sed diam nonummy nibh euismod. 13/01/ adipiscing elit, sed diam nonummy nibh euismod. 13/01/ Lorem ipsum dolor sit amet 28/09/ Lorem ipsum dolor sit amet 28/09/ Agenda Géolocalisation Partenaires Agenda Géolocalisation Partenaires Les liens utiles CRÉER UN DOSSIER OPTIONS OPTIONS Les liens utiles OPTIONS CRÉER UN DOSSIER La mise en situation d un prototype diminue significativement les risques durant la phase de développement. Extrait du prototype fonctionnel pour Dialog. La première phase consiste à mettre en place les scénarii de test puis de simuler l'ensemble de la navigation et des interactions solicitées. 1. Elément d'interaction, le "bouton d'option" 2. Une fois l'élément sollicité par l'utilisateur, le panneau "option" s'ouvre 18 Extrait du scénario de test pour Wat.tv. Evaluer

19 Spécifier 32 - Page "Trucs & Astuces" La dernière phase de la méthodologie consiste à documenter l ensemble de la solution dans des documents de référence communs à l ensemble des équipes du projet. 1 2 Cette page présente en détails un des "trucs & astuces" des experts Téléshopping. Cette page est accessible depuis la page d'accueil "Trucs & Astuces" ou depuis la fiche produit. Elle se compose : 1. D'une fiche "trucs & astuces". Cette fiche se compose d'un visuel en rapport au sujet du conseil de l'expert, et d'un accès vers 4 autres "trucs & astuces" du même univers. Cahier de conception: Ensemble de fiches décrivant les règles de fonctionnement ergonomiques fonctionnelles et d'enchaînement des écrans de la future application. 2. De push produits associés. Si l'utilisateur accède à cette page via le lien situé dans la partie "Trucs & astuces de la fiche produit, un des produits associés sera identique à celui proposé sur la fiche produit (cf. p55). 3. D'un lien vers l'émission du jour. (cf. p64) Guide de style: Ensemble de règles et d exemples de mise en application de la charte graphique digitale. L objectif de ces documents est de permettre à la direction technique de disposer de tous les éléments nécessaires à la rédaction des spécifications techniques du besoin. 3 Décrire en détail la solution pour un développement sans risque. Extrait du cahier de conception pour Téléshopping. Ecartement de 2px 1 Navigation par onglets de couleurs différente correspondant aux univers relatifs. La navigation principale comprend 8 (+ 2) rubriques #ee0176 #b7cd08 #ec7700 #eb7db7 # ad00 #894a8f #496b87 #fd5000 # Navigation par onglets de couleur différente 2 Texte Myriad Pro, Black condenced, #ffffff, 16 pt #ac0155 #8ea00c #a15100 #c0679d #c28300 # #496b87 #c53a00 # Arrondi de XX Px Hauteur 21 Px 2 Marge de 5 Px Extrait du guide de style pour Téléshopping. 19 Spécifier

20 Réalisations 20

21 6nergies.net Client: 6nergies Mission: Refonte du service communautaire Adresse: - Mise en place de la structure de navigation - Conception des grilles fonctionnelles - Intégration HTML Today : 2543 public profiles and 1254 hidden profiles Déjà inscrit Sign up Login eg.m e@m ail.com ******** Rem em ber m e Your professional relationships are key to your success. Our mission is to help you be more effective using the relationships you already have. This isn t networking it s what networking should be... Sign up now! Welcome Jean - Philippe Browse tags Quick search News Home Search Mod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua Sinvidunt ut labore et dolore magna aliquyam erat, sed diam voluptua At vero eos et accusam et justo duo dolores et ea rebum Stet clita kasd gubergren, no sea takimata anctus est. ALERTE Your account will end in 4 days Renew now Welcome back mister Nicolas You have 1 contact request 2 unread messages 1 undorsement request 3 invitations to groups News You have done Contact request to D - November 6th - Pending Contact Request to E - November 15th - Accepted Endorsement request to F - November 15th - Pending Quick search Stéphane Paredes Online media consuling v Axance 51 contacts Skill summary Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsu Basics New tags Tag 01 Tag 02 Tag 03 Tag 04 Tag 05 6 most popular tags Tag 01 Tag 02 Tag 03 Tag 04 Tag 05 See all popular tags Enter keywords : eg, business... Search options Stet clita kasd gubergren Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam numy. At vero eos et accusam et justo duo dolores et ea rebum Stet clita kasd gubergren, no sea takimata anctus es See all News Lorem ipsum dolor sit amet Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna. Enter keyworks : Professional experience Formation Consetetur sadipscing elitr eirmod tempor invidunt ut labore et dolore magna aliquyam erat. More eg, marketing, IBM,... Search options Additional information Endorsement Contact information Privacy policy Copyright policy About 6nergies Customer Service FA Q All contents Copyright 2006, 6nergies. All rights reserved Groups Washburn Nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Unsuburban Eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Screamers Tempor invidunt ut labore et dolore magna aliquyam erat, sed tempor invidunt diam voluptua. Browse tags My tags Tag 01 Tag 02 Tag 03 Tag 04 Tag 05 See more tags New tags Tag 01 Tag 02 Tag 03 Tag 04 Tag 05 See more new tags My contacts - signal social Alain Wash Last night Working home Brice Lagard Today Off work Ruff Dolls This morning Meeting Axance Modify your status Extrait du graphic design. More 6 most popular tags Tag 01 Tag 02 Tag 03 Tag 04 Tag 05 See more popular tags Privacy policy Copyright policy About 6nergies Customer Service FAQ All contents Copyright 2006, 6nergies. All rights reserved Extrait du graphic design. 21

22 Intrapec Client: Apec Mission: Refonte de l'intranet de l'apec - Mise en pace de la structure de navigation - Conception des grilles fonctionnelles Extrait des grilles fonctionnelles. Extrait du graphic design. 22

23 Dialog Client: Info décision Mission: Réalisation d une démonstration commerciale d'un outil collaboratif - Développement d'un prototype fonctionnel dynamique Documents DOSSIERS ContactsOUTILS SondagesALERTES Ajouter un RDV CONTACTS Commentaires Vidéoconf CONTACTER A A A Se déconnecter ALERTES Contacts INFORMATIONS GÉNÉRALES DU DOSSIER Madame Adorne / Technicien service technique enrobage / CGxx Monsieur INFORMATIONS Béart / Responsable GÉNÉRALES service technique transport -voirie / CGxx Monsieur Lazini / Ingénieur service techniquevoirie / CGxx Monsieur Martin / Chargé de mission / CGxx Madame Pinot / Ingénieur service technique signalisation / CGxx Monsieur Rasson / DUT mairie Bellevue / CGxx 1 INFORMATIONS DU CONTACT Monsieur Martin Chargé de mission Organisateur Disponible Service : Voirie Contact en charge : Monsieur Martin / Chargé de mission / Organisateur N de téléphone : michel.martin@cgxx.fr PRÉVISUALISATION CHAT SUPPRIMER MODIFIER DISCUSSIONS DU DOSSIER CRÉER UNE NOUVELLE ALERTE OPTIONS 2 OPTIONS DEMANDE VIDEO DEMANDE CHAT 23 Extrait des grilles fonctionnelles livrées par le client. Extrait du DOCUMENTS prototype ÉVÉNEMENTS ASSOCIÉS fonctionnel. DU DOSSIER L'ensemble des images et du contenu texte sont paramétrable (images externes et textes intégrés dans un XML) 1. Les informations sont mises à jour en fonction du contact sélectionné 2. Le bouton "Demande Vidéo" permet de simuler une vidéoconférence

24 Dialog Client: Info décision Mission: Réalisation d une démonstration commerciale d'un outil collaboratif - Développement d'un prototype fonctionnel dynamique Le Blog Citoyen de votre département ACCUEIL SE LOGGER Vous êtes ici : Dossiers Pour apporter des commentaires et répondre aux sondages. Login Mot de passe Pas encore inscrit, cliquez ici 1 OK Description de votre dossier La création d'un rond point sur la commune de Bellevue Pour le président du conseil général comme pour les associations, le création de ce carrefour fluidifierait la circulation. Pour autant, elle n est pas complètement satisfaisante dans la mesure où la sécurité des piétons ne serait pas assurée. Plusieurs anomalies graves et dangereuses (excès de vitesse, contresens) ont été relevées au cours des derniers 6 mois. Ce document permet d attirer l attention sur l urgence du choix de la solution à retenir. RECHERCHE A A A Power by InfoDialog Abonnez-vous aux nouveautés du blog OK THEME Plan Satellite Transport - voirie COMMENTAIRES CONTRIBUTEURS Mr Abelin François Aménagement de la voirie Mr Perrieux Albert Sanitaire et social Mr Deshaye Paul Jeunesse et sport Mme Amelin Françoise Culture Melle Télin Jeanne Santé Toute la liste La pollution de l'eau Le territoire du Comité de bassin est dément! 3 Régions, 17 départements, 6 millions d habitants. Il n est pas à la bonne échelle, sans cohérence avec les réalités économiques (densité de population, taille des villes, type d agricultures) et les réalités hydrologiques, pédologiques, géographiques de chaque territoire. Les problématiques ne sont pas les même partout : ici, la production d eau se fait à partir des rivières et des eaux superficielles au 3/4 (eaux très fragiles), ailleurs la proportion s inverse, la ressource est souterraine (nappes, Lire la suite PARTENAIRES Toute la liste 24 Extrait des grilles fonctionnelles livrées par le client. Mr Abelin François Chargé de communication du CGxx concernant les aménagements de la voirie Mr Durand Gilbert Chargé de communication du CGxx concernant les aménagements de la voirie STATISTIQUES Nombre de publications : Extrait du 212 prototype fonctionnel. Nombre de liens : 5 Nombre de visiteurs total : Nombre de visiteurs connectés: vues 1045 vues Danger permanent Rédigé le mardi 18 novembre 2008 Répondre à cet article Accéder au sondage Je circule très régulièrement sur la départementale 121 au niveau de la commune de Bellevue. L intersection avec la départementale 43 est particulièrement dangereuse, le manque de visibilité est flagrant et les embouteillages importants et réguliers. Depuis des 2années des associations de riverains tentent de bloquer toute solution à ce problème. Combien d accidents, combien d heures perdues par des milliers d automobilistes faudra-t-il encore pour que ces associations acceptent de considérer que les seuls intérêts de quelques riverains ne prévaut pas sur l intérêt général? Noter : Gaspillage de l'espace public Rédigé le mardi 18 novembre 2008 Les conseillers généraux vont-ils accepter ce rond point qui ressemble à une véritable rocade dont les habitants et de nombreux élus ne veulent pas? C est la question qui se pose, à l heure où le président du conseil général veut passer à la phase d enquête publique. La concertation a montré que la population est contre cette solution. Les élus de la mairie de Bellevue ont rejeté cette solution à l occasion de leur délibération sur le Plan local d urbanisme de la commune. La communauté de Beauregard a financé l étude d une solution alternative. Le Conseil Général prétend «Faire disparaître ce point noir» mais c est la solution qui gaspille l espace public et nos impôts. Tout se jouera lors de la prochaine séance du Conseil général. Les élus qui s opposeront à la délibération du 12 janvier 2009 montreront qu ils ne sont pas prêts à entériner une solution routière d un autre âge. Noter : SONDAGES ACTIFS Votre avis nous intéresse : La création d un rond point sur la commune de Bellevue Jeunes, cartes privilèges Se déplacer sans compter L action animalière départementale Logement : une offre adaptée à toutes et à tous ARCHIVES Novembre 2008 Septembre 2008 Juillet 2008 Juin 2008 Mai 2008 Avril 2008 Mars 2008 Février 2008 Janvier 2008 Décembre 2007 Plus d'archives

25 iquote Client: GE - General Electric iquote GE Commercial Finance Fleet Services Welcome, Mr Smith my Car policy my account Log Out Mission: Mise en place d'un logiciel de gestion de parc automobile permettant de côter et commander des véhicules - Mise en place de la carte du service - Réalisation des grilles fonctionnelles Home Catalog my Quotes (50) Your current vehicle Mini Cooper D ch Contract : kms / 36 months iquote GE COMMERCIAL FINANCE FLEET SERVICES Welcome Mr Smith Car policy My account l Logout» Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.! You need to change your car before the 20th October vehicles available Catalog Home Catalog my Quotes (50) Browse by brand Most selected Download Car Policy iquote Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Your budget (GBP) : Your catalog Browse by brand Most selected Alfa Romeo Jeep Porsche Audi A4 Cabriolet 3.2 FSI Audi Lamborghini Renault Quattro S Line 2dr Tip Auto Avanti Lancia Rover BMW Land Rover Saab Configure Bentley LDV Saturn Buick Lexus Scion BMW 5 Series Bugatti Lincoln Seat Tg 520dA Excellis Cadillac Lotus Shelby Chevrolet MG Skoda Configure Chrysler Maserati Smart Citroen Mazda Subaru Daewoo Mercedes-Benz Suzuki Citroën C3 Fiat Micro Tatra Pack Clim HDi 92 Ford Mini Toyota Configure GM Mercury Toyota Honda Mitsubishi TVR Hyundai Nissan Vauxhall Mercedes-Benz C-Class Infiniti Opel Volkswagen Cs 200 K BVA Isuzu Peugeot Volvo Jaguar Pontiac Ultima Configure Your current vehicle Audi A4 Cabriolet 3.2 FSI Quattro S Line 2dr Tip Auto Contract : 36 months 80,000 Kms! You need to change your car before the 20th October vehicles available Search» Download Car Policy» Modify Your profile» Revise Your last Quotes» Browse Catalog» Discover GE Capital Solutions Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.»» Alfa Romeo Audi Avanti BMW Bentley Buick Bugatti Cadillac Chevrolet Chrysler Citroen Daewoo Fiat Ford GM Honda Hyundai Infiniti Isuzu Jaguar Jeep Lamborghini Lancia Land Rover LDV Lexus Lincoln Lotus MG Maserati Mazda Mercedes-Benz Micro Mini Mercury Mitsubishi Nissan Opel Peugeot Pontiac Porsche Renault Rover Saab Saturn Scion Seat Shelby Skoda Smart Subaru Suzuki Tatra Toyota Toyota TVR Vauxhall Volkswagen Volvo Ultima Mini Cooper D ch Peugeot 207 HDi Premium Pack ch Renault Clio DCi Exception ch Citroën C3 HDi Exclusive ch Configure Configure Configure Configure Modify Your profile Revise Your last Quotes Browse Catalog Discover GE Services Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh. learn more 2007 General Electric Company Extrait des grilles fonctionnelles General Electric Company Extrait du graphic design. 25

26 DocVadis Contacter docvadis - N vert : Bonjour, P.dupont Aide Déconnexion Client: MSD Mission: Conception d'un service à destination des médecins - Mise en place de la structure de navigation - Conception des écrans - Création et découpage des pictogrammes docvadis Modifier mon modèle graphique Consulter l aide Mon tableau de bord Consulter la base Mes documents Paramétrer mon site Prescrire un de documents conseil santé Organiser mes rubriques Organiser mes modufles Modifier mon modèle graphique Afficher mon site Gérer mes préférences / Options Logo Docvadis Tableau de bord Personnaliser les couleurs Titre du site : Titre des pages : Consulter la base de documents Mes documents P.dupont Contacter docvadis Aide Déconnexion Hotline (n vert) : Paramétrer mon site Organiser mon site Modifier mon modèle graphique Gérer mes préférences Site du docteur Jean Dupont Mes conseils Education Message de présentation / de bienvenue : Lorem ipsum dolor sit amet, consectetuer... Titre des documents : 15 Qu est-ce que le VIH? Titre des paragraphes : 14 Comment contracte-t-on l infection du VIH? + de couleurs + de couleurs + de couleurs + de couleurs + de couleurs Afficher le site Annuler Annuler Annuler Annuler Annuler Personnaliser les couleurs A Titre du site : Site du docteur Jean Dupont A Titre des pages : Mes conseils Education A Message de présentation / de bienvenue : Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In nisl erat, tristique... A Titre des documents : Qu est-ce que le VIH? A Titre des paragraphes : Comment contracte-t-on l infection du VIH? Annuler Annuler Annuler Annuler Annuler Texte des documents / carte de visite : Lorem ipsum dolor sit amet, consectetuer elit... Titre des modules : + de couleurs + de couleurs Annuler A Texte des documents / carte de visite : Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In nisl erat, tristique... Annuler Urgences et premiers soins 16 Texte des modules : N d'urgence 15 + de couleurs Annuler Annuler A Texte des liens : Lorem ipsum dolor sit amet Annuler Arrière-plan du site : + de couleurs Annuler A Titre des modules :...?? prévisualiser le site avec les modifications Urgences et premiers soins 16 Annuler Revenir au modèle par défaut Valider les modifications A Texte des modules : Extrait de la structure de navigation. N d'urgence 15 Annuler Arrière plan du site : Annuler Prévisualiser le site avec les modifications Revenir au modèle par défaut Valider les modifications 26 Extrait des grilles fonctionnelles.

27 DocVadis Client: MSD Mission: Conception d'un service à destination des médecins - Mise en place de la structure de navigation - Conception des écrans - Création et découpage des pictogrammes MON TABLEAU DE BORD Contacter docvadis CONSULTER LA BASE DE DOCUMENTS N vert : ? MES DOCUMENTS Besoin d'aide PRESCRIRE UN CONSEIL SANTE AFFICHER MON SITE Mon site est actuellement en ligne PARAMETRER MON SITE ORGANISER MES RUBRIQUES ORGANISER MES MODULES MODIFIER MON MODELE GRAPHIQUE GÉRER MES PRÉFÉRENCES / OPTIONS PARAMETRER MON SITE Bonjour, P. Dupont I Fermer docvadis Modifier mon modèle graphique > personnaliser les couleurs 1 Titre du site : Site du Dr. Jean Dupont Titre des pages : Mon guide médical ANNULER ANNULER Message de présentation / de bienvenue : Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl u... ANNULER Extrait de la bilbiothèque de pictogrammes. Titre des documents : Qu'est ce que le VIH? ANNULER Titre des paragraphes : Comment contracte-t-on l infection du VIH? ANNULER Texte des documents / carte de visite : Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In nisl erat, tristique... ANNULER Texte des liens : Lire la suite ANNULER Titre des modules : Urgences et premiers soins ANNULER Texte des modules : Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In nisl erat, tristique... ANNULER 27 Extrait du graphic Arrière design. plan du site : ANNULER

28 Nexx assurances Client: Maaf Mission: Refonte du site d'assurance en ligne Adresse: - Conception des grilles fonctionnelles - Déclinaison graphique - Intégration HTML Accueil Auto Moto Santé Autres Assurances Les avantages NEXX Complémentaire santé à la carte! Options santé modulables Remboursements en 48h maximum Assistance à domicile incluse Bienvenue sur le site de NEXX Assurances L'assureur par internet, pratique et économique... Calculez votre tarif santé en ligne L'assurance auto sur internet Simple, rapide et économique! Devis gratuit en 5 minutes Protection conducteur et passagers incluse Paiement en ligne : assurance immédiate Calculez votre tarif auto en ligne! NEXX conseils 45 Lundi 26 mars Votre espace client Votre Espace client Remboursements, attestations, déclarations de sinistres... Gérez vos contrats sur internet Parrainage Faites découvrir nos offres à vos amis et recevez jusqu'à 45 sur votre compte client NEXX Assurances. Pratique au quotidien - Essence moins chère - Carte des radars - Permis à point... Suivez les bons conseils de NEXX Assurances Assurance moto Assurance habitation Et aussi... 4 formules au choix Roulez bien protégé! Devis moto en ligne Dormez tranquille avec les contrats NEXX Assurances En savoir plus Découvrez nos offres pour toute la famille Assurances scolaires Assurance Tranquillité Famille Assurances Jeunes Camping-car, remorque et caravane Besoin d'un conseil personnalisé? N Vert (Appel gratuit depuis un poste fixe) Plan du site I FAQ I Lexique I Faire connaître Nexx Qui sommes-nous? I Contactez-nous I Mentions légales Extrait du zoning. Pourquoi nos tarifs sont plus attractifs sur internet? Nous proposons une large gamme d'offres incluant : Auto : assurance auto assurance automobile tous risques devis auto en ligne comparez nos tarifs d assurances avec d autres compagnies conseils pour achat de véhicules d occasion Santé : assurance santé devis santé Moto : assurance moto offre auto moto Habitation : assurance habitation Famille : assurances jeunes assurances scolaires camping car, caravane, remorque... Extrait du graphic design. 28

29 Place des tendances Client: Filiale de TF1 Mission: Conception d'un service e-commerce de luxe Adresse: - Développement du prototype fonctionnel sous flash - Conception des écrans pdt Mr Smith My account l Logout > ACCUEIL MARQUES FEMMES HOMME ENFANTS ACCESSOIRES LE MAG FEMME > PRÊT À PORTER > PANTALON N ARTICLES CABINE PANIER Nom du modèle Marque > Voir > Ajouter cabine prix Toutes les marques Toutes les couleurs Tous les incontournables Tous les critères Inc 01 Inc 02 > Choisir mes marques Inc 03 Inc 03 > Choisir mes critères Extrait de la structure de navigation. Extrait du prototype fonctionnel. L'ensemble de l'interaction des écrans a été simuler via un prototype réalisé sous Flash CS3 : Exemple de comportement : La navigation, les effets de transitions, drag and drop, ouvertures de bloc, caroussel, le panier... 29

30 Senior planet 30 Client: Senior planet Mission: Refonte du site éditorial à destination des seniors Adresse: - Conception des grilles fonctionnelles - Déclinaison graphique Accueil Senior Planet Actualites Les Bons Plans Voyage Sante Maison Cuisine Nature Informatique Art et spectacles Forum Senior Planet.fr :: Voyage Mercredi 4 Octobre 06 Bonne fete Hermann Voir l ephemeride > Identifiez vous Accueil Voyage Escapades Weekend Destinations France Destinations proches Destinations lointaines Les diaporamas voyages Les dossiers et reportages voyages Les bons plans voyage Fiches pays Les Services Forums Blogs Newsletters Jeux et Quizz Le club Sondages Résultats du loto Trucs & Astuces Le dico Web Le dico Santé Le dico Amour Dépêches de l afp Francophonie: Afrique et Liban en clôture d'un sommet très "politique"... >> > Toutes les dépêches Ephémérides Dessin du jour Blague du jour Recette du jour Programme du jour Horoscope du jour Sudoku du jour Mots croisés du jour Partenaires Bien dormir avec tempur L immobilier avec PAP Jeux et pronostiques avec fdjeux prévoyances Accueil Voyage \ Offrez lui des fleurs! A la une - Voyage Météo Extrait obsèques des grilles fonctionnelles. avec Aviva Sélectionnez un pays Reportages / Dossiers Reportage: Chemins antiques de Syrie Entre Alep et Damas, un périple dans des sites grandioses, villes antiques, châteaux, ruines majestueuses où l histoire est omniprésente. À la beauté de lieux évocateurs s ajoutent la gentillesse et l'hospitalité qu'on rencontre partout dans ce pays sincère, hors des circuits trop balisés. Lire > Escapade Week end France Proche Lointain > Voir tous les reportages / dossiers Guide Pays Explorez! France Irlande Maroc Etats-unis Italie Bresil Chine Japon Birmanie Russie Mexique Plus... > Sélectionnez une destination Mercredi 4 Octobre 06 Dossier: Sur la route de Mandalay >> Découvrir la Birmanie sur l'un des plus beaux bateaux du monde! Lire le dossier > Voir les 20 photos Les bons plans voyage Alep la chaleureuse Vers Saint-Siméon et les châteaux croisés Le parfum de Zénobie à Palmyre Effervescence à Damas Diaporama Traversée de l'adrar a partir de 950 TTC Accompagnez les nomades maures Les hotels de luxe a londres >>» 20 iles privees a vendre» La Tailande vue du ciel» Le Péloponnèse en famille Lire >» Les capitales scandinaves en famille» Séjour aux Seychelles Voir plus de bon plan voyage > Voir tous les diaporamas > Rechercher : Sur Senior Planet Sur Internet avec Yahoo Index des chaines OK Ajouter Senior Planet a vos bookmarks Comparer les voyagistes Vols Publicite Séjours Lieu départ : Destination : Date aller : Date retour : Passager(s) : 1 Forum Les derniers sujets des forums Voyage» Soluce Contre La Délocalisatio...» A Toute Chose Malheur Est Bon» Les Régimes Spéciaux...» Calendrier De Refonte Des Foru...» Calendrier De Refonte Des Foru... Newsletters - Voyage PlanetVoyage Bon plans voyage Toutes les newsletters > Hôtels Circuits Rechercher Tous nos forums > Voir > Voir > OK Chat en direct: La bourse vous interresse? Mercredi 27 Sept 18h-19h Accueil Senior Planet I Actualités I Les Bons Plans I Voyages I Santé I Maison I Cuisine I Nature I Informatique I Art et spectacles I Forum Mercredi 04 Octobre Bonne fête Hermann Voir l'éphéméride Accueil Voyages Escapades Week end France Europe Monde Tous les diaporamas Tous les reportages Les bons plans voyages Guides pays Voyager pratique Météo du Monde Quiz Voyages Guides pays Les services Forums Blogs Newsletters Jeux et Quiz Le Club Sondages Résultats du Loto Trucs & Astuces Le dico Web Le dico Santé Le dico Amour Dépêches de l'afp 16:06 : Bush condamne l'essai nord-coréen comme une "provocation" 15:44 : Corée du Nord: début d'une réunion d'urgence du Conseil de sécurité 15:43 : Russie : le gaz de Chtokman ira en "priorité" aux Européens Toutes les dépêches Extrait du graphic design. Accueil Voyages \ A la une - Voyages Guide Pays Voir tous les reportages Voyages Offrez lui des fleurs! Mercredi 04 Octobre 2006 Explorez la France, Irlande, Maroc, Etats-unis, Italie... Sélectionnez une destination Reportages Ajouter Senior Planet à vos favoris Les bons plans voyages Croisière en train vers l Ouest américain à partir de euros HT Accompagnez les nomades maures... Voir plus de bons plans voyages L'Australie sur la route des explorateurs Entre Darwin à Adélaïde, les immensités du bush australien abritent quelques-uns des plus beaux paysages de la planète. Cette traversée au long cours est aujourd hui possible en toute sécurité, et quelques voyagistes s en sont fait une spécialité... Départ pour le "Centre Rouge" du continent océanien! Lire Lire Les capitales scandinaves en famille Séjour aux Seychelles Sur les traces des pionnier... I De Darwin à Alice Springs I Le Centre Rouge I D Alice Springs à Adélaïde I Infos pratiques Escapades Week end I France I Proche I Lointain Dossier : Sur la route de Mandalay Découvrir la Birmanie sur l'un des plus beaux bateaux du monde! Lire le dossier Rechercher Sur Senior Planet Sur Internet avec Yahoo! Voir toutes les lettres d'information Index des chaines Lettre d'information - Voyages PlanetVoyage Bons plans Voyages Identifiez-vous au club Voir Voir OK OK Mot de passe oublié? Pas encore inscrit?

31 Téléshopping Client: Filiale de TF1 S H OPPING PUB Google Mission: Refonte du service en ligne (toujours en cours) - Définition des scénarii utilisateurs - Mise en place de la structure de navigation - Conception fonctionnelle des écrans Je choisis une marque Page listing des marques Téléshopping Florence, 42 ans Paris, Consultante, Divorcée,2 enfants... souhaite trouver une kitchenaid design de grande marque. Page produit landing page Je clique sur «commander» Page de création de compte Non Login Oui Extrait des profils utilisateurs. Page Push Produit Je clique sur continuer Processus d achat 31 Extrait des scénarii utilisateurs

32 l s A. Laurent C Cmd. Panier Home A. Gérard B Cmd. Panier + Accessoires Cmd. Panier (Cadeau) Commande directe Emission - Home A. Sophie G A. Antoine J. A. Damien B A. Virginie D Emission - XX A. Nouvel Animateur Mon Compte. Création Cmd. Identification Inscription témoignages loggé login créé commande sans login Inscription témoignages Cmd. Livraison Cmd. Livraison Cmd. Livraison Modifier adresse livraison Univers MAISON Univers CUISINE Univers JARDIN Cmd. Paiement Cmd. Paiement Cmd. Paiement Univers BRICOLAGE Univers BIJOUX Univers PLEINE FORME Univers HIGH TECH PRODUIT Cmd. Confirmation Cmd. Confirmation PRODUIT Univers TEMPORAIRE SU. Famille Produit SU. Promotion SU. Enchères inversées SU. Espace editorial SU. Espace Marques PRODUIT Suivi de cmd Anonyme loggé Envoyer à un ami Ajouter à mes préférés Mon Compte. Création Identification Suivi de cmd Anonyme Suivi de cmd Anonyme Envoyer à un ami loggé login créé Mon Compte. Home Mes infos perso Conseils d expert - Home Conseils d expert Mes adresses livraison Mes adresses livraison Modifier adresse livraison Landing Pages Toutes mes cmd Ma cmd en détail Mes produits préférés Mes offres spéciales Directory - Home D. Niveau 1 D. Niveau 2 SD. Marques D. Niveau 3 A&S. Ma commande Inscription Newsletters Aide & Services. Home A&S. Ma commande Inscription Newsletters A&S. L enseigne Ma commande téléshopping Recherche Recherche Contact Carte OKS. Home OKS. Création OKS. Informations comp. OKS. Validation Téléshopping HOME Client: Filiale de TF1 Mission: Refonte du service en ligne (toujours en cours) UNIVERS DIRECTORY RECHERCHE - Définition des scénarii utilisateurs - Mise en place de la structure de navigation - Conception fonctionnelle des écrans EMISSIONS Homepage CONSEILS D'EXPERT Newsletter Google Trucs et astuces Univers a t i o n s c o m m e r c i Directory Mon Compte Contacts COMMANDE PRODUIT MON COMPTE AIDE & SERVICES HOME CONTACT OKSHOPPING m a i n e OK Shopping créér Landing page Emission A Recherche Voir mon panier créér Aide Commande HOME LANDING PAGES NEWSLETTERS Extrait du concept model. HOME COMMANDE DIRECTE SUIVI DE COMMANDE ANONYME SITE MAP - TELESHOPPING Extrait de la stie map. 32

33 Téléshopping Client: Filiale de TF1 Mission: Refonte du service en ligne (toujours en cours) - Définition des scénarii utilisateurs - Mise en place de la structure de navigation - Conception fonctionnelle des écrans COMMANDER UNE REFERENCE CATALOGUE SUIVI DE COMMANDE MON COMPTE NEWSLETTER AIDE ESPACE OK SHOPPING L EMISSION DU JOUR Commander par téléphone au ,22 /mn 070 / ,175 /mn ,36 FS/mn Mardi 18 septembre : 12 produits PAYS VOTRE PANIER 3 articles 299 eur. VALIDER MA COMMANDE RECHERCHER MAISON JARDIN BRICOLAGE FORME & BEAUTE CUISINE MODE & BIJOUX HIGH-TECH TOUS LES PRODUITS LES EMISSIONS DESTOCKAGE OK Commander une référence catalogue Suivi de commande Mon compte Newsletter Aide Espace Ok Shopping L'émission du jour > Mardi 18 Septembre Zoom sur... Nos coups de coeur Soins perfection pieds Cadre photo multimedia mains en savoir plus Forme & Beauté Trop d excès pendant les vacances? Découvrez la sélection minceur de Virginie! Bricolage Les outils manuels Les outils électriques L'atelier La droguerie Tout pour mon auto Commander par téléphone au /mn 070 / /mn FS/mn En savoir plus En savoir plus A découvrir aussi! Maison High-tech Forme & beauté Modes & bijoux en savoir plus Conseils d experts Auto Bricolage Cuisine Bijouterie Mode et accessoires Animalerie Jardin Image et Son Maison et Vie pratique Nom du produit (en roll-over) Cuisine Ensemble induction à -30% Profitez en vite! En savoir plus Jardin Charlotte témoigne : «J étais envahie par les insectes toute l année! Depuis que j ai découvert le barrage aux insectes» En savoir plus Services Rechercher Maison Jardin Bricolage Forme & Beauté Cuisine Modes & Bijoux High-Tech Tous les produits Les émissions Destockage 10% Pays : Mon panier 2 articles Voir mon panier Culture et Loisirs Mobiliers de Déco Sports et Loisirs Jeux et jouets Multimédia Beauté et Bien-être Voyages Gastronomie Voir l'émission du jour Le top des ventes : Pliage impeccable % en savoir plus Cure éclair lierté x en savoir plus Barrage aux insectes x en savoir plus Achats 100% sécurisés 30 j satisfait ou remboursé Garantie 1 an Frais de port uniques Suivi de commande OK Frais de port* offerts pour toute commande d'au moins "Offre exceptionnelle 2! produits avec le télécode ETE07! "Hors frais de port complémentaire» ZOOM SUR FORME & BEAUTE CUISINE A DECOUVRIR AUSSI MAISON! HIGH TECH FORME & BEAUTE MODE & BIJOUX NOS COUPS DE COEUR Soins perfection pieds main ,95 Trop d excès pendant les vacances? Découvrez la sélection minceur de Virginie! En savoir plus Ensemble induction à -30% Profitez en vite! En savoir plus Le super set de toutes les casserolles ,95 Cadre photo multimédia ,00 BRICOLAGE JARDIN Gros outillage Station peinture précision Groupe électrogène prix choc Nettoyeur haute pression Charlotte témoigne : «J étais envahie par les insectes toute l année! Depuis que j ai découvert le barrage aux insectes» En savoir plus Conseil d expert Voir l émission du jour LE TOP DES VENTES En savoir plus Soins perfection pieds main ,95 Soins perfection pieds main ,95 En savoir plus Soins perfection pieds main ,95 En savoir plus Abdo Relax % en savoir plus Cocotte à enfourner moyen modèle en savoir plus Gérard vous conseille : Pain tradition maison Avec cet appareil, retrouver la saveur du bon pain fait maison. En savoir plus Newsletter Recevez nos meilleures offres! Mobile Mettez Téléshopping dans Téléshopping existe aussi en magasin Ne manquez plus nos promos, votre poche! Photo Magasin nouveautés, bons de réduction, Retrouvez les meilleures offres conseils et astuces de Téléshopping sur votre Inscrivez-vous à notre mobile, c est facile! newsletter! S'inscrire Accéder au service En savoir plus Extrait des grilles fonctionnelles. 33 Débit à l expédition Service client à votre écoute du lundi au samedi au Lorem ipsum dolor sit amet consectetuer adipiscing elit, sed diam nonummy nibh adipiscing nonummy nibh euismod tincid.. En savoir plus En savoir plus Abdo relax Extrait du graphic design. En savoir plus 28,40 35,50 En savoir plus Cocotte à enfourner moyen modèle 34,95 En savoir plus Gérard vous conseille Pain tradition maison Avec cet appareil, retrouver la saveur du bon pain fait maison. En savoir plus SERVICES Achats 100% sécurisés 30 jours satisfait ou remboursé Garantie 1 an minimum Service client au Suivi de commandes CARTE

34 Traceone Client: Traceone Mission: Refonte d une application web pour la grande distribution - Création des pictogrammes - Refonte graphique du service [ Tout déplier ] [ Tout replier ] Afficher Document : Plateau Cocktail - Fournisseur : Docteur Retour Enregistrer Aperçu PDF Valider Signer Réviser Dupliquer Supprimer Importer Exporter Historique Tout Plateau Cocktail Dossiers produit * Par section ( ) Recette Pain de mie Spec Alim Pdt fini (124, 1.01, Français, France) Mr Pierre Dupont, Chargé de production, OneBrand Portail Qualité >> Spécifications Annuaire du portail Espace collaboratif Synthèse Identification Déclinaisons Client Fournisseur Versions Annexes Obligations contractuelles Mise à jour le 12/06/2006 à 14h00 [ Commentaire ] [ Relecture ] Libellé : Recette Spécification : % de produit recyclé autorisé : Calcul du rendement : [ Générer fiches techniques ] Retour Exporter Portail Qualité > Réclamations Dossier : Goût rance Yaourt à boire Réclamation (124, 1.01, Français, France) Nouveau Supprimer Commentaires Contacts Projet Historique Mr Pierre Dupont, Chargé de production, OneBrand Annuaire du portail Espace collaboratif Nom MP/... Déno.. légale Préc... FT % mis en oeuvre dans les recette Qualité mise en oeuvre dans la recette %min % de mise % max Quantité Qualité mise Quantité Unité en oeuvre min en oeuvre max Autre unité MP non prise en compte Statut : En cours [ Tout déplier ] [ Tout replier ] 3 sections avec commentaires Dossier Réclamation > Sous dossier [ Afficher Infos du dossier ] MP Sucre Sucre Cocktail Sous-dossier Documents (4) (2) Affichage MP Oeufs Oeufs Sous-dossier Sous-dossier Type Nom du fichier Version Modifié le Par Statut Non MP Eau Eau Sous-dossier Doc 1 Type 1 Nom Auteur 1 23/05/ :00 en cours Afficher toutes les valeurs PJ type 2 Nom 2 1 Auteur 2 en cours 23/05/ :00 Filtrer sur (vide) PJ type 3 Nom 3 1 Auteur 3 23/05/ :00 en cours Effacer le filtre MP Farine Farine PJ type 4 Nom 4 1 Auteur 4 23/05/ :00 en cours [ Télécharger l ensemble des fichiers dans un fichier zip ] Pièces jointes 2 dossiers liés Type Nom de fichier Annotations Statut Version Crée le Par Dossier lié 1 Dossier lié 2 Autres [CDC] [ Parcourir... ] Réutiliser Préférences Légende Hotline About - Powered by Extrait des écrans avant la refonte graphique. Préférences Légende Hotline Extrait de la refonte graphique. About - Powered by 34

35 Traceone Picto - sous_onglet so_info_pj_cl.gif so_info_pj_nb.gif so_ref-com_cl.gif so_ref-com_nb.gif so_site_cl.gif so_site_nb.gif Client: Traceone so_classification_cl.gif so_classification_nb.gif so_taches_cl.gif so_taches_nb.gif so_projet_cl.gif so_projet_nb.gif Mission: Refonte d une application web pour la grande distribution so_dossier_cl.gif Picto - Barre d'outils so_dossier_nb.gif so_tous_fichiers_cl.gif so_tous_fichiers_nb.gif - Création des pictogrammes - Refonte graphique du service bo_nouveau_pj.gif bo_nouvelle_tache.gif bo_importer.gif bo_nouveau_projet.gif bo_nouveau_ref-com.gif bo_nouveau_document.gif bo_nouveau_dossier.gif bo_nouveau_referencement.gif bo_ouvrir_dossier.gif bo_ouvrir_dossier_2.gif bo_ouvrir_tache.gif bo_abandonner.gif bo_acteur.gif bo_affichage.gif bo_apercue.gif bo_ap_pdf.gif bo_ouvrir_document.gif bo_propriete.gif bo_commentaire.gif bo_contact.gif bo_deleguer.gif bo_dialogue.gif bo_dupliquer.gif bo_publier.gif bo_exporter.gif bo_fermer.gif bo_historique.gif bo_rafraichir.gif bo_redaction.gif bo_reprendre.gif bo_retour.gif bo_reviser.gif bo_sauvegarder.gif bo_signer.gif bo_supprimer.gif bo_suspendre.gif bo_tache.gif bo_terminer.gif bo_valider_doc.gif bo_enregister.gif bo_lier.gif bo_horloge.gif bo_referencement.gif bo_referencement_actif.gif bo_referencement_inactif.gif bo_referencement_supprimer.gif bo_referencement_copie.gif bo_modif_masse.gif bo_image_defaut.gif bo_preference_utilisateur.gif bo_reordonner.gif bo_ajout_bloc.gif bo_ajout_section.gif bo_explorer_001.gif bo_explorer_002.gif Picto - Titre titre_pj.gif titre_ref-com.gif titre_tache.gif titre_site.gif titre_dossier.gif titre_classification.gif Picto - BDCPJ pj_info_bleu.gif pj_info_gris.gif pj_type_bleu.gif pj_type_gris.gif pj_utilisation_bleu.gif pj_utilisation_gris.gif pj_parcourir.gif pj_reutiliser.gif pj_plus.gif pj_moins.gif Picto - Type type_defaut.gif type_word.gif type_excel.gif type_pdf_01.gif type_pdf_02.gif type_image_defaut.gif Picto - Niveau 2 n2_biblio.gif n2_catalogue.gif n2_document.gif n2_dossier.gif n2_outils.gif n2_parametrage.gif n2_planning.gif n2_projet.gif n2_rapport.gif n2_tache_spe.gif n2_tache.gif Picto - Filtre filtre_actif_bl.gif filtre_actif_gris.gif filtre_on_bl.gif filtre_off_bl.gif filtre_on_gris.gif filtre_off_gris.gif filtre_tous.gif filtre_vide.gif filtre_effacer.gif 35 Extrait de la bibliothèque de pictogrammes.

36 Tout près de chez nous Client: La Poste Mission: Création d'un service communautaire de proximité Adresse: - Carte du site - Conception fonctionnelle - Déclinaison graphique des écrans Accueil I Mon espace I Questions / Réponses I Actualités tout près de chez nous Où? Paris 19 ème Matin Modifier l adresse min : 12 max : 14 OK Quoi? Voisins Blogs Vie Publique Cultures & Spectacles Commerces Festivités Sports & Loisirs Actualités Vie pratique Petites annonces Communautés Personnaliser Tout sélectionner Quand? Mercredi 25 novembre Jour Semaine Week-end Mois Mercredi 25 novembre 2006 j annonce un événement 10h00 : Le club de Gym Yoyo fête ses 10 ans Accueil I Mon espace I Questions / Réponses I Actualités 10h30 : Porte ouverte musée municipal tout près de chez nous J annonce un événement 1/2 : Lieu de l événement Liens Liens Liens Besoin d'aide? j annonce un événement 12h00 : Le club de la SNSM organise une sortie 6 rue keraval Carnac 16h00 : Porte ouverte musée municipal Retour à l'accueil Placez votre évenement en cliquant sur la carte Précisez l adresse de l événement Je souhaite utiliser mon adresse 20h00 : les gourmands Manger à 2 c est 2 fois moins cher! 5 impasse salernier - Marseille 23h30 : Nocturne Porte ouverte musée municipal N Adresse Complément adresse Code postal Localité * * champs obligatoires Afficher sur la carte Un service unique de communautés Questions / Réponses à partager? Actualités Annuler Retour à l'accueil Liens I Liens I Liens I Besoin d'aide? Tout près de chez vous mentions légales. Suivant Le site Tout près de chez vous vous permet la création et la gestion de communautés d amis, de réflexion et bien d autres. Il vous permet aussi de suivre l évolution de votre communauté sur une carte virtuelle en temps réel. Créer une communauté Q - Que ferez-vous pour la journée "Immeuble en Fête"? Question de nom - 17 réponses - type de question Q - Quel parcours pour courir le dimanche matin, vers le centre ville? Question de nom - 19 réponses - type de question Q - Qui peut me conseiller un atelier de travaux manuels dans le quartier? Question de nom - 19 réponses - type de question Remise des trophées Crayon en Nord à l hospice de Carnac Plage Les CycloPassion de Carnac ont appris à rouler sur la réserve À Loos-en-Gohelle, le braquage de «Ribouldingue et compagnie» Les cadets de Brebières s imposent samedi au Stade Jean Bouin Extrait du graphic design. Q - D'où venait le bruit que l'on a entendu le 27/11 de 4h à 4h30? Question de nom - 19 réponses - type de question La chorale de l école de musique chante pour la Sainte-Cécile «Un an après les émeutes, rien n a changé» Q - Pourriez-vous me conseiller une recette traditionnelle du terroir pour Noel? Question de nom - 19 réponses - type de question Jusqu au 4 décembre, le parking Clemenceau ne s ouvre qu aux abonnés Q - Où peut-on se garer gratuitement à côté de la mairie? Question de nom - 19 réponses - type de question Plus d actualités 36 Extrait du graphic design. Plus de questions

37 Tout près de chez nous Client: La Poste Mission: Création d'un service communautaire de proximité Adresse: - Carte du site - Conception fonctionnelle - Déclinaison graphique des écrans tout près de chez nous J'annonce un événement Envoyer votre événement à un ami Voir votre compte Voir mon événement dans son contexte Modifier mon événement Annoncer un autre événement HP France HP France - zoom HP Géolocalisée Evénement créé Déscriptif Lieu de l événement Question / réponse tout près de chez nous Posez une question Modifier mon adresse Consulter mes événement Consulter mes questions Sitemap Les questions Les réponses aux questions Posez une question Posez une question Envoi à des amis Profil Moi - Home page géolocalisée Questions / Réponses Poser une question Répondre à une question Voir toutes mes questions Annoncer un événement Répondre à une question Poser une question Répondre Modifier mes infos perso Profil perso Modifier mes infos compte Modifier mes infos compte Modifier mon adresse Modifier mes info compte Modifier mes infos perso Modifier mon adresse Modifier mes info complémentaires Consulter mes questions HP géolocalisée et loggué Home Page HP France HP Zoom HP Zoom HP géolocalisée Questions Réponses Liste des questions Liste des réponses Poser un question Poster une réponse Consulter mes questions Lire les réponses à mes questions Mes questions Réponses à mes questions Ajout : 1/2 Adresse de l événement Ajout : 2/2 Déscription de l événement Modification Modification Modification Modification Profil Modifier mes informations personnelles Modifier mon compte Modifier mon adresse Modifier mes informations complémentaires Voir toutes mes questions Annoncer un événement Supprimer un événement Modifier un événement Envoyer un événement à un ami Posez une question Modifier mes infos pro Profil pro Modifier mes info compte Modifier mes infos perso Modifier mon adresse Modifier mes info complémentaires Consulter mes questions J annonce un événement Poster une adresse Décrire l événement Poster l événement Envoyer à des amis Envoi à des amis Extrait de la site map. Consulter mes événement Consulter mes questions Extrait du concept model. 37

38 Wat.tv Client: Filiale de TF1 Mission: Refonte du site communautaire de partage de vidéos Adresse: - Scénarii utilisateurs - Conception des grilles fonctionnelles - Déclinaison graphique Extrait de la structure de navigation. Extrait des scénarii utilisateurs. 38

39 Wat.tv Client: Filiale de TF1 Mission: Refonte du site communautaire de partage de vidéos Adresse: - Scénarii utilisateurs - Conception des grilles fonctionnelles - Déclinaison graphique 39 Extrait du zoning. Extrait des grilles fonctionnelles.

40 Wat.tv Client: Filiale de TF1 Mission: Refonte du site communautaire de partage de vidéos Adresse: - Scénarii utilisateurs - Conception des grilles fonctionnelles - Déclinaison graphique Extrait du zoning. 40 Extrait du graphic design.

41 Webmail La Poste Client: La Poste Mission: Refonte du service mail Adresse: - Déclinaison graphique des écrans - Création et découpage des pictogrammes - Conseil technique pour les équipes de développement messagerie Rechercher avec Mon courrier SMS Mes adresses Mes préférences Mon compte Kiosque Quitter Je cherche... Expéditeur Rechercher A Mes contacts Créer un contact Liste de distribution Aide Ajout rapide d'un contact Mes contacts Modifier Supprimer Tous A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Pseudo Prénom Nom N de téléphone Amis Amis (0 en liste) Ballade Aimée 3 Aimée Ballade ballade.aimée@sfr.net Extrait de la bilbiothèque de pictogrammes. Pseudo dupond pierre 3 Pierre Dupond pierre.dupond@sfr.net famille famille (0 en liste) Prénom martin 1 Martin jpmartin@sfr.net Nom Numéro de téléphone Ajouter Shopping 41 Extrait du graphic design. page 1 / 1 < préc suiv >