1 - Les conditions d’utilisation.

Avant de concevoir l’application et dans l’objectif de répondre au mieux aux besoins des visiteurs de parcs d’attractions, le designer graphique s'intéresse au contexte de son utilisation. Son usage se fait davantage sur smartphone, un format qui impose des contraintes surtout que l’utilisateur est en mouvement et en extérieur la plupart du temps. La lisibilité est donc une priorité dans le développement de l’application. De plus, l’une des particularités majeures des applications mobiles de parcs d’attractions réside dans sa période d’usage. Environ 80% des Français ayant visité un parc d’attractions au cours des douze derniers mois, en ont fréquenté moins de cinq. Les applications de parcs d’attractions n’étant en général utilisées que le jour même, elles ne sont donc que très peu sollicitées à long terme, réduisant considérablement le temps consacré à l’apprentissage de l’interface. Ces paramètres impliquent de la part du designer graphique des stratégies d’usages comme la lisibilité et la compréhension rapide de l’interface, dans l’objectif d’optimiser l’expérience du visiteur.

2 - Les caractéristiques du visiteur.

Dans cette ambition de produire une application mobile permettant une expérience optimale, le profil de l'utilisateur est un point essentiel auquel le designer graphique accorde de l’intérêt. Selon l’agence de développement touristique Oise Tourisme, les visiteurs des parcs de loisirs sont principalement des familles (77% des visiteurs) et un visiteur sur deux a entre 35 et 49 ans. L'application mobile sera ainsi utilisée par un large panel d’utilisateurs concentré autour de la famille, regroupant adolescents, parents et grands-parents. Le graphiste Gavin Ambrose et le designer digital Michaël Salmond rappellent que ce sont des espaces complexes pour le design car leur public est très varié. Dans la mesure où la familiarité avec le numérique est disparate, il est essentiel d’intégrer le degré d’explicitation et bien sûr la lisibilité dans la réflexion du designer graphique. Par ailleurs, les parcs accordent une forte attention à l’inclusion. Les barrières venant perturber l’utilisation de l’application sont avant tout le daltonisme, qui requiert une vigilance particulière, mais aussi la barrière de la langue. Pour y remédier, l'application du parc néerlandais Efteling retranscrit en direct les propos dictés dans les attractions.

1 - La notion d’habitude.

L’habitude est une notion intégrée par le designer graphique pour favoriser l’apprentissage de la structure et de l’interface de l’application mobile. L’ingénieur informatique Jean-François Nogier affirme que « la logique de présentation des données doit être similaire à celle habituellement utilisée sur les autres supports dont se sert l'utilisateur ». Pour comprendre la manière dont ce principe d’habitude agit sur nos actions, le sociologue Louis Quéré s’est appuyé sur le travail du philosophe Charles Sanders Peirce. D’après ce dernier, c’est une règle d’action ou de conduite qui prend la forme d’une tendance à faire dont la modalité est une loi « purement psychique » ou mentale. L’habitude se manifesterait donc par une loi interne à nous-même qui dicterait nos actions. Ainsi, comme le précise Louis Quéré, elle permet d’économiser la réflexion et le raisonnement. En faisant appel à l’habitude, le designer graphique favorise l’expérience du visiteur qui n’aura pas à intégrer les modalités d’usage de l’application. Par exemple, des parcs comme le Parc Astérix, Disneyland Paris et Nigloland utilisent la barre de navigation basse implémentée sur la réputée et populaire application YouTube.

2 - La bonne hiérarchie des informations.

