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

Documents pareils
PLATEFORME GRAPHIQUE INSTITUT DU NOUVEAU MONDE

LE DÉCLIC DU COUPE-FEU.

e-commerce+ Solution globale e-commerce Trafic web E-commerce BtoB Travailler les contenus d'un site e-commerce : un critère de qualité

Consommation de flotte ( )

Conduite et présentation des activités professionnelles. Prénom NOM BTS Assurance. Session 20XX

GESTION DES CONNAISSANCES AU GEIPAN

Plateforme publicitaire Entreprendre. Guide de normes

Content Management System V.3.0. BlackOffice CMS V3.0 by ultranoir 1

2 nd semestre. Synthèse de l étude D3 Parcours Analyse de la fidélité des clients par marque. En partenariat avec

Module pour la solution e-commerce Magento

Akka Technologies au service de la voiture électrique - Cartech.fr

PARTAGER UN ANNUAIRE COLLECTIF DE SIGNETS AVEC DEL.ICIO.US

c o n c e p t i o n Un savoir-faire et des experts pour concevoir des sites efficaces et durables

En date du 11 décembre 2008

LE GUIDE DE L'AGENT IMMOBILIER DE FAMILLE. FINANCEMENT GESTION PROMOTION VENTE LOCATION ACHAT

INNOVATION. HAUTE PERFORMANCE. SÉCURITÉ. HIER. AUJOURD HUI. DEMAIN.

Les 10 étapes incontournables pour réaliser un site internet performant et accessible

DECOUVRIR. Le portail La recherche Les présentations & documents

Qui sommes-nous? Buddyweb est une agence digitale spécialisée dans les projets web et mobiles.

Comment être présent facilement et efficacement sur Internet?

CAHIER DES CHARGES pour création graphique de Site internet.

1. PRÉSENTATION, CONTEXTE, OBJECTIFS ET CIBLES 1.1 Contexte

Objet de la consultation : Refonte du site Internet de l'office de Tourisme Loire et Nohain et création des supports de communication Web

CAHIER DES CHARGES CREATION / AMELIORATION SITE INTERNET

Tango go.box - Aide. Table des matières

Contactez-nous pour une étude personnalisée ILS ONT CHOISI I CAR DMS. Reconnaissance des constructeurs : Interface avec les réseaux :

SITE INTERNET BLOG SITE E-COMMERCE GRILLE D ANALYSE / AUDIT PREMIERE ANALYSE. Entreprises. o Public spécialisé o Etudiants o Enfants

BERU Eyquem SAS 101, Avenue François Arago F Nanterre Cédex / France Téléphone: Fax:

Instructions Mozilla Thunderbird Page 1

Avantages et méthode de la bonne gouvernance d'entreprise - le cas pratique des PSF

CAHIER DES CHARGES DU SITE WEB POUR LA RÉALISATION. Nom du commanditaire : Dossier suivi par : Date de réalisation : Date de mise à jour :

Tour d horizon des CMS. Content Management System

Manuel d utilisation du site web de l ONRN

FLEET CHARGEMD SELECT PIÈCES SUPÉRIEURES ET PERFORMANCE SUR LA ROUTE QUI VOUS ATTEND

lundi 3 août 2009 Choose your language What is Document Connection for Mac? Communautés Numériques L informatique à la portée du Grand Public

PrestaShop Cloud. Créer un site e-commerce avec. PrestaShop Cloud. Mise en place et suivi du projet. Créer un site e-commerce avec

Site internet. Vous voulez faire réaliser votre site internet par une agence web? 21 points à passer en revue pour rédiger votre cahier des charges

Micro-ordinateurs, informations, idées, trucs et astuces utiliser le Bureau à distance

Once the installation is complete, you can delete the temporary Zip files..

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s

... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE

gagnez en VISIBILITÉ!

Création du site internet [insérez le nom de votre site]

Bureautique Initiation Excel-Powerpoint

Avanquest Software présente la nouvelle gamme WebEasy 8

Soyez accessible. Manuel d utilisation du CMS

OFFRE DE SERVICE.

Adaptez-vous aux nouvelles tendances de la distribution automobile

accueil Ecole Supérieure du Numérique de Normandie Animateur Webmarketing

Guide d'installation rapide TFM-560X YO.13

Maîtriser Concevoir Réaliser Diffuser

