Utilisation du portail client Self Help


Le portail client proposé dans Self Help est généré à partir du thème evSH. Il permet de naviguer au travers des catégories / sous-catégories d'un projet Self Help, et d'accéder au détail de la procédure via des pages explicatives.

  • Le portail se compose de plusieurs zones.
  • Plusieurs fonctionnalités facilitent la navigation et la recherche des informations.

       Customer portal.png

Remarques

  • Le thème evSH est le thème standard livré avec Self Help.
    • Il est géré par EasyVista.
    • Il n'est pas modifiable. 
  • L'utilisateur connecté peut visualiser sur le portail tous les projets Self Help auxquels ses groupes ont accès sur un même domaine. Il peut également les filtrer selon ses groupes  - Open url.png voir Exemple

Description du portail

L'écran se décompose en plusieurs zones :

Bandeau supérieur

Le bandeau supérieur est présent sur toutes les pages du portail.
         Top banner.png

< : Revient sur la liste des projets Self Help auxquels l'utilisateur a accès sur chacun de ses domaines.
         Project list.png

Home icon.png : Revient sur la page d'accueil du portail.

Project and user identification.png : Nom du projet Self Help et de l'utilisateur connecté.

Language icon.png : Permet de sélectionner la langue du portail (interface graphique et contenu des pages des procédures).

Groups icon.png : Permet de filtrer les pages du portail à partir des groupes auxquels l'utilisateur appartient.
 

Logout icon.png : Déconnecte l'utilisateur.

Zone de recherche

La zone de recherche est visible sur toutes les pages du portail, sauf sur les pages de dernier niveau. Elle permet d'effectuer une recherche par mots clés dans les pages auxquelles ont accès les groupes sélectionnés. 

  • La saisie prédictive est proposée dès le 3ème caractère.
  • Les résultats peuvent être filtrés par catégorie.

    Open url.png voir Description

Catégories

Sur la page d'accueil du portail, toutes les catégories / sous-catégories du projet Self Help sont affichées.

  • L'icône affichée est celle associée à la catégorie / sous-catégorie.
  • Un clic sur une catégorie affiche la liste des pages classées par sous-catégorie.
             Category list - Navigation.png

À chaque recherche, la liste est réactualisée et affiche uniquement les catégories / sous-catégories pour lesquelles des résultats sont disponibles.
         Category list - Search.png

News

La liste affiche les dernière news du portail.

Sujets populaires

Les sujets populaires sont les pages qui sont fréquemment recherchées sur le portail.

  • Un clic sur l'un des sujets affiche la liste des pages associées.

Description des pages des procédures

Les pages sont les derniers niveaux de l'arborescence des catégories / sous-catégories. Ce sont des pages qui montrent les pas à pas détaillés des procédures Self Help.
         Procedure page.png

  • Suivant le paramétrage effectué par le rédacteur, la page peut contenir une barre d'outils  - Open url.png voir Description
  • Suivant le type de procédure (linéaire, branches), la navigation peut se faire via des boutons Précédent et Suivant positionnés en bas de page, des boutons Oui / Non lorsqu'un choix est proposé, ...
  • Le titre de la page peut indiquer le nombre d'étapes de la procédure, lorsque celle-ci est linéaire. Sur une procédure avec branches, le nombre d'étapes varie suivant le parcours de chaque utilisateur.
  • Sur la dernière page de la procédure, la page peut afficher un questionnaire de satisfaction, et demander l'avis de l'utilisateur sur la pertinence du contenu.
             Procedure page - Opinion.png

Les fonctionnalités

Le fil d’Ariane

Située en haut de chaque page du portail, cette aide à la navigation affiche le chemin des catégories / sous-catégories parcourues sous la forme d'une arborescence.

  • Un clic sur un niveau permet d'afficher la liste des sous-catégories et des pages associées.
  • Home icon.png permet de revenir sur la page d'accueil du portail.
  • < permet de revenir au plus haut niveau, et d'afficher la liste des projets Self Help.
    Note : Ce niveau n'est pas affiché sur les pages de la procédure.

       Breadcrumbs.png

Le filtrage du contenu du portail suivant les groupes

Un utilisateur peut filtrer les informations du portail via les groupes auxquels il a accès : cocher un groupe lui permet d'afficher uniquement les procédures autorisées pour ce groupe.

exemple  
Les procédures du dossier Rights & Training sont affectées au groupe BACK OFFICE ; les autres procédures du projet sont affectées au groupe FRONT OFFICE.

  • Les 2 groupes BACK OFFICE et FRONT OFFICE sont cochés : l'utilisateur voit l'ensemble du portail client.
             Authorized groups - All.png
  • Seul le groupe BACK OFFICE est coché : l'utilisateur voit uniquement les procédures du dossier Rights & Training.
             Authorized groups - Group BO.png
  • Seul le groupe FRONT OFFICE est coché : l'utilisateur voit l'ensemble du portail client, à l'exception des procédures du dossier Rights & Training.
             Authorized groups - Group FO.png

