29
PROJET 2 FORMULAIRE DE RECHERCHE ET RÉSULTATS Travail présenté à Isabelle Sperano Design d’interface web II ( DES-3201 ) Travail réalisé par : François Bernard-Sévigny ( 111 009 535 ), Katherine Delisle ( 111 012 917 ) et Gina Lai ( 910 115 573 ) Université Laval Hiver 2013

Borne interactive 411

Embed Size (px)

DESCRIPTION

Présentation du concept d'une borne interactive installé dans des abribus pour le Canada 411. Projet fictif pour le cadre du cours Design web II à l'Université Laval.

Citation preview

Page 1: Borne interactive 411

PROJET 2

FORMULAIRE DE RECHERCHE ET RÉSULTATS

Travail présenté à Isabelle SperanoDesign d’interface web II ( DES-3201 )

Travail réalisé par :François Bernard-Sévigny ( 111 009 535 ), Katherine Delisle ( 111 012 917 ) et Gina Lai ( 910 115 573 )

Université LavalHiver 2013

Page 2: Borne interactive 411

Canada 411

Pages blanches / Pages jaunes Cherche une personne Promotion des entreprises

Page 3: Borne interactive 411

Problématique54% des canadiens ont un téléphone intelligent

46% 54%

Page 4: Borne interactive 411

Problématique54% des canadiens ont un téléphone intelligent

46% 54%

Qu’est-ce qu’on fait avec les autres?

Page 5: Borne interactive 411

Public cible

Touristes

Page 6: Borne interactive 411

Public cible

Touristes

Forfait internet mobile et l’étranger = $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$

Page 7: Borne interactive 411

Public cible

Touristes Transport en communLocal

Personne en déplacement

Page 8: Borne interactive 411

Borne interactive 411

Écran tactile intégré à certains abribus

Page 9: Borne interactive 411

01 - Accueil

Borne interactive Canada 411Choisissez votre langue.Choose your language.

10:32Vendredi

1er mars 2013

Page 10: Borne interactive 411

02 - Tutoriel d’utilisation

du Pont

Boulevard Charest Est

Rue du Pont

Saint-Vallier Est

hamCôte d’Abraham

Saint-Vallie

r Est

Côte de la Potas

se

Rue Vallière

Parc-de-l’Artillerie

Côte

Côte du Palais

Rue Mcm

ahon

Rue des Glacis

Rue Saint-Olivier

Rue d’Aiguillon

Rue d’Aiguillon

Rue Saint-Jean

Rue Saint-Jean

Rue Saint Joachim

Rue ScottRue de Lom

ParcBerthelot

Avenue Honoré Mercier

Boulevard René-Lévesque E

llée E

Lieu historique national desFortifications-de-Québec

Rue Saint Louis

Avenue Coo

Côte de la Citadelle

Rue d’Auteuil

Rue Saint Jean

Rue Dauphine

Rue d’Auteuil

Avenue Saint Denis

Rue Sainte Angèle

Rue Dauphine

Rue Sainte-Ursule

Rue Saint-Jean

Rue Couillard

Rue GarneauCôte de la Fabrique

Rue De Bua

Rue

Sain

te-F

amill

e

Vous pouvez aussi vous déplacer et effectuer des zooms avec cet outil.

Utilisez ces gestesafin de naviguer sur l’écran.

SÉLECTIONNER

ZOOM ARRIÈRE ZOOM AVANT

DÉPLACER

RechercheCatégories

PERSONNE SOINS

ÉPICERIES BARS / PUBS

MAGASINSRESTAURANTS BANQUES

HÔTELS DIVERTISSEMENT

Ex: commerce, rue, personne

ENGLISH AIDE

Borne interactive Canada 411 -12°C

Vendredi1er mars 2013

Page 11: Borne interactive 411

du Pont

Boulevard Charest Est

Rue du Pont

Saint-Vallier Est

hamCôte d’Abraham

Saint-Vallie

r Est

Côte de la Potas

se

Rue Vallière

Parc-de-l’Artillerie

Côte

Côte du Palais

Rue Mcm

ahon

Rue des Glacis

Rue Saint-Olivier

Rue d’Aiguillon

Rue d’Aiguillon

Rue Saint-Jean

Rue Saint-Jean

Rue Saint Joachim