Créer son site internet avec Jimdo. Web business

Mise à jour : janvier 2015 POURQUOI ET COMMENT OPTIMISER LES VISUELS

Projet en nouvelles technologies de l information et de la communication

Création de site internet

CATALOGUE DE FORMATION 2009

ASTER et ses modules

Le baromètre BforBank - Vague 5 - Présentation globale des résultats Thème abordé : L automobile

Créer du contenu en ligne avec WordPress

Elia Supplier Information Guide Enregistrement comme fournisseur Elia sur Ariba

Tutoriel de formation SurveyMonkey

Manuel utilisateur. Version 1.6b

WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES

Mendeley, pour gérer sa bibliographie et la partager. Patricia Volland-Nail

SOMMAIRE 1. NOTRE AGENCE NOS PRESTATIONS NOTRE MÉTHODOLOGIE PROJET NOS OFFRES LES ATOUTS DE NOS OFFRES...

GESTION DE PROJET. - Tél : N enregistrement formation :

REFERENCEMENT NATUREL

Société de Développement de Solutions Informatiques

RAPID Prenez le contrôle sur vos données

Honda se place en tête de la satisfaction des propriétaires français de nouveaux véhicules pour la troisième année consécutive

Website Express Créer un site professionnel avec Orange

Création de sites internet : Grille des prestations et tarifs

Description de Produit Logiciel. AMI News Monitor v2.0. SPD-AMINM-10 v1.0

KBC Securities mtrader. Votre propre salle des marchés. Mode d emploi KBC Securities mtrader pour iphone/ipad

Formation Créateur de site web e-commerce Certifiant

Formation Webmaster : Création de site Web Initiation + Approfondissement

INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE

FICHES MÉTIERS BY SHEFFERD

Comment monétiser son contenu en trois étapes?

Manuel d utilisation Mailchimp

SALON DE FRANCFORT 2015 (/ACTUALITE-- EVENEMENTS--SALON-DE-FRANCFORT/)

Mise en place d un intranet de travail collaboratif. Guide utilisateur

Contents Windows

Catalogue de formations

Création d'un Portail partagé sur l'offre de formation en région Languedoc-Roussillon

Créateur de sites Internet. Développeur de logiciels.

PROGRAMME E-TOURISME 2015

IBM Workplace : Live!

Guide de recherche documentaire à l usage des doctorants. Partie 1 : Exploiter les bases de données académiques

CAHIER DES CLAUSES TECHNIQUES PARTICULIERES POUR LA REFONTE DU SITE WEB DE LA COMMUNAUTE D AGGLOMERATION DU MURETAIN

How to Login to Career Page

Catalogue Formations. Outils pratiques Le «Web» Site vitrine Site Joomla! Site marchand

La biblio vient à vous : la veille avec les fils RSS

Modèle de cahier des charges pour la création de votre site internet

Erwan GAUTHIER. Consultant Stratégie Marketing Digital

«BÉNÉFICIEZ DE LA PUISSANCE D UN PORTAIL E-COMMERÇANTS POUR DÉVELOPPER VOTRE ACTIVITÉ EN MAGASIN ET SUR LE WEB, TIREZ PARTI DU CROSS-CANAL!

Dopez votre site Joomla! Les meilleures extensions pour les versions 2.5 et 3.0

Transcription:

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

Cyril Codogno 25 rue du Bizet - 95100 Argenteuil 06 26 56 46 29 / cyril.codogno@gmail.com 27ans - Permis B Site perso ( en cours ): http://cyril.codogno.free.fr/ 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 2008 2009 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 2006 2008 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 2005 2006 Web Designer Contrat de professionnalisation au sein de la société Axance Formation 2005 2006 - 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 2003 2005 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

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

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 2 4 5 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

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

? 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

? 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

? 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

? 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