La recherche

Dès le 3ème caractère saisi, une liste de pages est affichée dans la liste déroulante. La recherche peut ensuite s'effectuer de 2 façons.

  • Via un clic sur l'une des propositions : la page correspondante est affichée.
           Search area.png
  • Via la liste des catégories, en validant la saisie avec la touche < Entrée > : les icônes des catégories contenant des résultats sont affichées sous la barre de recherche, dans l'ordre décroissant du nombre de résultats correspondants.
    • Un clic sur l'une des icônes filtre les résultats sur la catégorie sélectionnée.
    • Un clic sur l'un des résultats affiche ensuite la page correspondante.
             Search categories.png

Barre d'outils des pages des procédures

Note : Les icônes sont affichées dans la barre d'outils suivant le paramétrage effectué par le rédacteur.

       Procedure page - Toolbar.png

Pause

Procedure page - Toolbar - Pause icon.png  Met en suspens la procédure en cours, pour pouvoir continuer son exécution ultérieurement.

Historique

Procedure page - Toolbar - History icon.png  Affiche l'historique des pages consultées.

Vue d'ensemble

Procedure_OverviewIcon

Procedure page - Toolbar - Overview icon.png  Affiche la représentation graphique de l'ensemble de la procédure.
       Procedure page - Toolbar - Overview detail.png

Procedure page - Toolbar - Overview step icon.png : Identifie une étape de la procédure. 

  • L'étape sur fond vert foncé correspond au noeud courant dans la miniature affichée dans le coin gauche.
  • Un clic sur l'icône Procedure page - Toolbar - Overview collapse icon.png dans le coin du cadre permet de masquer / afficher les étapes suivantes de la procédure.
     

Procedure page - Toolbar - Overview end icon.png : Identifie une étape de sortie de la procédure.

Icônes affichées au survol de chaque étape avec la souris

Procedure page - Toolbar - Overview Mouse hover step - Current nod icon.png : Affiche la rubrique correspondant à l'étape sélectionnée. Sur une étape de sortie, renvoie sur la liste des procédures rattachées à la même catégorie.

Procedure page - Toolbar - Overview Mouse hover step - Add comment icon.png : Permet d'envoyer un feedback aux rédacteurs de la procédure (avec la possibilité de joindre un fichier) pour signaler une anomalie, laisser un avis sur la pertinence du contenu, faire une suggestion, ...

Miniature dans le coin gauche

  • Onglet Zoom : Offre différentes fonctionnalités de zoom.
  • Onglet Preferences : Permet d'afficher la vue d'ensemble de façon horizontale ou verticale, et de sélectionner le nombre d'étapes visualisées sur le graphique.
EndProcedure_OverviewIcon

Rapport

Procedure_ReportIcon

Procedure page - Toolbar - Report icon.png  Permet de générer le rapport d''exécution de la procédure en cours.
       Procedure page - Toolbar - Report detail.png

EndProcedure_ReportIcon

Commentaire

Procedure_CommentIcon

Procedure page - Toolbar - Comment icon.png  Permet d'envoyer un message aux rédacteurs de la procédure (avec la possibilité de joindre un fichier) pour signaler une anomalie, laisser un avis sur la pertinence du contenu, faire une suggestion, ...
       Procedure page - Toolbar - Comment detail.png

EndProcedure_CommentIcon

Escalade

Procedure page - Toolbar - Escalation icon.png  Lance une procédure d'escalade, qui peut être l'ouverture d'un ticket, l'envoi d'un message, ...

exemple  Procédure comprenant 2 étapes :

  • Ouverture d'un formulaire pour recueillir le message de l’utilisateur
  • Envoi du formulaire par e-mail au Support

Partage

Procedure_ShareIcon

Procedure page - Toolbar - Share icon.png  Permet de générer l'URL de la procédure en cours, et de la copier dans le presse-papiers ou de l'envoyer par e-mail.
       Procedure page - Toolbar - Share detail.png

EndProcedure_ShareIcon

Tags:
Modifié par Utilisateur inconnu le 2020/03/24 12:20
Créé par Administrator XWiki le 2019/12/10 17:56

Raccourcis

L'actualité mensuelle
•  Newsletter

Tous les changements
•  Service Manager
•  Service Apps
•  Self Help

Glossaire

Powered by XWiki ©, EasyVista 2020