Rue ScottRue de Lom

ParcBerthelot

Avenue Honoré Mercier

Boulevard René-Lévesque E

llée E

Lieu historique national desFortifications-de-Québec

Rue Saint Louis

Avenue Coo

Côte de la Citadelle

Rue d’Auteuil

Rue Saint Jean

Rue Dauphine

Rue d’Auteuil

Avenue Saint Denis

Rue Sainte Angèle

Rue Dauphine

Rue Sainte-Ursule

Rue Saint-Jean

Rue Couillard

Rue GarneauCôte de la Fabrique

Rue De Bua

Rue

Sain

te-F

amill

e

Sélectionnez une catégorie ouutilisez la barre de recherche.

VOUSÊTES ICI

VOUSÊTES ICI

RechercheCatégories

PERSONNE SOINS

ÉPICERIES BARS / PUBS

MAGASINSRESTAURANTS BANQUES

HÔTELS DIVERTISSEMENT

Ex: commerce, rue, personne

ENGLISH AIDE

10:32Vendredi

1er mars 2013Borne interactive Canada 411

03 - Tutoriel pour commencer

Page 12: Borne interactive 411

04 - Choix parmi les catégories (Restaurants)

du Pont

Boulevard Charest Est

Rue du Pont

Saint-Vallier Est

hamCôte d’Abraham

Saint-Vallie

r Est

Côte de la Potas

se

Rue Vallière

Parc-de-l’Artillerie

Côte

Côte du Palais

Rue Mcm

ahon

Rue des Glacis

Rue Saint-Olivier

Rue d’Aiguillon

Rue d’Aiguillon

Rue Saint-Jean

Rue Saint-Jean

Rue Saint Joachim

Rue ScottRue de Lom

ParcBerthelot

Avenue Honoré Mercier

Boulevard René-Lévesque E

llée E

Lieu historique national desFortifications-de-Québec

Rue Saint Louis

Avenue Coo

Côte de la Citadelle

Rue d’Auteuil

Rue Saint Jean

Rue Dauphine

Rue d’Auteuil

Avenue Saint Denis

Rue Sainte Angèle

Rue Dauphine

Rue Sainte-Ursule

Rue Saint-Jean

Rue Couillard

Rue GarneauCôte de la Fabrique

Rue De Bua

Rue

Sain

te-F

amill

e

VOUSÊTES ICI

VOUSÊTES ICI

RechercheCatégories

PERSONNE SOINS

ÉPICERIES BARS / PUBS

MAGASINSRESTAURANTS BANQUES

HÔTELS DIVERTISSEMENT

Ex: commerce, rue, personne

ENGLISH AIDE

-12°CVendredi

1er mars 2013Borne interactive Canada 411

Page 13: Borne interactive 411

05 - Affichage de tous les restaurants

du Pont

Boulevard Charest Est

Rue du Pont

Saint-Vallier Est

hamCôte d’Abraham

Saint-Vallie

r Est

Côte de la Potas

se

Rue Vallière

Parc-de-l’Artillerie

Côte

Côte du Palais

Rue Mcm

ahon

Rue des Glacis

Rue Saint-Olivier

Rue d’Aiguillon

Rue d’Aiguillon

Rue Saint-Jean

Rue Saint-Jean

Rue Saint Joachim

Rue ScottRue de Lom

ParcBerthelot

Avenue Honoré Mercier

Boulevard René-Lévesque E

llée E

Lieu historique national desFortifications-de-Québec

Rue Saint Louis

Avenue Coo

Côte de la Citadelle

Rue d’Auteuil

Rue Saint Jean

Rue Dauphine

Rue d’Auteuil

Avenue Saint Denis

Rue Sainte Angèle

Rue Dauphine

Rue Sainte-Ursule

Rue Saint-Jean

Rue Couillard

Rue GarneauCôte de la Fabrique

Rue De Bua

Rue

Sain

te-F

amill

e

VOUSÊTES ICI

VOUSÊTES ICI

RechercheRestaurants

ENGLISH AIDE

Ex: commerce, rue, personneType de mets

Sélectionner le type de mets

Proximité

Sélectionner la distance

PRÉCÉDENT

10:33Vendredi

1er mars 2013Borne interactive Canada 411

Page 14: Borne interactive 411

