Revenir à l'accueil

Base de connaissances

Interface utilisateur

Conventions courantes de l'interface utilisateur

Guide des fonctionnalités du produit

Table des matières

Introduction

Conception d'applications

Tableaux

Personnaliser le tableau

Champs de formulaire

Listes déroulantes

Liste des éléments communs de l'interface utilisateur et de la terminologie

Icônes

Introduction

FundMore.ai s'efforce de fournir aux prêteurs la meilleure expérience utilisateur, les dernières technologies, l'évolutivité et la sécurité. Ce guide décrit les principales conventions d'interface utilisateur utilisées sur notre plateforme pour garantir une expérience cohérente et intuitive. Notre objectif est de créer un style d'interaction transparent qui améliore la convivialité et aide les utilisateurs à naviguer facilement dans les fonctionnalités. Que vous gériez des données, personnalisiez des vues ou interagiez avec divers composants, les conventions abordées dans ce guide sont conçues pour apporter clarté et efficacité à chaque étape.

Conception d'applications

Tableaux

Nos tableaux suivent les meilleures pratiques d'interface utilisateur moderne, garantissant une expérience cohérente et intuitive dans toute l'application. Pour améliorer l'expérience utilisateur, nous prenons en charge édition en ligne, permettant aux utilisateurs de modifier les données directement dans les champs du tableau. Lorsqu'un utilisateur sélectionne un champ à modifier, il est mis en surbrillance, servant d'indicateur visuel afin que les utilisateurs sachent avec quels champs ils sont sur le point d'interagir.

Personnaliser le tableau

Pour améliorer l'expérience utilisateur, les tableaux peuvent être personnalisés pour répondre à vos besoins spécifiques. Cherchez le Personnaliser le tableau icône (vue ci-dessus) pour :

Sélectionnez les colonnes à afficher
Réorganisez les colonnes en les faisant glisser dans votre ordre préféré
Masquer les colonnes qui ne sont pas pertinentes pour votre flux de travail

Cette fonctionnalité est disponible partout où Personnaliser le tableau L'icône apparaît. Ces sections comprennent la gestion des courtiers, la gestion des conditions, la gestion des avocats, les frais de défaut, les prêts hypothécaires existants, les évaluations, le widget de valeur nette (onglet Propriété), le widget de conditions et de documents et le widget de crédit.

Pour personnaliser un tableau, procédez comme suit :

Cliquez sur le Personnaliser le tableau icône.
Une barre latérale apparaîtra sur le côté droit de l’écran. Il affichera la liste des champs dans cette table.
Cochez les cases correspondant aux colonnes que vous souhaitez afficher.
Pour réorganiser les colonnes, passez la souris à gauche de la case à cocher. Lorsque l'icône de réorganisation (voir ci-dessous) apparaît, cliquez et faites-les glisser vers votre commande préférée.
Fermez la barre latérale et le tableau se mettra automatiquement à jour.

Champs de formulaire

Nos champs de formulaire sont conçus pour indiquer clairement le contenu modifiable et différencier visuellement les différents états pour une expérience plus intuitive. Les zones de saisie sont dotées de bordures et de couleurs d'arrière-plan distinctes pour aider les utilisateurs à comprendre leur état actuel.

Les champs de formulaire peuvent apparaître dans les états suivants :