? 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 03 02 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

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

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

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

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 549.90 0.00 BMW Serie 3 Mercedes SLK AMG Audi TT Mercedes SLK AMG Audi TT Mercedes SLK AMG Vehicle model 549.90 0.00 Vehicle model 549.90 0.00 Mr Smith My account l Logout > 549.90 0.00 549.90 0.00 549.90 0.00 549.90 0.00 549.90 0.00 549.90 0.00 Modify Modify Modify Modify Modify Modify Mr Smith My account l Logout > Vehicle model 549.90 0.00 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 549.90 0.00 549.90 0.00 549.90 0.00 549.90 0.00 549.90 0.00 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 207 60 000 Kms l 12 months Ernest Menville Cat. 1 Peugeot 207 Urban HDi 60 000 kms l 12 months All orders Details Renault Clio Mercedes SLK Audi TT Car policy 40 000 Kms l 24 months 20 000 Kms l 24 months 60 000 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. 12 09 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 60 000 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 60 000 Kms l 12 months Delete Send by e-mail Edit Edit 549.90 0.00 Modify 40 000 Kms l 24 months 20 000 Kms l 24 months 60 000 Kms l 12 months All my quotes 5 new requests Eric Smith Peugeot 207 Urban HDi 90 000 kms l 24 months Details Reject Julien Baraby Sebastien Alegre Cyril Vesse Agnès Lefort Fleet statistics Edit Cat. 1 549.90 0.00 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. 08 03 04 05 06 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. 549.90 0.00 Equipment Equipment 549.90 0.00 07 Products and services Products and services Summary Summary 549.90 0.00 549.90 0.00 Car policy Edit Category 1 Category 2 Category 3 Category 4 Renault Clio Peugeot 207 Wolkswagen Golf Audi TT Peugeot 207 987 0.09 Renault Clio 123 0.98 Citroen C3 112 1.56 Audi TT 108 7.98 Golf TDi 100 0.87 14 Extrait d'un écran de la structure de navigation de GE iquote. Concevoir

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. 13 - 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 - 21 - 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 email 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 23-50 - 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 email 34 - 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

Grille fonctionnelle Contacter docvadis - N vert : 0 800 11 20 98 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 80 70 60 50 40 30 20 10 0 Dr P.Dupont Cardiologue Ancien interne des hôpitaux de Paris Conventionné secteur 3 Lieux de pratique Cabinet médical 26 rue du Lavoir 33000 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

80 70 60 50 40 30 20 10 0 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 : 0 800 11 20 98? 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 : 0 800 11 20 98 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 33000 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 33000 Bordeaux Clinique Tivoli 3 rue du Tivoli 33000 Bordeaux Modifier mes lieux de pratique Signaler mon départ en vacances CONSULTER L'AIDE Concevoir

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/2007 08: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/2008 12: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/2008 13: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/2008 1 14: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 31 1 2 3 4 5 6 31 1 2 3 4 5 6 Plan de déplacement 7 8 9 10 11 12 13 28/09/2007 Plan de déplacement 7 8 9 10 11 12 13 28/09/2007 Lorem ipsum dolor sit amet, consectetuer Non Lorem ipsum dolor sit amet, consectetuer Non 14 15 16 17 18 19 20 adipiscing elit, sed diam nonummy nibh euismod. 13/01/2008 14 15 16 17 18 19 20 adipiscing elit, sed diam nonummy nibh euismod. 13/01/2008 21 22 23 24 25 26 27 21 22 23 24 25 26 27 28 29 30 31 1 2 3 Lorem ipsum dolor sit amet 28/09/2007 28 29 30 31 1 2 3 Lorem ipsum dolor sit amet 28/09/2007 4 5 6 7 8 9 10 Agenda Géolocalisation Partenaires 4 5 6 7 8 9 10 Agenda Géolocalisation Partenaires Les liens utiles www.signalementxx.fr www.crechesyy.fr www.directiontransportxx.fr CRÉER UN DOSSIER OPTIONS OPTIONS Les liens utiles www.signalementxx.fr www.crechesyy.fr www.directiontransportxx.fr 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

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 #525050 1 1 Navigation par onglets de couleur différente 2 Texte Myriad Pro, Black condenced, #ffffff, 16 pt #ac0155 #8ea00c #a15100 #c0679d #c28300 #613364 #496b87 #c53a00 #353535 Arrondi de XX Px Hauteur 21 Px 2 Marge de 5 Px Extrait du guide de style pour Téléshopping. 19 Spécifier

Réalisations 20

6nergies.net Client: 6nergies Mission: Refonte du service communautaire Adresse: http://www.6nergies.net/ - 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

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

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 : 01 02 03 04 05 Email : 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

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 : 12784 Nombre de visiteurs connectés: 206 653 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

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 1.6 110 ch Contract : 80000 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 2007 346 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) : 700.00 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 2007 346 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 1.6 110 ch Peugeot 207 HDi Premium Pack 1.6 110 ch Renault Clio DCi Exception 1.5 85 ch Citroën C3 HDi Exclusive 1.6 110 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. 2007 General Electric Company Extrait du graphic design. 25

