27
REFONTE ERGONOMIQUE Architecture de linformation User experience Design graphique 1 / …

Recommandation ergo pagesjaunes 2006

Embed Size (px)

DESCRIPTION

Recommandation pour la compétition de la refonte Pages Jaune - 2006 -

Citation preview

Page 1: Recommandation ergo pagesjaunes 2006

REFONTE ERGONOMIQUE

Architecture de l’information

User experience

Design graphique

1 / …

Page 2: Recommandation ergo pagesjaunes 2006

2 Un scénario stratégique

BDD

Résultat

Pertinence de la recherche

Mise en relation Services de mise en relation

Tableau de bord

Petites annonces

Qualifier

Pages perso

Pages pro

Recherche / guidage Pertinence des critères

à Enrichir la base de données des particuliers et surtout des professionnels. à Simplifier le parcours des utilisateurs pour offrir une meilleure expérience online. à Anticiper les évolutions du secteur (concevoir aujourd’hui les services de demain + être là où sont les utilisateurs d’internet pour ne pas laisser le champ libre aux concurrents). à Rajeunir graphiquement le site.

à Imposer pages jaunes comme un moteur de recherche de type universel dans ses annuaires mais aussi sur des contenus web pertinents à Moderniser et asseoir l’image de marque de leader de la mise en relation à Séduire par les besoins, les services et répondre aux usages Web2.0 en 1to1 / 1to ALL

Page 3: Recommandation ergo pagesjaunes 2006

3

Moteur de recherche

annonceur

Enjeux et partis pris d’interface Stratégie d’experience utilisateur

A Un moteur de recherche puissant

et c’est tout !

Moteur de recherche

annonceur

annonceur

B Un moteur de recherche

intégré dans

un portail de proximité

annonceur

annonceur

Modèle GOOGLE

Qui demande de faire évoluer les algorithme pour plus de puissance et de contextualisation au cœur de la liste de résultat

Agréger du contenu hyper localisé et offrir des rubriques étoffées d’information, de services et de

contenus ou les annonceurs sont mis en avant

Page 4: Recommandation ergo pagesjaunes 2006

4

Les cadres Notre compréhension de la cible cadre (40%) : Rapport affectif à la marque et au service = Pages Jaunes solutionne, on le découvre et l’utilise en famille de nécessité voir d’urgence, c’est le passage obligé. Un rapport presque intime avec cet annuaire qui les a accompagné dans les premières démarches d’adultes. C’est une histoire de génération, le cadre a grandi avec les Pages Jaunes et à suivi son essor sur les différents supports, papier, minitel, téléphone, web, mobile…

Relation Friendly

Les utilisateurs et l’interface vont dialoguer

Tout le monde Ce profil permet de mettre en évidence la disparité des individus et des couches de la société amenée à utiliser l’interface. Une véritable institution.

Relation cordiale

Les jeunes 15 ans en 2007 je suis né en 1992 Les jeunes générations 11/25 ans sont des profils particulièrement sensibles, ils héritent beaucoup moins de l’héritage culturel des cadres et, pour les plus jeunes ne reconnaissent pas la marque comme unique, ils sont habitués aux services de renseignements des opérateurs de téléphonie mobile et surfent de moteur de recherche en blog pour s’informer . Besoin d’un renseignement… usage mobile et réflexe Google ! Il semble donc qu’un effort particulier soit mené pour imposer le service comme une marque leader sur le média qu’ils dévorent. Famillière des nouvelles technologies, cette cible est bien celle sur laquelle il faut recruter. L’axe de conquête sera sur la pertinence et l’efficacité de l’interface en terme d’interactivité et de design.

Relation de séduction

Créer différentes relations et adapter le discours aux moments opportuns

Attitude frendly : dans l’animation du site, essentiellement dans le moteur de recherche et dans l’éditorial. Dans l’apparition du runner

: l’institution s’exprime dans les échanges importants et formels, lorsque le système dialogue, sur les formulaires, lors des transactions.

Attitude séduction : dans le design de l’interface, son interactivité, ses possibilités, s’inspirer de la culture manga pour donner vie à l’interface métaphore de l’assistant.

Annuaire papier Minitel Internet Mobile + internet

1997 1985 2000

33 ans en 2007

56 ans en 2007

Page 5: Recommandation ergo pagesjaunes 2006

5

Le Web 2.0 Notre compréhension du web 2.0 Terme stigmatisant la mutation du web.

Principes fondateurs

E-bay Contextualisation de l’information, des fonctions et des accès.

Live Search, FlickR, Amazone : Des interfaces qui parlent, une navigation instinctive au fil du besoin.

Des interfaces qui s’adaptent. Un design épuré proche du logiciel. Une évolution vers le tableau de bord Le scroll est roi

Les fonctions de personnalisation L’interface reconnaît ma ville L’interface me reconnaît et me propose un espace privé. Un menu déroulant contextuel apparaît pour les membres

§  Ajouter à mes bookmarks §  Ajouter à mon carnet d’adresse enligne : mon annuaire §  M’envoyer par SMS §  Contacter

1 Usages

