14
pauline VEY. 2 DGCMN UN LIEU DE PROMENADE ET DE SÉRENITÉ / RECHERCHE RANDONNÉE L’application permet à l’utilisateur de découvrir les differentes randonnées et chemins pédestres du massif de la Chartreuse en fonction de leur difficulté, et offre une experience d’exploration nouvelle. L’application sert de GPS lors de la promenade et renseigne sur les differents obstacles ou étapes de la randonnée Cette application utilise les systèmes de géolocalisationdu smartphone aisni qu’une map et une vision «rando view» (équivalent de street view en forêt) pour une expérience numérique de sa promenade. il peut se laisser guider à travers les domaines du Massif de Charteuse sans craindre de se perde. incône MAP et pictogramme BALISE Logo de l’application incône RANDO VIEW flèche directionnelle pictogramme DIFFICULTE pictogramme DENIVELE pictogramme DUREE Carte schématique de niveaux du Massif de la Chartreuse Visualisation du «RANDO VIEW» Capture d’écran MAP Capture d’écran RANDO VIEW L’application propose une série de randonnées en fonction de leur difficulté: FACILE : promenade tranquille, idéale pour une balade en famille MOYENNE : promenade sportive, nécessite un effort physique modéré DIFFICILE : réservé aux randonneurs expérimentés, effort physique soutenu

ONF - Design Graphique Numérique - Pauline Veyrard

Embed Size (px)

DESCRIPTION

Projet de 2ème année de BTS Design Graphique option Communication et Médias Numériques réalisé par Pauline Veyrard à Bellecour Ecole.

Citation preview

Page 1: ONF - Design Graphique Numérique - Pauline Veyrard

paul

ine

vey.

2

dg

cm

n

un lieu de promenade et de sérenité / recherche randonnée

L’application permet à l’utilisateur de découvrir les differentes randonnées et chemins pédestres du massif de la Chartreuse en fonction de leur difficulté, et offre une experience d’exploration nouvelle. L’application sert de GPS lors de la promenade et renseigne sur les differents obstacles ou étapes de la randonnée

Cette application utilise les systèmes de géolocalisationdu smartphone aisni qu’une map et une vision «rando view» (équivalent de street view en forêt) pour une expérience numérique de sa promenade. il peut se laisser guider à travers les domaines du Massif de Charteuse sans craindre de se perde.

incône MAP et pictogramme BALISE

Logo de l’application

incône RANDO VIEW

flèche directionnelle

pictogramme DIFFICULTE

pictogramme DENIVELE

pictogramme DUREE

Carte schématique de niveaux du Massif de la Chartreuse Visualisation du «rando view»

Capture d’écran map Capture d’écran rando view

L’application propose une série de randonnées en fonction de leur difficulté:

facile : promenade tranquille, idéale pour une balade en famille

moyenne : promenade sportive, nécessite un effort physique modéré

difficile : réservé aux randonneurs expérimentés, effort physique soutenu

Page 2: ONF - Design Graphique Numérique - Pauline Veyrard

paul

ine

vey.

2

dg

cm

n

un lieu de promenade et de serenité / recherche randonnée

L’application permet à l’utilisateur de découvrir les differentes randonnées et chemins pédestres du massif de la Chartreuse en fonction de leur difficulté, et offre une expérience d’exploration nouvelle. L’application sert de GPS lors de la promenade et renseigne sur les differents obstacles ou étapes de la randonnée.

page d’accueil de l’application

> commencer la randoséléction du mode de direction : map ou rando view

> commencer la rando > mapla mag fonctionne comme un gps sur les chemins de la carte shématique

> menu > mode rando viewce mode fonctionne avec une view à 360° à partir du chemin balisé

> menu > mode rando viewcomme le GPS, l’application indique les directions a prendre aux intersections

menu : choix de la difficulté de randonnée souhaitée

menu > facile présentation des randonnées (noms, zone et longueur en mètre)

menu > facile > croix de la cocheprécisions de la randonnée choisie (difficulté, dénivelé, durée, départ)

> commencer la randopage de chargement

> menu > changer de modepossibilité de changer de mode à tout moment

Page 3: ONF - Design Graphique Numérique - Pauline Veyrard

paul

ine

vey.

2

dg

cm

n

un nouveau regard sur la forêt / recherche panorama

L’application permet à l’utilisateur de changer de regard sur la forêt et ses paysages lors de sa balade, de découvrir les differents monts du massif de la Chartreuse et de le transformer en fonction de la végétation de conifères typique du Massif.