DocVadis Contacter docvadis - N vert : 0 800 11 20 98 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) : 0 800 11 20 98 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.

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 : 0 800 11 20 98? 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

Nexx assurances Client: Maaf Mission: Refonte du site d'assurance en ligne Adresse: http://www.nexx.fr/assurances/fr/j_6/accueil - 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 0 800 524 534 (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

Place des tendances Client: Filiale de TF1 Mission: Conception d'un service e-commerce de luxe Adresse: http://www.placedestendances.com/accueil - 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

Senior planet 30 Client: Senior planet Mission: Refonte du site éditorial à destination des seniors Adresse: http://www.seniorplanet.fr - 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 email 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 2006 - 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 1 280 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 Email : Identifiez-vous au club Voir Voir OK OK Mot de passe oublié? Pas encore inscrit?

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

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

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 3650 0,22 /mn 070 / 662 662 0,175 /mn 0 900 0 900 01 0,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 29.95 39.95 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 3650 0.22 /mn 070 / 662 662 0.175 /mn 0 900 0 900 01 0.36FS/mn En savoir plus En savoir plus A découvrir aussi! Maison High-tech Forme & beauté Modes & bijoux 159.00 169.00 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 19.95 39.95 10% en savoir plus Cure éclair lierté x2 59.95 39.95 en savoir plus Barrage aux insectes x3 49.90 59.95 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 29.95 39,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 29.95 39,95 Cadre photo multimédia 159.00 169,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 29.95 39,95 Soins perfection pieds main 29.95 39,95 En savoir plus Soins perfection pieds main 29.95 39,95 En savoir plus Abdo Relax 29.40 35.50 10% 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 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 0 891 010 011 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 0 891 010 011 Suivi de commandes CARTE

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 1 1.02 Auteur 1 23/05/2006 00:00 en cours Afficher toutes les valeurs PJ type 2 Nom 2 1 Auteur 2 en cours 23/05/2006 00:00 Filtrer sur (vide) PJ type 3 Nom 3 1 Auteur 3 23/05/2006 00:00 en cours Effacer le filtre MP Farine Farine PJ type 4 Nom 4 1 Auteur 4 23/05/2006 00: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

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.

Tout près de chez nous Client: La Poste Mission: Création d'un service communautaire de proximité Adresse: http://www.toutpresdecheznous.fr/ - 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 - 2006 - 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

Tout près de chez nous Client: La Poste Mission: Création d'un service communautaire de proximité Adresse: http://www.toutpresdecheznous.fr/ - 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

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

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

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

Webmail La Poste Client: La Poste Mission: Refonte du service mail Adresse: http://www.laposte.net/ - Déclinaison graphique des écrans - Création et découpage des pictogrammes - Conseil technique pour les équipes de développement www.laposte.net 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 Email N de téléphone Amis Amis (0 en liste) Ballade Aimée 3 Aimée Ballade ballade.aimée@sfr.net 0312345678 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 Email Numéro de téléphone Ajouter Shopping 41 Extrait du graphic design. page 1 / 1 < préc... 4 5 6 7 8 9... suiv >