2 Technique

3 Interface

Les internautes ont la parole

Le fonctionnel s’impose

interopérabilité

1 Usages

3 interface

2 Technique

3 steps de progression Pour s’imposer

L’interface porte la notion de proximité La fonction proximité est supprimée pour valoriser le service et l’inclure dans les habitudes

§  Automatiquement dès la home §  Tout au long de la consultation

Une navigation très contextuelle La notion de recherche sera extrêmement présente

§  Dans le wording - Dans les résultats

NetVibes : le tableau de bord

Page 6: Recommandation ergo pagesjaunes 2006

6

Imposer le réflexe Pagesjaunes.fr sur le bureau

Principes fondateurs

Dé-portal-isation : je suis sur internet, PagesJaunes toujours à un clic

§  Valoriser la toolbar §  Renforcer la présence dans les

mash-up sur les sites type Netvibes

Dé-browser-isation : Je ne suis pas sur internet, PagesJaunes toujours à un clic

Créer un widget à installer sur le PC §  Recherche pages jaunes §  Recherche pages web §  Météo, Sortir, accès à mes pages perso §  Mise en relation §  Synchronisation de l’annuaire en ligne

Dé-computeur-isation : Je suis loin de mon ordinateur ou je n’ai pas le web Valoriser le service sur les mobiles et la présence en homescreen des opérateurs

§  Plus prêt du mobile

Un emplacement légitime pour un annuaire à Être au cœur du dispositif, au plus proche de ses utilisateurs, toujours disponible à un clic L’utilisation principale de l’informatique des foyers tourne autour des tâches administratives, de la correspondance ou de la communication. Les utilistauers restent à 1 clic de tous leurs services Un emplacement stratégique que certains exploitent déjà.

Particulier

professionnel

Pages Jaunes

Un emplacement bien légitime pour un facilitateur

à Créer le cercle de mise en relation La qualité des services relationnels fait le bonheur des utilisateurs : MSN. Grâce à Windows Live Messenger, toutes les communautés de messagerie instantanée sont regroupées.

Google desktop

33% de pénétration

Yahoo go engine !

110 000 utilistaeurs en france

T online Task Board

60% de pénétration

En Allemenagne MSN Messenger

5,9 M d’utilisateurs en France

11 M d’utilisateurs de média player

Search bar

21% de pénétration en France

Compagnon Orange

et Destop search

Installés par défaut dans la Live Box, Pages Jaunes fait actuellement parti du Kiosque

Particulier

Professionnel

Pages Jaunes

Ou ? Chercher dans Plus de critères Définir les filtres Quoi / Qui ? Rechercher

Page 7: Recommandation ergo pagesjaunes 2006

7

Se positionner comme un grand moteur et tisser des liens sociaux

Principes fondateurs

à Être au cœur du dispositif, au plus proche de ses utilisateurs

Les usages liés à la recherche de petites annonces, de professionnels sont de véritables vecteurs de lien sociaux que la localisation encourage

La relation avec l’interface détermine la relation avec la marque. Un bon service sera vite connu et « recommandé à un ami » Les petites annonces, les pages perso, les pages blanches, les bons plans, mes commerçants, près de la maison, près du boulot, près de l’école… Autant de raisons pour tisser des réseaux sociaux de surfer sur le phénomène blog

Pages jaunes

Pages Web

Pages Perso

Pages Blanches

Ville en direct

Publicité

Plus près des pros §  Préparer mes déplacements §  Générer du trafic sur mon site, m’aider à me référencer §  Générer des opportunités commerciales §  Être plus réactif, gagner du temps, dépenser moins d’argent au téléphone §  Le lien avec les Pages pro

à La plupart des échanges se font sur l’interface pages jaunes et moins au téléphone à Chaque demande de prestation est localisé dans ville en direct avec un calcul automatique des itinéraires, des plans, des fournisseurs à proximité à Les échanges sont gratuits, le professionnel passe moins de temps à répondre au téléphone la fonction appel gratuit est toujours disponible pour les clients

 Contextuellement dans les listes de réponses § Appel gratuit § Mise en relation § Demande devis, réservation

 Dans l’espace mise en relation de mes Pages persos

 recherche de prestataire près de chez moi automatique

 demande de devis à tous les prestataires de ma localité je peux joindre des photos, décider de l’heure et du moyen de me contacter, de la date limite de la prestation, de la date limite de réponse, d’un prix plancher ou plafond

 à Le professionnel reçoit des alertes en temps réel par SMS, en fin de journée par mail, en direct sur sa Pagepro, il peut répondre au client directement sur l’interface pour fixer un rendez-vous ou par le moyen demandé

Page 8: Recommandation ergo pagesjaunes 2006

8

contextualisation totale des contenus de proximité

Architecture de l’information

HP PAGESJAUNES G00

Rechercher Pour les pros Autres services Petites annonces

Qui donc Mise en relation

Annuaires du monde …

Pages Jaunes

Pages Blanches

Pages Web

Résultat de recherche

Recherche thématique

Recherche par besoin

Découvrir les services

Authentification Pages Perso

Pages Perso Tableau de bord