Cette application utilise les systèmes de géolocalisation et de réalité augmentée du smartphone pour une expérience numérique de sa promenade et forêt :L’utilisateur «scanne» le paysage à l’aide de l’appareil photo de son portable pour le transformerà volonté. Grace à la technologie Layar du smartphone, il peut découvrir le nom des montagnes, des cols et des villes qui composent les paysages du Massif de Charteuse.

Sapin Pectiné

Surface rocheuse

Epicéa commun

Interpretation graphique des differentes essences d’arbre typique de Chartreusepage d’accueil et logo de l’appli

panorama transformé : interpretation graphique du paysage généré par l’application >

panorama transformé : coutours et noms des reliefs détéctés par l’application >

utilisation : scan du paysage de gauche à droite, la vue doit être dégagée et clair

utilisation : l’utilisateur peut scanner le paysage horizontalement ou verticalementcapture d’écran

prévisualisation

prévisualisation

Page 4: ONF - Design Graphique Numérique - Pauline Veyrard

paul

ine

vey.

2

dg

cm

n

un nouveau regard sur la forêt / recherche panorama

L’application permet à l’utilisateur de changer de regard sur la forêt et ses paysages lors de sa balade, de découvrir les differents monts du massif de la Chartreuse et de le transformer en fonction de la végétation.

page d’accueil et consigne d’utilisation de l’application.

pour cela, il suffit de le faire glisser de haut en bas. ce mode propose différentes visualisation

prévisualisation des contours du relief grace à la reconnaissance visuelle

prévisualisation des noms des différents cols et monts grace à la géolocalisation

prévisualisation des types de végétation grace au Layar et à la géolocalisation

possibilité de partager ou d’envoyer la prise de vue

l’utilisateur vise le paysage qu’il souhaite transformer grace à l’appareil photo du smartphone.

en scannant le paysage la reconaissance visuelle dessine le contour du relief en pointillés

l’utilisateur peut «balayer» le paysage pour transformer le panorama entier

possibilité de changer le fond d’écran en écran noir pour plus de visibilité

partagerenvoyer à un ami envoyer par mms

Page 5: ONF - Design Graphique Numérique - Pauline Veyrard

paul

ine

vey.

2

dg

cm

n

Vous avez parcouru 5 km en 2 h 34 min

Ajouter une balise

Enregistrer ma balade

Balise : _ _ _ _ _ _ _ _ _ _ _

Vieux chêne

Balise : VIEUX CHÊNE

Vieux chêne

Balise n°2 : Gastronomique.

Nom : Vieux chêneAjouté le 13/10/13 à 15h20Description: petit chemin fleuri, champignons: cèpes et girolles

Balise : _ _ _ _ _ _ _ _ _ _ _

Rûche

Rûche

Lilas

Vieux chêne

Vous avez parcouru 7 km en 2 h 34 5 balises enregistrées

ENREGISTER MA BALADE

Nom : GASTRONOMIQUE7 km environ

Ajoutée le 13/10/13 à 15h20Description: petit chemin fleuri, champignons: cèpes et petit chemin fleuri, champignons: cèpes et girolles, nid de pic vert sur le vieux chêne, 3ème branche.

BALISES ENREGISTRÉES PENDANT LA BALADE: Vieux chêne Ruche Ruche Lilas

Vous avez parcouru 7 km en 2 h 34 5 balises enregistrées

ENREGISTER MA BALADE

Nom : GASTRONOMIQUE7 km environ

Ajoutée le 13/10/13 à 15h20Description: petit chemin fleuri, champignons: cèpes et petit chemin fleuri, champignons: cèpes et girolles, nid de pic vert sur le vieux chêne, 3ème branche.

BALISES ENREGISTRÉES PENDANT LA BALADE: Vieux chêne Ruche Ruche Lilas

Balade n°2 : Gastronomique.7km environ / 5 balisesAjouté le 13/10/13 à 15h20Description: petit chemin fleuri, champignons: cèpes et girolles

Catalogue des balades

SPORTIVE

randonnéefootingTRANQUILLE

senioren familleFFAUNE

mammifèresoiseauxreptilesFLORE

fruitsnoixchampignonschampignons

Activer le traçage.

Balapp’L’application de la

promenade en forêt.

L’application permet à l’utilisateur d’enregistrer le tracé de ses promenades en forêt, de les partager avec les autres utilisateurs de l’application et de consulter les promenades sur le répertoire participatif. Elle utilise la géolocalisation et la technologie Layar* pour une expérience de découverte interactive de la forêt et de ses trésors cachés.