Aider le visiteur de parcs d’attractions à favoriser son expérience au travers de l’application mobile c’est également travailler sur la hiérarchie des pages qui la composent. Tout d’abord, Jean-François Nogier rappelle que l’écran du smartphone est en moyenne 80% moins spacieux qu’un écran d’ordinateur, il est donc indispensable de se concentrer sur les informations essentielles pour ne pas avoir de contenus superflus. Ensuite, l’arborescence est optimisée en organisant les pages sur plusieurs niveaux, allant des informations les plus générales aux plus particulières, afin de faciliter la compréhension de l’interface. Miller a mis en évidence qu’une arborescence en largeur plutôt qu’en profondeur était préférable, parce qu’elle diminue le nombre d’interactions nécessaires à l’accès d’une information. Dans cette idée, Les fondamentaux du design interactif mettent en avant la règle « des trois clics » selon laquelle l’arborescence doit permettre l’accès à toute information en maximum trois étapes. Par ces codes structurels, le designer graphique aide le visiteur à circuler efficacement dans l’application.

3 - La position des éléments à l’écran.

Le contenu textuel et iconographique de chaque page de l’application mobile est structuré de manière stratégique par le designer graphique. Premièrement, le regard ne se répartit pas de manière homogène sur l’écran. On observe au centre, puis en périphérie à droite ou à gauche et enfin en haut. Prenons pour exemple le parc du Futuroscope qui présente au centre de sa page d’accueil la date et les horaires de ses parcs, des informations immanquables pour le visiteur. De surcroît, la visibilité des données peut varier en fonction des interactions effectuées avec le doigt, les endroits nécessitant leur intervention sont donc placés pour éviter leur masquage, notamment les boutons et menus. D’autre part, le doigt a ses contraintes, il est peu précis, assez gros par rapport à la surface de l’écran dont certaines zones sont difficilement accessibles, surtout lorsque le smartphone est manipulé avec une seule main. Le designer graphique adapte alors la taille des éléments et leur structuration pour parfaire l’expérience utilisateur.

1 - Le guidage visuel.

Les « [éléments graphiques jouent] un rôle important dans la mise en évidence [des] informations », ce sont donc des déterminants capitaux à l’accompagnement du visiteur dans sa quête de renseignements. Si le regard suit une trajectoire naturelle, le graphisme contribue à le guider le plus efficacement possible. Pour ce faire il existe différents moyens comme le changement de caractéristique graphique, que ce soit encadrer, mettre en graisse plus importante ou dans une couleur différente. On peut aussi avoir recours aux procédés tels que l’asymétrie et la différence, qui attirent le regard vers l’objet qui ne respecte pas la règle, ou encore l’animation qui est d’une grande efficacité pour capter le regard selon la rédactrice marketing Rosa Castillo. C’est ainsi qu’Europa Park utilise ce dernier procédé dans son application pour promouvoir sa nouveauté nommée Voltron. Le parc a recours à l'animation pour augmenter la visibilité de l’attraction dans la mesure où le visiteur est plus enclin à rechercher des informations à son sujet. Il faut toutefois veiller à ne pas trop perturber le regard de l'utilisateur et à rester pertinent de façon à le « manipuler subtilement » pour rendre son expérience meilleure.

2 - Transmettre graphiquement l’information.

Outre la mise en évidence de l’information, « le graphisme [convoqué par le designer graphique] aide les gens à se repérer et à comprendre des données » tout en en optimisant leur accès. Une communication efficace passe par des textes simples, concis et hiérarchisés pour que l’utilisateur ait directement l’information qu’il cherche. Pour en faciliter la lecture on préférera utiliser des typographies linéales avec un œil ouvert qui chassent peu. Dans cet objectif d’amélioration, combiner icônes et textes permet d'éviter les ambiguïtés et augmente l'accessibilité notamment grâce à l’universalité des icônes. Il est par ailleurs préférable d'utiliser des icônes standards, déjà connues des utilisateurs. C’est le choix qu’a effectué l’agence Big Boss Studio pour l'application du Parc Astérix, en employant la figure de la maison pour l’accueil mais sous une architecture gauloise. D’autre part, la couleur permet de regrouper des objets de même nature, favorisant la compréhension de l’information pour l’utilisateur qui sait après plusieurs usages ce que la couleur signifie. Par exemple, l’ensemble des boutons call-to-action de l’application de Disneyland Paris sont en bleu foncé.