Services de mise en relation

Petites annonces – Mes alertes – Demandes de devis – Mon annuaire

– Mes favoris - Mes bons plans

Ajouter à mes Pages Perso

Communiquer Communiquer Pages Ville en Directe

Pages Pro Tableau de bord

Petites annonces – Mes alertes – Réponse mise en relation – Mon annuaire

– Mes favoris - Mes bons plans

Remontée automatique des contenus : A proximité – Ville en Directe - Mappy Chaque donnée est enrichie par la BDD :

coordonnées – plans – trafic – alertes – itinéraires

Authentification Pages Pro

PLATEFORME DE MISE EN RELATION

Etre mis en relation

Qualification des données pro

Qualification des données perso

Qualification des petites annonces

Contenus Ville en Directe contextualisés

Découvrir la ville

Le membre Pages Perso dispose de fonctions d’enregistrement

Mise en relation

1 to 1 Mise en relation

1 to ALL

Page 9: Recommandation ergo pagesjaunes 2006

9

Le Moteur de recherche Aller plus vite dans les résultats de recherche Par la localisation Par un regroupement en catégories connexes Par des systèmes de tris spécifiques Par l’utilisation de mes préférences Par la sollicitation des zones de réponse et de l’avatar

à Plus d’options pour mieux répondre aux attentes des visiteurs

 à Suivre la démocratisation des usages interactifs :

  la charte interactive des PagesJaunes doit servir les besoins utilisateurs et initier un niveau de service « primaire » pour les novices et un niveau secondaire pour les « avertis » sans perturber les premiers.

La zone de saisie

Tapez un lieu associé

Rechercher

Tapez ce que vous cherchez Quoi ? Qui ?

Où ?

Recherchez tout ce que vous voulez avec PagesJaunes.fr

Ex : activité, restaurant, marque…

Ex : ville, métro, code postale, départ

Dans : Les Pages Jaunes

Les Pages Blanches

Les Pages Web new!

> Options Avancées (5) 12 critères disponibles << Recherche initiale

45 réponses PagesJaunes et 234 réponses Pages Web

Quoi ? Qui ? Renault 14 : garages – dépannage - masquer 25 : concessionnaires - masquer 11 : bar restaurant - afficher 01 : plombier - maquser

Où ? Marseille 34 : centre ville - masquer 31 : alentours - afficher

Trier par : site internet localité en savoir plus notoriété ordre alpha

> Définir les filtres (3) 8 filtres disponibles

Enregistrer ma recherche

Christophe Cotin Valois Mes favoris déconnecter

 Imposer le réflexe marque : les pages jaunes est inscrit dans l’inconscient collectif comme un repère, un guide, une référence. Un effort particulier doit être mené sur la cible jeune pour imposer ce réflexe issu des aînés, et positionner le site comme « performant » et séduisant.

 à Une interface qui ressemble à celle des grands

> Options Avancées (5) 12 critères disponibles << Recherche initiale

145 réponses PagesWeb

Quoi ? Qui ? Restaurant fruits de la mer Essayez : restaurant gastronomique – restauration locale

O : e-commerce 2 : marques / enseignes - masquer 11 : petites annonces – afficher 23 : blog, avis, forum - masquer

Où ? Deauville 4 : médias - masquer 31 : institutions admini. - afficher 45 : autres - afficher

> Définir les filtres (3) 8 filtres disponibles

Christophe Cotin Valois Mes favoris déconnecter

Ville en direct Mardi 12 octobre 2006

Deauville 22° Prévisions à 10 jours

3000 petites annonces

Plan | vue aérienne | trafic | Web Cam | Cinéma | spectacles

30 réponses Pages Jaunes

Ville en direct Mardi 12 octobre 2006

Marseille 22° Prévisions à 10 jours

3000 petites annonces

Plan | vue aérienne | trafic | Web Cam | Cinéma | spectacles

Ou ? Chercher dans Plus de critères Définir les filtres Quoi / Qui ? Rechercher

 à Une logique à décliner sur les browsers

> Options Avancées (5) 12 critères disponibles

10 Ok

> Définir les filtres (3) 8 filtres disponibles

10

10

>>

10

Ok

Options avancées en AJAX sur la même page

Zone de gestion des résultats et de dialogue

Architecture de l’information

Page 10: Recommandation ergo pagesjaunes 2006

10

Moteur de recherche

TOTE

M P

UB

LIC

ITA

IRE

annonceur

Présentation de l’interface Architecture de l’information

Distinguer les différents types d’informations pour répondre à la lecture sur Internet

§  Des outils par rapport à l’éditorial. §  Des informations liées à une localité aux informations liées à un mot-clé. §  Charter les niveaux de navigation : je change de page, je rentre dans un espace, je

modifie l’affichage de la page, je me laisse guider, je comprends les procédures. §  Délimiter des zones fortes et précises. §  Définir des entrées par besoins, puis des scénarii variable par l’édito, les outils, la

sollicitation.

à Je ne lis pas, j’évolue par système de basiles / repères

