Mockup page de bienvenue

Sa place est peut-être plus dans le projet Authentic, à voir plus tard.

Les échanges avec l'usager se font via une pop-up, ça n'est peut-être pas possible mais je me suis fais plaisir et on en discute pour ceux qui ont envie.

Pierre : Je verrais plutôt, sur la page d'inscription, le séparateur entre les champs obligatoires et les autres.
Victor : à vrai dire je l'avais fait au début. c'est pas un problème.

inscription

L'usager valide son inscription en remplissant les champs de son espace personnel (remarque de Pierre a prendre en compte sur cette page, le séparateur pourrait être entre les champs obligatoire et les autres)

Texte : Pour vous créer un compte citoyen et ainsi bénéficier de ses avantages (démarches pré-remplies, suivi des démarches, liaison avec différents services en ligne), complétez le formulaire ci-dessous.

Arrivée sur la page d'accueil

Ici je prévois que le process de bienvenue soit un popup au-dessus de la page d'accueil. Si ce process à lieu dans Authentic et pas Combo, se sera peut-être pas possible. Alors le process de bienvenue aura lieu dans des pages "normales".

popup de bienvenue

Une première page de texte qui explique le compte citoyen et ce qui va suivre.

EDIT Pierre : le texte du mockup est bien pour décrire ce qui se passe et doit servir au développeur mais je pense qu'on peut faire un peu plus court pour le citoyen. Je propose (en gardant bcp des choses faites par Vic :
Bienvenue sur le compte citoyen !
C'est votre première connexion sur le compte nous allons finaliser votre inscription.
Votre compte citoyen est le point d'accès privilégié vers l'ensemble des services proposés par la ville. Il vous permet de pré-remplir les démarches en ligne, de suivre leur traitement et de centraliser l'information des différents services offerts par votre collectivité (médiathèque, piscine, conservatoire...).
Pour cela vous devez relier votre compte citoyen à ces services. Une fois la liaison effectuée vous verrez automatiquement dans votre compte les informations relatives au service concerné.

Raccordement des services

On affiche la liste des services pouvant être raccordés. Chaque service fait l'objet de la saisie d'infos de la part de l'usager. On peut imaginer que pour des services provisionnés, il suffit juste d'activer le curseur.

Là encore je propose d'élaguer les textes :
Si vous ne pouvez/voulez pas activer les services maintenant, vous pourrez le faire ultérieurement depuis votre espace personnel [on rebaptise la page page profil en espace personnel ? pourquoi pas].
L'accès à certains services nécessite la création préalable d'un compte sur ces derniers - lorsque vous n'en avez pas.

Saisie des infos de l'usager

Une seconde popup permet permet à l'usager de saisir ses infos en fonction du service lié. Pour les services provisionnés, pas de saisie juste un consentement et le retour ok ou ko. Peut-être prévoir l'affichage d'infos spécifiques au service ? "le raccordement de votre compte famille vous permet de payer vos factures en ligne....".

EDIT Pierre : carrément pour l'ajout d'infos spécifiques au service et pour une simplification du titre "Informations nécessaires à la liaison".

Mise en attente

Pendant la tentative de lien au service mise en attente

Erreur

En cas d'erreur on permet à l'usager de ressaisir. Peut-être des comportements à distinguer en fonction du type d'erreur ? service injoignable...
Ici erreur de l'usager qui est invité à réessayer. Peut-

Succès

Le service est raccordé ! le curseur passe au vert.

Affichage du raccordement dans la liste initiale.

Le popup de raccordement est fermé, l'usager revient sur la liste le curseur est vert pour ce service.

Fin

Une fois les services raccordés. L'usager clic sur suivant. Une dernière page lui explique que la procédure est terminée.

Vocabulaire : on a pas tranché pour savoir si on utilisait, mon compte, profil ou espace personnel. Je vais proposer dans #6068

01-inscription.png - inscription de l'usager (il a déjà reçu son token de validation) (88,3 ko) Victor Claudet, 15 déc. 2014 09:51

02-bienvenue.png - page d'accueil du portail (97,7 ko) Victor Claudet, 15 déc. 2014 09:51

04-bienvenue_2.png - l'usager sélectionne les services à raccorder (225 ko) Victor Claudet, 15 déc. 2014 10:04

05-bienvenue_3.png - La sélection d'un service entraine l'ouverture des infos de raccordement (155 ko) Victor Claudet, 15 déc. 2014 10:04

bienvenue_4-bis.png - l'usager valide ses infos, tentative de raccordement au service (159 ko) Victor Claudet, 15 déc. 2014 10:04

07-bienvenue_5-ko.png - la tentative échoue, l'usager ressaisie ou annule (165 ko) Victor Claudet, 15 déc. 2014 10:04

08-bienvenue_5-ok.png - la tentative réussie (163 ko) Victor Claudet, 15 déc. 2014 10:04

09-bienvenue_5-ok-fin.png - le service est activé (225 ko) Victor Claudet, 15 déc. 2014 10:04

10-bienvenue_6_fin.png - dernière page du process de bienvenue (122 ko) Victor Claudet, 15 déc. 2014 10:04

03-bienvenue_1.png - popup de première connexion texte de bienvenue (275 ko) Victor Claudet, 16 déc. 2014 20:15

Formats disponibles : PDF HTML TXT