Par défaut (modifiable) : Fond gris clair
Désactivé: Pas de couleur de fond, mais le texte reste visible dans la couleur par défaut
Flotter: Fond gris foncé
Concentration/Actif : Souligné vert (apparaît lorsqu'un utilisateur modifie activement le champ)
Erreur: Souligné en rouge (apparaît lorsqu'un champ obligatoire est laissé vide ou lorsque le format de saisie est incorrect)

Listes déroulantes

Les menus déroulants permettent aux utilisateurs de sélectionner une ou plusieurs options dans une liste prédéfinie. Les champs comportant un menu déroulant sont indiqués par un flèche pointant vers le bas, signalant que des options supplémentaires sont disponibles.

Voici quelques fonctionnalités clés des menus déroulants :

Indices visuels : UN coche est utilisé pour indiquer les éléments sélectionnés dans la liste déroulante pour les champs à sélection unique.

Listes déroulantes à sélection unique : Cliquer sur une option la sélectionne et le menu se ferme automatiquement. L'élément sélectionné est affiché dans le champ.
Listes déroulantes à sélection multiple : Les utilisateurs peuvent sélectionner plusieurs options, chacune marquée d'une coche. Les éléments sélectionnés restent en surbrillance et le menu reste ouvert jusqu'à ce que l'utilisateur clique dessus.

Listes déroulantes consultables : Pour les longues listes, les utilisateurs peuvent saisir une barre de recherche dans la liste déroulante pour trouver rapidement des options.

Options désactivées : Certaines options peuvent apparaître grisées lorsqu'elles ne sont pas disponibles pour la sélection.

Liste des éléments communs de l'interface utilisateur et de la terminologie

Cette section définit les principaux éléments de l'interface utilisateur et les fonctionnalités utilisées sur l'ensemble de la plateforme. Comprendre ces termes aidera les utilisateurs à interagir plus efficacement avec le système.

Icône de profil d'avatar pour les offres : Dans la vue Pipeline, les utilisateurs peuvent voir rapidement qui est affecté à une transaction grâce à une icône de profil d'avatar affichée dans le coin supérieur droit de la carte de transaction. Le survol de l'icône l'agrandit, affichant plus de détails sur l'utilisateur attribué ou sur les autres membres de l'équipe. Si personne n'est affecté, une icône « non attribué » s'affiche.

Vue Tableau/Kanban :

Vue en liste :

Icône de présence multi-utilisateurs : Cette icône apparaît lorsque plusieurs utilisateurs accèdent simultanément à la même application. Situé sous le bouton « Générer des documents » dans le tableau de bord de l'application, il affiche la photo de profil de l'utilisateur (ou ses initiales si aucune photo n'est définie). En cliquant dessus, vous révèlez le nom, le rôle, l'e-mail et le numéro de téléphone de l'utilisateur. Les utilisateurs supplémentaires auront leurs propres icônes, qui disparaîtront une fois qu'ils quitteront l'application.

Conseils d'outils : Représenté par un petit Icône "i" (informations), les info-bulles fournissent un contexte ou des informations supplémentaires lorsque vous cliquez dessus ou que vous passez la souris dessus. Ils peuvent inclure des descriptions, des explications ou des détails de calcul.

Ouvrir les détails dans la barre latérale : Le cas échéant, le fait de survoler des champs spécifiques révèle le "Ouvrir les détails dans la barre latérale" icône. En cliquant dessus, vous ouvrez une barre latérale avec des détails supplémentaires et des options d'édition. Une fois fermées, les modifications sont automatiquement enregistrées.

Afficher les détails : Cliquer sur cette option développe une section plus détaillée d'un champ ou ouvre la fenêtre contextuelle Détails de la propriété. Il dirige l'utilisateur vers une autre section liée au champ ou vers la fenêtre contextuelle susmentionnée.

Naviguer: Cette terminologie est souvent utilisée dans nos guides des fonctionnalités des produits. Il décrit l'action de se déplacer entre différentes sections, pages ou fonctionnalités au sein de la plateforme.
Icône Détails de l'adresse : Cliquer sur cette icône ouvre une section avec des informations d'adresse détaillées.

Icône Supprimer : Utilisé pour supprimer un élément ou une entrée d’une liste ou d’une section. Disponible dans la section Documents (demandés) du widget Conditions et documents.

Icône de filtre : Permet aux utilisateurs d'appliquer des filtres pour affiner les données affichées.

Bouton vert Plus : Il s’agit d’un élément commun au sein de l’interface utilisateur. Ce bouton permet d'ajouter un nouvel élément à l'entité concernée.

Icône de crayon : Indique qu'un widget ou un champ est modifiable. En cliquant dessus, vous activez le mode édition.

Fermer le mode édition : Quitte le mode édition et enregistre ou annule les modifications en fonction des actions de l’utilisateur.

Icône Maximiser le widget : Augmente la taille d'un widget pour offrir plus de visibilité ou d'espace d'interaction. Généralement trouvé en haut du widget de crédit et du widget de revenu, en vue réduite.

Réduire le widget : Réduit la taille d'un widget tout en le gardant accessible. Généralement trouvé en haut du widget de crédit et du widget de revenu, en vue maximisée.

Icône de téléchargement : Généralement représenté par une flèche orientée vers le haut. En cliquant dessus, les utilisateurs peuvent télécharger des documents.

Icône de téléchargement : Généralement représenté par une flèche orientée vers le bas. En cliquant dessus, les utilisateurs peuvent télécharger des fichiers, des rapports ou d'autres ressources.

Icône d'avertissement : Un triangle avec un point d'exclamation. Il signale des alertes ou des avis importants.

Icônes


Icône de recherche : recherchez en utilisant un critère spécifique		Icône d'aide : accéder à la base de connaissances FundMore		Cloche de notifications : affichez les notifications récentes. Effacer tout, désactiver et réactiver les notifications		Icône de profil : accédez à votre profil utilisateur ou déconnectez-vous de l'application.


Éléments par page : indique le nombre d'éléments dans une page		Indique le nombre total d'éléments		Lorsqu'une liste s'étend au-delà d'une seule page, utilisez les commandes de navigation entre les pages pour vous déplacer entre les pages ou augmenter/diminuer les éléments visibles dans la page.		Bouton Vert Plus - Utilisé pour ajouter des données

Points de suspension - Indique un sous-menu d'actions

Cliquez pour ouvrir le mode édition pour un widget

Cliquez pour fermer la modification d'un widget

mode

Icône contextuelle

Lorsque vous cliquez dessus, une fenêtre contextuelle apparaîtra associée au contenu avec lequel elle est placée

Champ de données de date

Flèches de réglage des données numériques

Utilisez les boutons haut/bas pour augmenter ou diminuer la valeur actuelle.

Maximisez les entités en sélectionnant cette icône ou en basculant en plein écran

Réduire les entités en sélectionnant cette icône


Indicateur de la barre latérale. Les détails de certains widgets peuvent être trouvés dans une barre latérale en sélectionnant l'icône de la barre latérale des détails.		Les applications verrouillées sont identifiées, dans la vue Pipeline, par une icône de cadenas orange.		Sélectionnez le bouton Annuler pour annuler l’action.		Sélectionnez le bouton Supprimer pour supprimer l'entité associée à la fenêtre contextuelle


Sélectionnez le bouton suivant pour passer à l’étape suivante du processus.		Sélectionnez l'icône de filtre pour accéder à l'option de filtrage associée à l'entité.		Sélectionnez l'icône de message pour envoyer des messages au sein de la plateforme.		Badge d'avertissement pour examiner le contenu associé.


Désactiver. Activer. Associé au contenu. Lorsqu'il est grisé et déplacé vers la gauche, l'élément ou l'entité n'est pas actif. Lorsqu'il est vert et déplacé vers la droite, l'élément ou l'entité est activé.		Sélectionnez Personnaliser le tableau pour personnaliser le tableau et le contenu associés.		Cliquez sur l'icône X pour quitter l'entité		Sélectionnez l'info-bulle pour voir les informations descriptives associées à l'entité ou survolez ou l'entité pour révéler des informations descriptives.


Basculer entre l'anglais et le français		Indique qu'il existe une liste d'options. Cliquez dessus pour ouvrir la liste des options.		Réduire ou agrandir un panneau		Indique qu'une fenêtre contextuelle Détails de l'adresse est disponible. Cliquez pour ouvrir.


Bouton de téléchargement. Indique que la fonctionnalité de téléchargement est disponible. Cliquez pour commencer le téléchargement.		Compteur de nombres. Identifie le nombre d'actions requises. Les exemples sont des tâches, des messages, des documents ou des conditions, etc.		Indique la section Tableau de bord dans le menu de navigation.		Indique la section Générer des documents dans le menu de navigation.


Indique la section Tâches dans le menu de navigation.		Indique la section Approbations dans le menu de navigation.		Icône du widget de résultats.		Icône du widget de détails du prêt.


Icône du widget de crédit.		Icône du widget de revenu.		Icône du widget de valeur nette.		Icône du widget Détails des parties prenantes.


Icône du widget Conditions et documents.		Bouton Demander un bureau de crédit.		Bouton Afficher le rapport de crédit.		Demander des documents. Situé dans le coin supérieur droit des détails de la partie prenante si une demande de document n’a pas encore été créée.

Case à cocher.

Vide et clair signifie que les données ne s'appliquent pas.

Vert avec une coche signifie que les données s'appliquent.

Bouton radial.

Coché avec une couleur signifie que les données s'appliquent.

Une case décochée et vide signifie que les données ne s'appliquent pas.

Indique une personne. Emprunteur, coemprunteur, directeur, garant,

Indique une personne morale. Tiers, agent, avocat, procuration, signataire autorisé, agent soumettant.

Indique une entreprise.

Triez les flèches. Se trouve généralement à droite des en-têtes de liste.

Vers le haut = ascendant Vers le bas = descendant

Outils OPTA

Indique une propriété.


Historique des candidatures		Notes d'application		Notes sur la plateforme		Indique un kanban. C.-à-D. Vue Kanban du pipeline.


Indique une liste. C.-à-D. Vue de la liste des pipelines.		Icône créée manuellement indiquant que l'application a été créée manuellement.		Cloner l'application Icône indiquant que l'application a été créée en clonant une autre application.		L'icône de fusion d'applications indique que l'application a été créée via la fonctionnalité de fusion.


Icône de verrouillage indiquant que l'application a été verrouillée et ne peut pas être modifiée.		Ingéré depuis l'icône Filogix		Ingéré depuis l’icône Lendesk		Icône Ingéré depuis Velocity