Contextualiser les requêtes à l’affichage Lors du passage des formulaires aux cartographies : l’un doit répondre à l’autre Lors du passage d’un service à l’autre

§  Recherche, Plan, trafic, ville en direct … Faciliter/inciter le switch entre :

§  PagesJaunes §  PagesWeb §  PagesPerso §  Pages pro

à Je ne navigue plus de page en page j’affiche des outils

Rechercher Petites annonces Demande de devis Pour les pro Quidonc ? Autre services

3 Signature fonctionnelle Permet de relancer la consultation

Zone de contenue / réponse

Zone de témoin de la progression dans les services Outils d’identification et de l’espace Pages Perso

Trois entrées par besoin Le header est commun à tous les espaces et offre des scénarii de consultation différents

1

Zone de localisation Contenu contextuel de la localité intégrés

2

Footer page Jaune Menu institutionnel, rail partenaire

Une tableau de bord Les zones d’affichage sont stables et communiquent entre elles pour contextualiser la consultation Ces zones sont indépendantes et s’adaptent en fonction des besoins comme les volets Windows

Résultat Pages Jaunes Mode à proximité

Pages Ville en Directe Résultat Pages Web

Page 11: Recommandation ergo pagesjaunes 2006

11

Page de Résultats de recherche Pages Jaunes

gestion des résultats

1

Rappel et résumé de ma recherche par catégories de contenus

3

Liste de réponses exhaustive

Me permet d’entrer en relation

D’accéder directement au contenus de ville en directe

4

Ville en directe

Contenus de la localité

Zone de tri, par défaut les résultats sont classés par localité

La visualisation du nombre de pages me donne une idées des proportions et me permet de me repérer dans ma recherche

2

> Options Avancées (5) 12 critères disponibles << Recherche initiale

Autre recherche sur la zone affichée

Quoi ? Qui ?

45 réponses PagesJaunes et 234 réponses Pages Web

Quoi ? Qui ? Renault 14 : garages – dépannage - masquer 25 : concessionnaires - masquer 11 : bar restaurant - afficher 01 : plombier - maquser

Où ? Marseille 34 : centre ville - masquer 31 : alentours - afficher

Trier par : site internet localité en savoir plus notoriété ordre alpha localité

Plan

12 pages : < > 10 Ok Réponses par page

Ok

6 7 8 9 10 11 12

Trier par : site internet localité en savoir plus notoriété ordre alpha localité

12 pages : < > 10 Ok Réponses par page 6 7 8 9 10 11 12

A la une

Raison sociale longue ou annonceur Sur deux lignes

[5àààààà]

7 avenue de la République

13250 Marseille 01 42 56 78 93 Plan | Vues Aériennes | Itinéraire | Photos | A proximité

Envoyer sur mon mobile | Envoyer à un ami

Première ligne de 45 caractères lorem ipsum Deusième ligne de 45 caractères lorem ipsu Troisième ligne de 45 caractères lorem ipsu

13

12

9

3ème Arrondissement 1 réponse

Activité : garage – concessionnaire Renault

4ème Arrondissement 12 réponse2

Agrandir

Vue aérienne

> Définir les filtres (3) 8 filtres disponibles

Enregistrer ma recherche

Ajouter à Mes pages perso

Mise en relation

site internet | fiche pro | clip vidéo | clip audio

Découvrir

Raison sociale longue ou annonceur Sur deux lignes

[5àààààà]

7 avenue de la République

13250 Marseille 01 42 56 78 93 Plan | Vues Aériennes | Itinéraire | Photos | A proximité

Envoyer sur mon mobile | Envoyer à un ami

Ajouter à Mes pages perso

Mise en relation

13

9

1

3

2

2

4

à Des fonctions contextualisées par unité d’information Des contenus contextualisés toujours visibles par l’utilisation du scroll, l’utilisateur dispose toujours du plan associé à son résultat de recherche en vis-à-vis.

Aller plus vite dans les résultats de recherche

Christophe Cotin Valois Mes favoris déconnecter

Ville en direct Mardi 12 octobre 2006

Deauville 22° Prévisions à 10 jours

3000 petites annonces 165 bons plans Plan | vue aérienne | trafic | Web Cam | Cinéma | spectacles

Le membre Page Perso dispose de fonctions d’enregistrement

Présentation de l’interface

Page 12: Recommandation ergo pagesjaunes 2006

12

contextualisation cartographique Dans la continuité de la charte

Intégrer Mappy au cœur du service Ville en Directe maquette fonctionnelle

600

Plan : Accentuer Envoyer à un ami

Afficher : hotl – banques – Métro – Gares – restaurants - mac donalds

Vue aérienne

13

13

12

9

3ème Arrondissement 1 réponse

Autre recherche sur la zone affichée

Quoi ? Qui ? Ok

4ème Arrondissement 1 réponse

2ème Arrondissement 1 réponse

Appel gratuit

01 42 56 78 93

site internet

Raison sociale longue ou annonceur Liquide resize [5àààààà]

7 avenue de la République 13250 Marseille

Plan | Vues Aériennes | Itinéraire | Photos |