Yoono Login : Aide Forum Blog Client: Yoono Mot de passe : Mot de passe oublié Ok Mission: Refonte du plugin communautaire permettant la découverte et le partage de sites Internet Adresse: http://www.yoono.com/index.jsp - Améliorations fonctionnelles de l'outil - Conception des storyboards - Refonte du site Internet (toujours en cours) Accueil Découvertes Communauté Yoono Rechercher : Ok C'est quoi Yoono? Bienvenue Découverte et partage Collecter des contenus Animer des communautés TÉLÉCHARGER YOONO Bienvenue > Pri ea congue quaestio, his an tation oporteat appellantur. > Consul facilis his, has suas abhorreant ei. Eos feugiat > Facilis his, has suas abhorreant Voir la démonstration TÉLÉCHARGER YOONO Découvertes??? Découvertes Découvertes Découvertes Surprise En rapport avec le site : You tube Sites similaires Resevatweb Resevatweb Resevatweb Resevatweb Resevatweb + voir plus Yoosers qui aiment ce site + voir plus Tag associés Cinéma 3d Graphisme Movie Voyage sport Yoono search Ok Surprise Amis - onglet contacts Resevatweb Favoris Tag : Cinéma, 3d, Graphisme, Internet Voyage, sport Popularité : XX Références XX Visites cette semaine? Découvertes Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi ornare malesuada Surprise Découvertes > Cinéma > Ergonomie > Thème > Internet > Thème > Thème > Thème > Thème > Graphisme > Thème > Thème > Voiture > Thème > Thème > Thème > Thème > Parcourir les thématiques A ne pas manquer You Tube Cinéma, 3d, Graphisme, Ergonomie, Internet You Tube Cinéma, 3d, Graphisme, Ergonomie, Internet You Tube Cinéma, 3d, Graphisme, Ergonomie, Internet You Tube Cinéma, 3d, Graphisme, Ergonomie, Internet You Tube Cinéma, 3d, Graphisme, Ergonomie, Internet > Voir la communauté Yoono Yoono en Live Aujourd hui Titoune viens de créer un buzz : titoumania - 14h30 Michel5 viens d ajouter mes photos de vacance - 14h00 Dog 127 est ami avec Clément25 sur Flixster Movies - 13h00 LudoF vient de poster une vidéo sur myspace.tv - 13h00 Yoono Flickr Facebook MySpace Yoono > Voir la communauté Yoono Amis Amis Amis Amis Amis 3 Demandes en attente 3 Demandes en attente Contacts Chat / suivis Contacts Chat / suivis Contacts Chat / suivis Découvrir Ajouter Pierre veut être votre amis Sophie vous invite à une Chat Room Titoune veut discuter Découvrir Ajouter Importer vos contacts de MSN, Yahoo, Gmail... Découvrir des Yoosers qui vous ressemble Organiser mes contacts Vacance Amis Famille Xavier75 Je suis occupé Xavier75 Je suis occupé Voir son profil Chatter Suivre son activié Organiser mes contacts Vacance Amis Famille Xavier75 Je suis occupé Amis Chatroom Modifier Public Suivre l activté de cette liste Public Privé Dernières activités : Accueil Découvertes Communauté Yoono Recherche Aide Forum Blog Signaler un abus - Crédits - Copyright 2007 Titoune offline Travail Importer vos contacts de MSN, Yahoo, Gmail... Chercher Gamers Moto 3 Demandes en attente H - 18 ans - Paris Description : Caesarem conveller nisu valido, eique deliberanti.. Centres d intérets : Cinéma, 3d, Graphisme, Internet Voyage, sport Son contenu : XX notes publiées XX Bookmarks publiés Son réseau : XX Amis XX Followers Titoune offline Travail Importer vos contacts de MSN, Yahoo, Gmail... Chercher Gamers Moto 3 Demandes en attente - Xavier75 à ajouté : www.axance.fr - Xavier75 à ajouté : www.axance.fr - Xavier75 à ajouté : www.axance.fr + voir plus Extrait des grilles fonctionnelles. Découvrir Ajouter Dernières activité : - Xavier75 à ajouté : www.axance.fr Découvrir Ajouter Amis - onglet chat Amis Amis Amis Amis Contacts Chat / suivis Contacts Chat / suivis Contacts Chat / suivis Contacts Chat / suivis Activités de mes amis Activités de mes amis Activités de mes amis Chat avec Xavier 75 Xavier75 Xavier75 Xavier75 Cette espace vous permet : - Suivre l activité de vos amis Viens d ajouter: www.axance.fr Titoune Viens d ajouter: www.axance.fr Titoune Salut t es nouveau ici? Moi - De chatter avec vos amis Viens de créer la chatroom Voyage Qui connais un super site de video en ligne? Oui je viens juste d installer l appli :-) Nico72 Nico72 Xavier75 Viens de créer un bloc-note sur best surf video Viens de créer une note sur best surf video Tu va voir c est top cannon ce truc!!! Steph Steph Découvrir Ajouter Un nouveau Bookmark viens d etre ajouté au 3 Demandes en attente dossier commun Découvrir Ajouter Un nouveau Bookmark viens d etre ajouté au 1 Demandes en attente dossier commun Découvrir Ajouter Découvrir Ajouter Extrait du storyboard. 42

Document confidentiel - Copyright Cyril Codogno - 2008