06 - Choix parmi les filtres (Type)

du Pont

Boulevard Charest Est

Rue du Pont

Saint-Vallier Est

hamCôte d’Abraham

Saint-Vallie

r Est

Côte de la Potas

se

Rue Vallière

Parc-de-l’Artillerie

Côte

Côte du Palais

Rue Mcm

ahon

Rue des Glacis

Rue Saint-Olivier

Rue d’Aiguillon

Rue d’Aiguillon

Rue Saint-Jean

Rue Saint-Jean

Rue Saint Joachim

Rue ScottRue de Lom

ParcBerthelot

Avenue Honoré Mercier

Boulevard René-Lévesque E

llée E

Lieu historique national desFortifications-de-Québec

Rue Saint Louis

Avenue Coo

Côte de la Citadelle

Rue d’Auteuil

Rue Saint Jean

Rue Dauphine

Rue d’Auteuil

Avenue Saint Denis

Rue Sainte Angèle

Rue Dauphine

Rue Sainte-Ursule

Rue Saint-Jean

Rue Couillard

Rue GarneauCôte de la Fabrique

Rue De Bua

Rue

Sain

te-F

amill

e

VOUSÊTES ICI

VOUSÊTES ICI

RechercheRestaurants

Ex: commerce, rue, personne

Cambodgienne

Canadienne

Déjeuners

Familiale

Française

Fruits de mer

Grillades

Italienne

Pâtes

Pizza

Rôtisserie

Steak house

Terroir

Thaïlandaise

Vietnamienne

ENGLISH AIDE

Sélectionner le type de mets

Proximité

Sélectionner la distance

PRÉCÉDENT

-12°CVendredi

1er mars 2013Borne interactive Canada 411

Page 15: Borne interactive 411

07 - Affichage des restaurants selon le filtre Type

du Pont

Boulevard Charest Est

Rue du Pont

Saint-Vallier Est

hamCôte d’Abraham

Saint-Vallie

r Est

Côte de la Potas

se

Rue Vallière

Parc-de-l’Artillerie

Côte

Côte du Palais

Rue Mcm

ahon

Rue des Glacis

Rue Saint-Olivier

Rue d’Aiguillon

Rue d’Aiguillon

Rue Saint-Jean

Rue Saint-Jean

Rue Saint Joachim

Rue ScottRue de Lom

ParcBerthelot

Avenue Honoré Mercier

Boulevard René-Lévesque E

llée E

Lieu historique national desFortifications-de-Québec

Rue Saint Louis

Avenue Coo

Côte de la Citadelle

Rue d’Auteuil

Rue Saint Jean

Rue Dauphine

Rue d’Auteuil

Avenue Saint Denis

Rue Sainte Angèle

Rue Dauphine

Rue Sainte-Ursule

Rue Saint-Jean

Rue Couillard

Rue GarneauCôte de la Fabrique

Rue De Bua

Rue

Sain

te-F

amill

e

VOUSÊTES ICI

VOUSÊTES ICI

VOUSÊTES ICI

VOUSÊTES ICI

RechercheRestaurants

Ex: commerce, rue, personne

ENGLISH AIDE

Proximité

Sélectionner la distance

Type de mets

Terroir

PRÉCÉDENT

10:34Vendredi

1er mars 2013Borne interactive Canada 411

Page 16: Borne interactive 411

08 - Choix parmi les filtres (Proximité)

du Pont

Boulevard Charest Est

Rue du Pont

Saint-Vallier Est

hamCôte d’Abraham

Saint-Vallie

r Est

Côte de la Potas

se

Rue Vallière

Parc-de-l’Artillerie

Côte

Côte du Palais

Rue Mcm

ahon

Rue des Glacis

Rue Saint-Olivier

Rue d’Aiguillon

Rue d’Aiguillon

Rue Saint-Jean

Rue Saint-Jean

Rue Saint Joachim

Rue ScottRue de Lom

ParcBerthelot

Avenue Honoré Mercier

Boulevard René-Lévesque E

llée E

Lieu historique national desFortifications-de-Québec

Rue Saint Louis

Avenue Coo

Côte de la Citadelle

Rue d’Auteuil

Rue Saint Jean

Rue Dauphine

Rue d’Auteuil

Avenue Saint Denis