A proximité | site internet Première ligne de 45 caractères lorem ipsum Deusième ligne de 45 caractères lorem ipsu Troisième ligne de 45 caractères lorem ipsu

Options : +/- imprimer enregistrer ma recherche

Afficher : restaurants cinémas hôtels boites de nuit musées métros

Agrandir Découvrir Réduire

Autre recherche sur la zone affichée

Quoi ? Qui ?

Plan

Ok

Trier par : site internet localité en savoir plus notoriété ordre alpha localité

12 pages : < > 10 Ok Réponses par page 6 7 8 9 10 11 12

A la une

Raison sociale longue ou annonceur Sur deux lignes

[5àààààà]

7 avenue de la République

13250 Marseille 01 42 56 78 93

Plan | Vues Aériennes | Itinéraire | Photos | A proximité Envoyer sur mon mobile | Envoyer à un ami

Première ligne de 45 caractères lorem ipsum Deusième ligne de 45 caractères lorem ipsu Troisième ligne de 45 caractères lorem ipsu

12

13

12

9

3ème Arrondissement 1 réponse

Activité : garage – concessionnaire Renault

4ème Arrondissement

Agrandir

Vue aérienne

suite retour

Ajouter à Mes pages perso

Mise en relation

site internet | fiche pro | clip vidéo | clip audio

Découvrir

A la une

9

7

Raison sociale longue ou annonceur Sur deux lignes

13

Présentation de l’interface

façade

Page 13: Recommandation ergo pagesjaunes 2006

13

Page de résultats de recherche Pages Web

gestion des résultats

1

Rappel et résumé de ma recherche par catégories de contenus

3

Liste de réponses exhaustive

Nombreuses fonctions contextualisées

4

Ville en directe et Contenus localité

Mise en avant de réponses de professionnels pages jaunes qui ont un site internet

2 1

3

à  Des fonctions contextualisées pour accompagner la recherche Les mots clés les plus tapés sur le thème et le lieu apparaissent à droite Des propositions de thèmes connexes L’actualité Ville en directe de la localité

Aller plus vite dans les résultats de recherche

> Options Avancées (5) 12 critères disponibles << Recherche initiale

145 réponses PagesWeb

Quoi ? Qui ? Restaurant fruits de la mer Essayez : restaurant gastronomique – restauration locale

O : e-commerce 2 : marques / enseignes - masquer 11 : petites annonces – afficher 23 : blog, avis, forum - masquer

Où ? Deauville 4 : médias - masquer 31 : institutions admini. - afficher 45 : autres - afficher

12 pages : < > 10 Ok Réponses par page 6 7 8 9 10 11 12

> Définir les filtres (3) 8 filtres disponibles

::: affichage = -

34 professionnels Pages Jaunes

30 réponses Pages Jaunes

Trouvé

Placement de professionnels page jaune

Terms associé : >>

Voile port Plage crevettes Pêche moulessol bateaux casino

Rechercher aussi : >>

Pplage

Glaces

Voile

Pêche

Marché du port

Rechercher dans les résultats

Ok

Ajouter à mes pages persos

Ajouter à mes pages persos

Fonction TBD

A la une

Christophe Cotin Valois Mes favoris déconnecter

Ville en direct

Plan | vue aérienne | trafic | Web Cam | Cinéma | spectacles

Trier par : site internet localité en savoir plus notoriété ordre alpha localité

12 pages : < > 10 Ok Réponses par page 6 7 8 9 10 11 12

Liste de réponse

2

3

4

5

Zone de tri, par défaut les résultats sont classés par localité

La visualisation du nombre de pages me donne une idées des proportions et me permet de me repérer dans ma recherche

Je dispose de mode d’affichage

Le membre Page Perso dispose de fonctions d’enregistrement

Présentation de l’interface

Mardi 12 octobre 2006

Deauville 22° Prévisions à 10 jours

3000 petites annonces 165 bons plans

5

Page 14: Recommandation ergo pagesjaunes 2006

14

Pages jaunes

Pages web

Un assistant pour mon week-end à Deauville

Scénario

Faire un tour à Deauville

Réservation dinéma

Trouver sur la carte

Réserver un hotel

Retrouver la gare

Retrouver un ami

Organiser sa journée

Retrouver l’hotel

Ville en directe

Pages persos

à  J’utilise mon mail @pagesjaunes.fr à  Je demande l’envoi de SMS avec mes adresses utiles

Réserver un Taxi

Réservation train Formule Duo allez retour

Sur sncf.fr

Mes plans- Mon annuaire Mes itinéraires-Mes favoris

Pages Jaunes

Pages Blanches

Pages Web

Ajouter à mes Pages Perso

Festival de Jazz à Deauville

Festival à Deauville

Ville de Deauville

Site du festival de cinéma

Sites des artistes

Plan

Itinéraire

A la une

Ou dormir ?

Partenaire

Etre mis en relation Sur Pages Jaunes.fr

Prendre rendez-vous Coiffeur pour lundi

Etre mis en relation Sur Pages Jaunes.fr

Trouver la salle de cinéma

Etre mis en relation téléphonique

Météo

Etre mis en relation Sur Pagesperso