UN LIEU DE promENADE ET DE SErENITE / recherche balise

Page de chargement: la carte per-met de se situer en chartreuse.

Le marcheur peut enregistrer autan de balises qu’il le souhaite.

A la fin de la marche, un récapitu-latif peut être édité, consulté ou partagé aux autres utilisateurs de l’aplication.

A la fin de la marche, un récapitu-latif peut être édité, consulté ou partagé aux autres utilisateurs de l’aplication.

grace à cette base de donnée participative, le promeneur a accès à un catalogue dans lequel il peut choisir une marche.

Il a accès à une description et aux commentaires des autres prome-neurs pour mieux la choisir. Il peut ensuite la suivre grace à la carte.

Une fois la géolocalisation enregis-trée, le promeneur peut commen-cer le traçage de sa marche.

Lors de sa promenade, l’utilisateur peut consulter le temps et la dis-tance parcourue sur la carte.

Celui-ci peut enregistrer sur la carte des balises de ses trouvailles, pour pouvoir s’en rappeller plus tard.

possibilité d’ajouter un nom, une catégorie et des commentaires pour chaque balises.

Activer le traçage.

Balapp’L’application de la

promenade en forêt.

Page 6: ONF - Design Graphique Numérique - Pauline Veyrard

paul

ine

vey.

2

dg

cm

n

onglet «Préparation»

onglet «Comestibles»

onglet «Médicinales»

onglet «Cueillette»

L’application conjuge le plaisir d’une promenade en forêt et d’un mode de vie sain, en faisant dé-couvrir les secrets bienfaisant des plantes sauvages. Cette application premet aux promeneurs de Chartreuse de se familiariser avec les plantes sauvages médicinales et comestibles de la forêt, elle donne accès à un calendrier pour connaitre la période idéale de cueillette, de nombreux conseils pour les récolter, les préparer, et les conserver, et diverses recettes pour les consommer.

Le graphisme s’inspire d’un jeu de carte à jouer aux motifs floraux, dont chaque plante est une carte

. Pictogrammes inspirés de feuilles et fleurs de plantes sauvages emblématiques de Chartreuse.

onglet «plantes comestibles»Fiches descriptive des plantes comestibles classées par ordre alphabètique et comment les reconnaître.

Sélection de plantes sauvages typique de la Chartreuse, à chaque plante est attribuée une couleur.

onglet «plantes medicinales»Fiches descriptive des plantes médicinales classées par ordre alphabètique et comment les reconnaître.

onglet «cueillette»Calendrier de cueillette. pour savoir quelles plantes cueillir à chaque balade, tout au long de l’année.

onglet «recettes»Recettes et conseils de préparationclassées par plantes et par catégorie de plat à base de plantes sauvages.

UN LIEU mAJEUr DE VIE SAUVAGE / recherche flore

Page 7: ONF - Design Graphique Numérique - Pauline Veyrard

paul

ine

vey.

2

dg

cm

n

L’application conjuge le plaisir d’une promenade en forêt et d’un mode de vie sain, en faisant dé-couvrir les secrets bienfaisant des plantes sauvages. Cette application premet aux promeneurs de Chartreuse de se familiariser avec les plantes sauvages médicinales et comestibles de la forêt, elle donne accès à un calendrier pour connaitre la période idéale de cueillette, de nombreux conseils pour les récolter, les préparer, et les conserver, et diverses recettes pour les consommer.

UN LIEU mAJEUr DE VIE SAUVAGE / recherche flore

page d’accueil de l’application, présente les catégories «médicinales, comestibles, cueillette et préparation»

plantes comestibles

dictionnaire ou questionnaire pour reconnaitre la plante trouvée

retour au menu par le même sytème de ‘drag’

accès aux differentes options plantes comestibles > dictionnaire > lettre v > verveine

même chose pour chaque plante.

plantes comestibles > dictionnaire > lettre v > verveine > recette

plantes comestibles > dictionnaire > lettre s > sepolet thym sauvage

affichage de la plante

plantes comestibles > dictionnaire > lettre s > sepolet thym sauvage

split srceen: la description de la plante apparait sous l’image

plantes comestibles > dictionnaire > lettre s > sepolet thym sauvage

visualisation du texte au ‘drag’

Page 8: ONF - Design Graphique Numérique - Pauline Veyrard

paul

ine

vey.

2

dg

cm

n

