Marketing de l'offre : Système de conception

Système de conception

Adapter les produits PROS à votre marque
*Cette section est généralement revue et complétée par : UX/UI et/ou Branding
Le système de conception unifie les interfaces utilisateur (UI) et l'expérience utilisateur (UX) de nos produits, permet d'améliorer la qualité, de réduire les délais de conception et de développement et sert de source unique de vérité pour les meilleures pratiques de conception.

Il est facile de personnaliser les jetons du système de conception pour qu'ils correspondent à votre marque grâce aux couleurs, à la typographie et aux composants.

Pour la phase de conception, PROS proposera un design basé sur votre site principal et une implémentation sans code pour obtenir la livraison la plus rapide du produit. Il s'agit d'écrans qui présentent tous les jetons disponibles, personnalisés en fonction de votre marque. En collaboration avec votre équipe de conception, vous examinerez et approuverez le design.

Si vous procédez à une refonte dans les 4 à 5 mois à venir et que vous souhaitez soumettre des lignes directrices en matière de conception, veuillez remplir notre enquête sur la conception.

Jetons de couleur

Vous trouverez ci-dessous un exemple de jeu de jetons de couleur et un exemple concret de leur utilisation dans un module airModule du panneau de recherche de vol. Essayez de déterminer où chacun des jetons de couleur sera utilisé.

- Couleurs principales marquent les informations clés et se transforment en couleurs de survol lorsque le curseur les touche.

- Couleurs du contexte partager des informations avec l'utilisateur.

- Couleurs utilitaires constituent l'arrière-plan, les bordures et le texte.

Typographie / Polices

Styles et variations

Vous sélectionnerez :

  • Styles de police 1-7
    • Il s'agit de détails tels que le titre de la page, le titre du module air, le titre de la carte tarifaire, etc.
  • Variantes couleur
    • Il s'agit de détails tels que le titre de la page, le titre du module air, le titre de la carte tarifaire, etc.
  • Décoration des liens
    • Inclure des images et des descriptions

Composants

Les composants sont les suivants

1. Boutons : Les boutons sont utilisés tout au long du processus de réservation des vols et donnent aux utilisateurs finaux la possibilité d'obtenir des résultats supplémentaires ou de les guider dans des processus autres que la réservation.

2. Formes : Les utilisateurs finaux saisissent ou sélectionnent des options dans des formulaires. Il peut s'agir d'entrées de texte où l'utilisateur final peut taper sa sélection ou sélectionner une option parmi plusieurs choix.

Boutons

Le système de conception comprend trois types de boutons : Primaire, Secondaire et Tertiaire.

Pour les macro-conversions, comme la recherche de vols. Les boutons primaires sont utilisés tout au long du processus de réservation d'un vol.

Exemple :

Pour les micro-conversions, comme le chargement d'autres résultats. Les boutons secondaires se trouvent dans les modules airModules dotés d'une fonction de défilement ou lorsqu'ils donnent aux utilisateurs la possibilité d'afficher des résultats supplémentaires.

Exemple :

Pour la navigation vers des formulaires sans marque. Les boutons tertiaires sont utilisés pour guider l'utilisateur dans des processus autres que la réservation.

Exemple :

Formulaires

Les formulaires sont disponibles dans une grande variété de modèles et de fonctionnalités.

Ce formulaire est utilisé pour collecter les données libres des utilisateurs dans les filtres. Il permet aux utilisateurs de saisir manuellement des informations.

Exemple :

Ce formulaire est utilisé dans les filtres pour inviter les utilisateurs à sélectionner un texte dans un menu d'options. Par exemple, le nombre de passagers, la classe tarifaire ou les aéroports de départ et d'arrivée.

Exemple :

Ce formulaire est utilisé pour saisir du texte à partir d'un menu d'options. Par exemple, le nom ou le code de la ville de l'aéroport de départ.

Exemple :

Ce formulaire apparaît dans les menus déroulants. Par exemple, les menus déroulants que l'on trouve dans certains filtres airModule.

Exemple :

Ce formulaire permet d'activer ou de désactiver certaines options, telles que les options aller-retour ou aller simple, sur un filtre airModule.

Exemple :

Ce formulaire est utilisé pour sélectionner l'entrée d'un nombre, tel que le nombre de passagers.

Exemple :

Ce formulaire de calendrier permet de sélectionner les dates de départ et de retour.

Utilisé dans les éléments de navigation, les menus déroulants, les menus de sélection et les menus d'autocomplétion pour sélectionner une option dans une liste.

Ce formulaire permet d'obtenir plus d'informations sur chaque option. Il peut être trouvé dans airModules pour naviguer vers chaque mois.

Exemple :

Le tableau est utilisé pour afficher une liste d'options ainsi que toutes les caractéristiques liées à chaque option, comme les dates, la classe de voyage et le prix. Le module air Table est l'un des modules air les plus populaires.

Exemple :

Le formulaire en accordéon est utilisé pour partager de grandes quantités d'options de manière comprimée. L'accordéon Destinations permet aux compagnies aériennes de partager des liens vers toutes les destinations de leur réseau, organisées par pays ou par région.

Exemple :

Utilisé dans les modules airModules Histogramme qui affichent les tarifs les plus bas par jour ou par mois.

Exemple :

Utilisé comme titre principal de la page.

Exemple :

Utilisé dans nos prévisions météorologiques airModule.

Utilisé dans les modules air qui affichent les tarifs et les promotions en temps réel aux utilisateurs finaux.

Enquêtes sur le kit de bienvenue