imprimer

Web cam

Photos

Vue aérienne

Aller dans un bon restaurant

Page 15: Recommandation ergo pagesjaunes 2006

15

Page d’accueil maquette fonctionnelle VERSION A

Mes pages perso

Pages Blanches

Pages Web QuiDonc Petites Annonces

Mon Pages Jaunes

Autres services

Pages Jaunes

Tapez un lieu associé Rechercher Tapez ce que vous cherchez Quoi ? Qui ? Où ?

Recherchez un professionnel avec PagesJaunes

Ex : activité, restaurant, marque… Ex : ville, métro, code postale, départ

600

> Options Avancées 12 critères disponibles

> Définir les filtres 8 filtres disponibles

Pub IAB

300/250

S’inscrire S’identifier

Rail logo Mention légale

Menu institutionnel générique

Ville en direct

9°C max 6¨min Ciel voilé

Mardi 12 octobre 2006

Paris 3000 petites annonces

>> Où dormir ? >> Où manger ? >> Où sortir ?

Zone auto promotion

PAGES WEB

Egalement sur mobile !! Pages Jaunes.fr

Page 16: Recommandation ergo pagesjaunes 2006

16

Page d’accueil maquette fonctionnelle VERSION B

Mes pages perso

Pages Blanches

Pages Web QuiDonc Petites Annonces

Mon Pages Jaunes

Autres services

Pages Jaunes

Autre ville ou région :

Plan

Ok

Chercher sur la carte

Vue aérienne 600

> Options Avancées 12 critères disponibles

> Définir les filtres 8 filtres disponibles

Toujours plus proche de vous

Pub IAB

300/250

S’inscrire S’identifier

Services et fonctionnalités satelites Niveau 2 + 2 logos partenaires

Rail logo Mention légale

Menu institutionnel générique

Ville en direct

9°C max 6¨min Ciel voilé

Mardi 12 octobre 2006

Paris 3000 petites annonces

>> Où dormir ? >> Où manger ? >> Où sortir ?

Cinéma Les films les Séances : L'actualité nationale ou locale, boxoffice, bandes annonces. Spéctacles Programme, résevation : L'actualité nationale ou locale, programmes ou réservations... Vues aériennes La france en vues aériennes : plus de 400 000 photos couvrant la france entière avec IGN Météo Prévisions jusqu'à 10 jours : Météo des plages, du monde, DOM, carte des pécipitations, satellite... Se déplacer L'état du trafic en temps réel : Iles de France, autoroutes, plages, les plans des villes... Visiter Balades avec photo de villes : Les facades ou les rues de France et d'Espagne Webcams 256 webcams dans toute la france : L'actualité nationale ou locale, boxoffice, bandes annonces.

Pages perso Enregistrez et partagez toutes vos informations pratiques pour vos projets, votre annuaire perso, vos cartes, vos favoris sur internet, vos commerants, près de chez vous, près du boulot, en vacances…

Mise en relation Vous avez besoins d’un professionnels, la liste est longue, rentrez en relation avec eux sans perdre du temps au téléphone, demandez des devis à tous les professionnels de votre quertier, les professionnels viennent à vous gratuitement

Zone auto promotion

PAGES WEB

Encore plus rapide La toolbar PagesJaunes s’installe sur votre navigateur

En savoir plus sur la toolbar

A la une Ville en Directe

Egalement sur mobile !!

Tapez un lieu associé Rechercher Tapez ce que vous cherchez Quoi ? Qui ? Où ?

Recherchez un professionnel avec PagesJaunes

Ex : activité, restaurant, marque… Ex : ville, métro, code postale, départ

Pages Jaunes.fr

Page 17: Recommandation ergo pagesjaunes 2006

17

Page de résultats de recherche Pages Jaunes maquette fonctionnelle

Pages Blanches

Pages Web QuiDonc Petites Annonces

Mon Pages Jaunes

Autres services

Pages Jaunes

Marseille Rechercher Renault Quoi ? Qui ? Où ?

Recherchez un professionnel avec PagesJaunes

Ex : activité, restaurant, marque… Ex : ville, métro, code postale, départ

> Options Avancées (5) 12 critères disponibles

148 pxl

<< Recherche initiale

Autre recherche sur la zone affichée

Quoi ? Qui ?

45 réponses PagesJaunes et 234 réponses Pages Web

Quoi ? Qui ? Renault 14 : garages – dépannage - masquer 25 : concessionnaires - masquer 11 : bar restaurant - afficher 01 : plombier - maquser

Où ? Marseille 34 : centre ville - masquer 31 : alentours - afficher

Trier par : site internet localité en savoir plus notoriété ordre alpha localité

Plan

12 pages : < > 10 Ok Réponses par page

Ok

6 7 8 9 10 11 12

Trier par : site internet localité en savoir plus notoriété ordre alpha localité

12 pages : < > 10 Ok Réponses par page 6 7 8 9 10 11 12

A la une

Raison sociale longue ou annonceur Sur deux lignes

[5àààààà]

7 avenue de la République