Rue Sainte Angèle

Rue Dauphine

Rue Sainte-Ursule

Rue Saint-Jean

Rue Couillard

Rue GarneauCôte de la Fabrique

Rue De Bua

Rue

Sain

te-F

amill

e

VOUSÊTES ICI

VOUSÊTES ICI

VOUSÊTES ICI

VOUSÊTES ICI

RechercheRestaurants

Ex: commerce, rue, personne

ENGLISH AIDE

Type de mets

Terroir

Moins de 1 km

1 à 5 km

5 à 10 km

Plus de 10 kmSélectionner la distance

PRÉCÉDENT

-12°CVendredi

1er mars 2013Borne interactive Canada 411

Page 17: Borne interactive 411

09 - Affichage des restaurants selon le filtre Proximité

ham

Ave

nue H

onoré

Mercie

r

Rue Sain

t-Jean

Rue Sain

t-Jean

Rue D’A

iguill

on

Rue S

aint Jo

achim

Côte

de la

Pota

sse

Rue d

es G

lacis

Rue Sain

t-Je

an

Ru

e d

’Au

teu

il

Rue M

cmah

on

Rue Sain

t-Je

an

Rue S

ain

te A

ngèle

Rue S

ain

te-U

rsule

Ru

e d

’Au

teu

il

te d

e l’E

scarp

e

Rue Dauphin

e

Rue Dauphin

eRue d

’Aute

uil

Parc

Saint-Matthews

Parc

de l’Esplanade

Parc-de-l’Artillerie

VOUSÊTES ICI

VOUSÊTES ICI

RechercheRestaurants

Ex: commerce, rue, personne

ENGLISH AIDE

Proximité

Moins de 1 km

Type de mets

Terroir

PRÉCÉDENT

10:35Vendredi

1er mars 2013Borne interactive Canada 411

Page 18: Borne interactive 411

10 - Sélection d’un restaurant (Le Patriarche)

ham

Ave

nue H

onoré

Mercie

r

Rue Sain

t-Jean

Rue Sain

t-Jean

Rue D’A

iguill

on

Rue S

aint Jo

achim

Côte

de la

Pota

sse

Rue d

es G

lacis

Rue Sain

t-Je

an

Ru

e d

’Au

teu

il

Rue M

cmah

on

Rue Sain

t-Je

an

Rue S

ain

te A

ngèle

Rue S

ain

te-U

rsule

Ru

e d

’Au

teu

il

te d

e l’E

scarp

e

Rue Dauphin

e

Rue Dauphin

eRue d

’Aute

uil

Parc

Saint-Matthews

Parc

de l’Esplanade

Parc-de-l’Artillerie

Le Patriarche17 rue Saint Stanislas

Québec, Québec

G1R 4G7

T 1-418-692-5488

Dimanche

Lundi

Mardi

Mercredi

Jeudi

Vendredi

Samedi

HEURES D’OUVERTURE

PRIX 40-50$

17:30–22:30

Fermé

17:30–22:30

17:30–22:30

17:30–22:30

17:30–22:30

17:30–22:30

OBTENIRDIRECTIONS

VOUSÊTES ICI

VOUSÊTES ICI

RechercheRestaurants

Ex: commerce, rue, personne

ENGLISH AIDE

Proximité

Moins de 1 km

Type de mets

Terroir

PRÉCÉDENT

-12°CVendredi

1er mars 2013Borne interactive Canada 411

Page 19: Borne interactive 411

11 - Obtention de l’itinéraire (Pied) & Impression

Richelieu

Carré d’Youville

Placed’Youville

École Oraliste de Québec pour

Enfants Sourds

Lieu historiquenational du

Parc-de-l’Artillerie

Chantauteuil

Restaurant LePetit Coin Latin

Maison Dauphine& École de la Rue

Chapelledes Jésuites

Coureur des Bois

Au Petit Coin Breton

Les Lofts1048

DL X-deluxeSt-Jean

Porte St-JeanSouvenirs

Boutique Crocs

PubSaint-Alexandre

Librairie Pantoute

Saint-James

Auberge internationale de Québec

Agence ParcsCanada

Bain SaunaHippocampe

Rue d’AuteuilCôte de l’Escarpe

Rue d’Auteuil

Rue Sainte-Ursule