UN LIEU mAJEUr DE VIE SAUVAGE / recherche faune

L’application permet aux promeneurs d’apprendre à observer les oiseaux. Chaque promeneur peut participer à l’expérience en géolocalisant et en photografiant les spécimens qu’il aime. Cette base de donnée participa-tive peut servir de base à l’étude scientifique du comportement ornithologique.

les différents oiseaux emblématisques sont représentés par leur silhouette typique.

prévisualisations : page d’accueil, fiche d’identité et mise en situationlogo représentant l’oiseau emblématique de la forêt française, la buse variable, petit rapace diurne.

différents pictogrammes rapellent aux promeneurs les bons réflexes a respecter pour l’observation des oiseaux dans leur habitat naturel. ils sont présents dans l’application et sur des panneaux de signalisation à l’entrée du domaine de la Chartreuse.

Page 9: ONF - Design Graphique Numérique - Pauline Veyrard

paul

ine

vey.

2

dg

cm

n

UN LIEU mAJEUr DE VIE SAUVAGE / recherche faune

L’application permet aux promeneurs d’apprendre à observer les oiseaux. Chaque promeneur peut participer à l’expérience en géolocalisant et en photografiant les spécimens qu’il aime. Cette base de donnée participa-tive peut servir de base à l’étude scientifique du comportement ornithologique.

Page d’accueil du site : accès aux differents services de l’application.

Lorsque l’utilisateur ajoute une photographie dans la galerie, celle-ci remplace la silhouette de l’oiseau dans la fiche d’identité.

Grace à la géolocalisation des spé-cimens, l’utilisateur peut consulter les zones d’habitat des oiseaux pour augmenter ses chances de les observer.

L’application offre un carnet, dans lequel il apprend les bons reflexes d’observation ornithologique.

Il accède dans ce carnet à ses oiseaux favoris, ses photos, ses géolocalisations, etc.

Fiche d’identité de la Corneille, décrivant l’oiseau et ses habitudes comportementales.

Buse>Galerie : l’utilisateur peut ajouter sa propre photo pour en-richir la collection de la galerie. La buse a été géolocalisée

Ajout d’une photo de Buse à la galerie participative.

Lorsqu’un de ses spécimen favoris est détécté par un promeneur, une alerte est envoyée aux utilisateurs de l’applicaton.

Fiche d’identité de la Buse, l’utili-sateur peut enregistrer ses oiseaux favoris, écouter leur chant, accèder à la galerie, etc.

Page 10: ONF - Design Graphique Numérique - Pauline Veyrard

paul

ine

vey.

2

dg

cm

n

Logo de l’application :reprenant les repères d’échelle et une typographie inspirée des symboles de cartographie.

De même, les boutons «enregistrement» et «visualisation» présents ci-dessous sont directement inspirés de balises cartographiques.

enregistrement

enregistrement actif

visualisation

visualisation actif

UN NoUVEAU rEGArD SUr LA ForÊT / recherches rythme

L’application enregistre la position, l’allure, l’altitude et la vitesse de la marche en forêt pour la retranscrire en forme géométrique unique, résultant de la synthétisation de ces information. Chaque ballade devient alors sujet à une création graphique, colorée, unique et poétique, pour un nouveau regard sur le massif de la Chartreuse.

carte DEM (carte Digital Elevation Mo-del) colorisée en fonction de l’altitude

capture d’écran de l’application, l’univers graphique se rapporoche des éléments de cartographie et de formes organiques.

Page 11: ONF - Design Graphique Numérique - Pauline Veyrard

paul

ine

vey.

2

dg

cm

n

UN NoUVEAU rEGArD SUr LA ForÊT / RYTHME

L’application enregistre la position, l’allure, l’altitude et la vitesse de la marche en forêt pour la retranscrire en forme géométrique unique, résultant de la synthétisation de ces information. Chaque ballade devient alors sujet à une création graphique, colorée, unique et poétique, pour un nouveau regard sur le massif de la Chartreuse.

Page d’accueil de l’application.

Génération de la forme graphique organique: plus la marche sera rapide, plus la forme sera complexe.

Coloration de la forme graphique sur en fonction du paysage et de l’altitude de la zone.

Visualisation finale de la forme. Chaque marche étant unique, une forme particulière résultera de la promenade.

Lorsque l’utilisateur clique sur le carré hachuré, l’application lance la géolo-calisation de l’appareil sur une carte d’altitude du massif de la Chartreuse.

Zoom sur la zone. Enregistrement de la position, le pro-meneur peut commencer sa prome-nade en forêt.