13250 Marseille 01 42 56 78 93 Plan | Vues Aériennes | Itinéraire | Photos | A proximité

Envoyer sur mon mobile | Envoyer à un ami

Première ligne de 45 caractères lorem ipsum Deusième ligne de 45 caractères lorem ipsu Troisième ligne de 45 caractères lorem ipsu

12

13

12

9

3ème Arrondissement 1 réponse

Activité : garage – concessionnaire Renault

4ème Arrondissement

Agrandir

Vue aérienne

> Définir les filtres (3) 8 filtres disponibles

Enregistrer ma recherche

Ajouter à Mes pages perso

Mise en relation

site internet | fiche pro | clip vidéo | clip audio

Ville en direct

9°C max 6¨min Ciel voilé

Mardi 12 octobre 2006

Marseille 3000 petites annonces

>> Où dormir ? >> Où manger ? >> Où sortir ?

Christophe Cotin Valois Mes favoris déconnecter

Découvrir

Rail logo Mention légale

Menu institutionnel générique

Raison sociale longue ou annonceur Sur deux lignes

[5àààààà]

7 avenue de la République

13250 Marseille 01 42 56 78 93

Ajouter à Mes pages perso

Mise en relation

Activité : garage – concessionnaire Renault

13

Egalement sur mobile !! Pages Jaunes.fr

Page 18: Recommandation ergo pagesjaunes 2006

18

Page Ville en Directe Météo maquette fonctionnelle

Pages Blanches

Pages Web QuiDonc Petites Annonces

Mon Pages Jaunes

Autres services

Pages Jaunes

Marseille Rechercher Renault Quoi ? Qui ? Où ?

Recherchez un professionnel avec PagesJaunes

Ex : activité, restaurant, marque… Ex : ville, métro, code postale, départ

148 pxl

Météo Cinéma Spéctacle Itinéraire Trafic Photo de ville WebCam Météo

MétéoFrance Météo du monde Bulletin vidéo Europe

Ville en direct

Rechercher sur la zone affichée

Quoi ? Qui ?

Vue aérienne Plan

Ok

13

12

9

Agrandir

Météo locale : Aujourd’hui A 4 jours A 10 jours

A la une

Sorties et spéctacle 5 cinémas

6 salles de spectacles

Météo

Site de la mairie

J’y vais

Sncf – ratp locale

Christophe Cotin Valois Mes favoris déconnecter

Plus d’images

9°C max 6¨min Ciel voilé Plus de météo

Mardi 12 octobre 2006

Marseille Bouches du Rhône - 13 3000 petites annonces 34 hotels 67 restaurants

Découvrir la ville Webacam Photos de ville Vues aériennes

> Pges perso

Rail logo Mention légale

Menu institutionnel générique

Pages Jaunes.fr Egalement sur mobile !!

Page 19: Recommandation ergo pagesjaunes 2006

19

Page de résultats de recherche Pages Web maquette fonctionnelle

Pages Jaunes

Pages Blanches

QuiDonc Petites Annonces

Mon Pages Jaunes

Autres services

Pages Web

Marseille Rechercher Renault Quoi ? Qui ? Où ?

Recherchez un professionnel avec PagesJaunes

Ex : activité, restaurant, marque… Ex : ville, métro, code postale, départ

> Options Avancées (5) 12 critères disponibles

148 pxl

<< Recherche initiale

145 réponses PagesWeb

Quoi ? Qui ? Restaurant fruits de la mer Essayez : restaurant gastronomique – restauration locale

O : e-commerce 2 : marques / enseignes - masquer 11 : petites annonces – afficher 23 : blog, avis, forum - masquer

Où ? Deauville 4 : médias - masquer 31 : institutions admini. - afficher 45 : autres - afficher

12 pages : < > 10 Ok Réponses par page 6 7 8 9 10 11 12

600

> Définir les filtres (3) 8 filtres disponibles

Christophe Cotin Valois Mes favoris déconnecter

Ville en direct Mardi 12 octobre 2006

Deauville 22° Prévisions à 10 jours

3000 petites annonces

Plan | vue aérienne | trafic | Web Cam | Cinéma | spectacles

::: affichage = -

Trier par : voir stb CDC

34 professionnels Pages Jaunes

30 réponses Pages Jaunes

Trouvé

Placement de professionnels Pages Jaunes

Terms associé : >>

Voile port Plage crevettes Pêche moulessol bateaux casino

Rechercher aussi : >>

Pplage

Glaces

Voile

Pêche

Marché du port

Rechercher dans les résultats

Ok

Ajouter à mes pages persos

Ajouter à mes pages persos

FonctionTBD

Rail logo Mention légale

Menu institutionnel générique

Pages Jaunes.fr Egalement sur mobile !!

Autres résultats

Page 20: Recommandation ergo pagesjaunes 2006

20

Page de résultats de recherche Pages Blanches maquette fonctionnelle

600

Pages Jaunes

Pages Web QuiDonc Petites Annonces

Mon Pages Jaunes

Autres services

Pages Blanches

Deauville Rechercher Marine de la vilette Quoi ? Qui ? Où ?

Recherchez un professionnel avec PagesJaunes