Rue Sainte Angèle Rue Daue Saint Stanislas

Rue Saint-Jean

B

A

VOUSÊTES ICI

VOUSÊTES ICI

Recherche

Ex: commerce, rue, personne

À PIED AUTOBUS

ENGLISH AIDE

Borne interactive 411Carré d’Youville

Marcher. Prendre la direction est sur Rue Saint-Jean vers Côte de l'Escarpe230 m

Marcher. Prendre à gauche sur Rue Saint Stanislas 30 m

Restaurant le Patriarche17 Rue Saint StanislasQuébec, QC G1R 4G7, Canada(418) 692-5488

Imprimez les directions

B

A

PRÉCÉDENT

Directions

10:36Vendredi

1er mars 2013Borne interactive Canada 411

Page 20: Borne interactive 411

12 - Fin de la recherche

Borne interactive Canada 411Merci d’avoir utilisé la

NOUVELLERECHERCHE TERMINER

-12°CVendredi

1er mars 2013

Prenez votre reçusitué à votre droite.

Page 21: Borne interactive 411

13 - Retour à l’accueil

Borne interactive Canada 411Choisissez votre langue.Choose your language.

10:32Vendredi

1er mars 2013

Page 22: Borne interactive 411

Itinéraire imprimé

Borne interactive 411Carré d’Youville

Marcher. Prendre la direction est sur

Rue Saint-Jean vers Côte de l'Escarpe

230 m

Marcher. Prendre à droite sur Rue Saint

Stanislas

30 m

Restaurant le Patriarche17 Rue Saint Stanislas

Québec, QC G1R 4G7, Canada

(418) 692-5488

A

B

Borne interactive 411Carré d’Youville

Carré

d’Youville

Place

d’Youville

École Oraliste de

Québec pour

Lieu historique

national du

Parc-de-l’Artillerie

Auberge

internationale

de Québec

lieu R

ue

d’A

ute

uil

te d

e l’E

sc

Ru

e d

’Au

teu

il

Rue S

ain

te-U

rsule

Rue S

ain

te A

ngèle

Rue S

ain

t Sta

nisla

s

Rue Sain

t-Je

an

A

B

Page 23: Borne interactive 411

Emplacements

Terminusles Saules

Station de la

Couronne

Carréd’Youville

René- Lévesque

Cartier

StationLaurier

UniversitéLaval

Page 24: Borne interactive 411

Mise en contexte

Page 25: Borne interactive 411

Mise en contexte

Page 26: Borne interactive 411

Limites

• Différentes grandeurs≠ enfants, personnes de petites tailles et personnes se déplaçant en chaise-roulante

• Vandalisme

• Alimentation en papier

• Mitaines et gants

Page 27: Borne interactive 411

Ouvertures

• Exporter le concept au Canada

• Différents moyens de transport en commun

• Téléphone intelligent

• Commandes vocales

Page 28: Borne interactive 411

Bibliographie• Canada411 ( http ://www.fr.canada411.ca/ ) est un site Web Canadien pour trouver une personne ou une entreprise.

• Clark, J. ( 2012 ). Designing for touch. Repéré à http ://www.netmagazine.com/features/designing-touch

• Swann, M. ( 2006 ). Ergonomics of Touch Screens. Repéré à http ://www.ergonomic-solutions.net/pdf/Touch_Screen_Ergonomics_06.pdf

• T., Anthony ( 2012 ). Finger-Friendly Design : Ideal Mobile Touchscreen Target Sizes. Repéré à http ://uxdesign.smashingmagazine.com/2012/02/21/finger-friendly-design-ideal-mobile-touchscreen-target-sizes/

• AMCA ( 2012 ). CBS Affichage. Repéré à http ://www.omaccanada.ca/fr/cies_produits/cbs_outdoor/default.omac

• Yates, I. ( 2012 ). Life Beyond 960px : Designing for Large Screens. Repéré à http ://webdesign.tutsplus.com/articles/general/life-beyond-960px-designing-for-large-screens/

• Krueger, M. ( 2011 ). Jakob Nielsen on Usability for Mobile Sites and Apps. Repéré à http ://www.clickz.com/clickz/column/2099266/jakob-nielsen-usability-mobile-sites-apps

Page 29: Borne interactive 411

Merci