Enristrement: l’application enregistre les informations relatives à la marche: les changements d’’altitude, d’allure, la température et le temps de marche.

Visualisation: l’appareil analyse les données enregistrées lors de la marche pour générer une forme gra-phique unique

Enregistrement: l’appareil zoom sur la zone géographique localisée.

Page 12: ONF - Design Graphique Numérique - Pauline Veyrard

paul

ine

vey.

2

dg

cm

n

développementUN NoUVEAU rEGArD SUr LA ForÊT / RYTHME L’application enregistre la position, l’allure, l’altitude et la vitesse de la marche en forêt pour la retranscrire en forme géométrique unique, résultant de la synthétisation de ces information.Chaque ballade devient alors sujet à une création graphique, colorée, unique et poétique, pour un nouveau regard sur le massif de la Chartreuse.

page d’accueil de l’application : indications brèves du déroulement de l’expérience et 3 étapes : «localisez, marchez, visualisez.»

étape n°1 : localisez

page de chargement : l’appareil géolocalise sa position dans le massif de la Chartreuse

étape n°1 : localisez

affichage de la carte des reliefs du massif de la Char-treuse et des coordonnées géographiques

étape n°1 : localisez

zoom sur la zone spécifique : la partie hachurée couvre la zone localisée

étape n°1 : localisez

zoom sur la zone spécifique: l’appareil a chargé les coordonnées géographiques de l’utilisateur pour pouvoir «interpréter» la marche

étape n°1 : localisez

lancement du lecteur. transition : isolement de la zone de localisation du marcheur

étape n°2: marchez

mise en place du «lecteur» de marche, le cadre comporte les indications de coordonées géographique ainsi que la distance parcourue et le temps

Page 13: ONF - Design Graphique Numérique - Pauline Veyrard

paul

ine

vey.

2

dg

cm

n

développementUN NoUVEAU rEGArD SUr LA ForÊT / RYTHME

étape n°2 : marchez

pour faire une pause et désactiver l’analyse de la marche, l’utilisateur appuie sur le bouton pause, pour arreter la lecture il appuie sur le bouton stop

étape n°2 : marchez

au stop, enregistrement du parcours et des données affichées, enregistrées lors de la marche

étape n°3 : visualisez

page de transition de l’affichage : quadrillage de la zone

étape n°3 : visualisez

page de transition de l’affichageétape n°3 : visualisez

affichage des données concernant l’allure du marcheurétape n°3 : visualisez

affichage des pauses les petites sont colorisées et grandes en blanc

étape n°3 : visualisez

affichage du parcours de la marche

étape n°2 : marchez

pour activer l’analyse de la marche, l’utilisateur lance la lecture avec le bouton play

Page 14: ONF - Design Graphique Numérique - Pauline Veyrard

paul

ine

vey.

2

dg

cm

n

développementUN NoUVEAU rEGArD SUr LA ForÊT / RYTHME

1

Représentation topographique DEM du secteur de la marche, colorisée en fonction de son altitude.

3Schématique de l’allure globale. plus l’allure est soutenue plus la rosace est complexe. cette forme organqiue sympolise la canopée et les ramifications de la forêt.durée de la marchex distance parcourue = nombre de segments

4Représentation des courts temps de pause et leur colorisation en fonction de l’altitude. (lorsque le marcheur s’arrete pour admirer la vue par exemple)

5Représentation des points de départ et d’arrivée ainsi que des longs temps de pause (bouton pause = arret de l’enregistrement de la marche)

2Représentationdu parcours global dans la zone par un segment

6Interprétation graphique résultant de l’analyse de rythme de la marche: allure, pauses et parcours cumulés.chaque marche donne un graphique différent selon son rythme et sa localisation.

L’application utilise les fonctions du smart phone tels que les coordonées géographiques, l’altimètre, le podomètre ou le chronomètre pour mesurer le rythme de la promenade et retranscrire graphiquement l’allure du promeneur, le résultat apporte une valeur créatrice de la promenade en forêt: l’utilisateur devient «artiste marcheur». L’application permet de créer sa propre interprétation de la marche tout en laissant l’utilisateur libre de profiter de la nature, de ses paysages et de sa promenade en forêt sans la perturber.Chaque promenade offrira une interprétation unique, donnant à la marche en Chartreuse une dimension numérique poé-tique. l’application peut être adaptée à toutes les forêts de france, en téléchargeant la carte. visuel de l’application

=+

++

+

+

++

+ =