Ex : activité, restaurant, marque… Ex : ville, métro, code postale, départ

> Options Avancées (5) 12 critères disponibles

148 pxl

<< Recherche initiale

Autre recherche sur la zone affichée

Quoi ? Qui ?

17 réponses PagesNlanches et 37 réponses Pages Jzaunes

Qui ? Marine de la villette 08 : centre ville - masquer

03 : sur la côte - masquer 06 : alentours - afficher

Où ? Deauville

Trier par : site internet localité en savoir plus notoriété ordre alpha localité

Plan

12 pages : < > 10 Ok Réponses par page

Ok

6 7 8 9 10 11 12

Trier par : site internet localité en savoir plus notoriété ordre alpha localité

12 pages : < > 10 Ok Réponses par page 6 7 8 9 10 11 12

A la une

13

12

9

Agrandir

Vue aérienne

> Définir les filtres (3) 8 filtres disponibles

Enregistrer ma recherche

Ville en direct

9°C max 6¨min Ciel voilé

Mardi 12 octobre 2006

Deauville 3000 petites annonces

>> Où dormir ? >> Où manger ? >> Où sortir ?

Christophe Cotin Valois Mes favoris déconnecter

Découvrir

Pages Jaunes.fr

Rail logo Mention légale

Menu institutionnel générique

Réponses Pages Blanches

Ajouter à mes pages persos

Ajouter à mes pages persos

Ajouter à mes pages persos

Ajouter à mes pages persos

Ajouter à mes pages persos

Ajouter à mes pages persos

13

12

9

3ème Arrondissement 1 réponse

3ème Arrondissement 1 réponse

Page 21: Recommandation ergo pagesjaunes 2006

21

Page d’accueil Pages Web maquette fonctionnelle

600

Pages Jaunes

Pages Blanches

QuiDonc Petites Annonces

Mon Pages Jaunes

Autres services

Pages Web

Marseille Rechercher Renault Quoi ? Qui ? Où ?

Recherchez un professionnel avec PagesJaunes

Ex : activité, restaurant, marque… Ex : ville, métro, code postale, départ

> Options Avancées (5) 12 critères disponibles

148 pxl

> Pges perso

> Définir les filtres (3) 8 filtres disponibles

Christophe Cotin Valois Mes favoris déconnecter

Ville en direct Mardi 12 octobre 2006

Paris 22° Prévisions à 10 jours

3000 petites annonces

Plan | vue aérienne | trafic | Web Cam | Cinéma | spectacles

Cinéma Les films les Séances : L'actualité nationale ou locale, boxoffice, bandes annonces. Spéctacles Programme, résevation : L'actualité nationale ou locale, programmes ou réservations... Vues aériennes La france en vues aériennes : plus de 400 000 photos couvrant la france entière avec IGN Météo Prévisions jusqu'à 10 jours : Météo des plages, du monde, DOM, carte des pécipitations, satellite... Se déplacer L'état du trafic en temps réel : Iles de France, autoroutes, plages, les plans des villes... Visiter Balades avec photo de villes : Les facades ou les rues de France et d'Espagne Webcams 256 webcams dans toute la france : L'actualité nationale ou locale, boxoffice, bandes annonces.

Pub IAB

300/250

Top recherches : >>

Voile port Plage crevettes Pêche moulessol bateaux casino

En bref : Alal une

Dernière minute

Le journal

Le journal des régions

L’image du jour

Toute la météo

Pages Jaunes.fr

Zone auto promotion

PAGES MOBILES

Rail logo Mention légale

Menu institutionnel générique

Page 22: Recommandation ergo pagesjaunes 2006

22

Les partis pris créatifs La Yellow Line

Zoom sur …

Ou ? Chercher dans Plus de critères Définir les filtres Quoi / Qui ? Rechercher

Le bouton, aussi imposant que l’annuaire,

aussi doux que son papier

à  un design orienté logiciel, déclinable sur les devices L’environnement Web 2.O nous influence tout naturellement vers un Design orienté objet, héritier de la culture Apple et PC

Page 23: Recommandation ergo pagesjaunes 2006

23

Intégration graphique de l’univers Pages Jaunes

Une évolution Distinguer les différents types d’informations pour répondre à la lecture sur Internet Les outils et les contenus éditoriaux. Les informations liées à une localité des informations liées à un mot-clé. Charter les niveaux de navigation : je change de page, je rentre dans un espace, je modifie l’affichage de la page, je me laisse guider, je comprends les procédures. Délimiter des zones fortes et précises. Définir des entrées par besoins, puis des scénarii variables par l’édito, les outils, la sollicitation. à Je ne lis pas, j’évolue par système de basiles / repères à Pas d’idées ? Suivre la yellow ligne

Zoom sur …

Page 24: Recommandation ergo pagesjaunes 2006

24

HOME PAGE

Page 25: Recommandation ergo pagesjaunes 2006

25

600

Pages Jaunes

Page 26: Recommandation ergo pagesjaunes 2006

26

Pages Web

Page 27: Recommandation ergo pagesjaunes 2006

27

Merci