DESERVE HER

Application de dating par le « challenge » Storyboard et specifications SPRINT 1 : Splash + LOGIN Facebook Connect + Généralités contexte

Historique et versionning

Date

version

Auteur

Commentaires

10/12/2016

V1.0

Patrick

Mise en place de l ‘arborescence et site map + insert des écrans designés

13/12/2016

V1.1

Patrick

Revue de l’ergonomie et parcours utilisateur, ajout des écrans ou aspects manquants, commentaires des fonctionnalités suite à réunion client dans la nuit du 12 au 13/12/2016

22/12/2016

V1,3

Patrick

Ajout/insert des écrans pour la 1ère visite car il faut forcer les paramétrages de recherche de profil que ce soit pour homme ou femme

27/12/2016

V1.4

Patrick

Préparation et découpage storyboard pour les sprints de développement SPRINT 1 : LOGIN + Généralités

Spécifications générales ●

Application mobile pour iOS iPhone et Android

●

●

2 langues : fr et en doit s’adapter selon la langue du terminal au téléchargement

●

Application mobile doit être présente dans Apple Store et Google Play au public pour le mardi 7 février 2016

Arborescence application mobile Ecran chargement (splash screen) Aide Facebook connect Ecran splitté en 2

Mon profil Homme

En fonction du Gender Homme ou femme trouvé dans le profil Facebook on part vers le tunnel Approprié => SI PAS de gender alors écran « neutre » qui s’affichera en fonction de la sélection gender

Autorisez-vous « Deserve Her » à vous envoyer des notifications ?

Les notifications peuvent inclure des alertes, des sons et des pastilles d’icônes. Vous pouvez les configurer dans Réglages.

Mon profil Femme

Autorisez-vous « Deserve Her » à accéder à vos données de localisation même lorsque vous n’utilisez pas l’app ? Votre position sera utilisée pour déterminer votre ville et chercher des membres autour de vous pour les parties de séduction.

Ecran #A : Splash screen écran de chargement

Commentaires et explications @prod : retoucher le design : il faut un écran « générique » pour toutes les cibles (hommes et femmes) et donc pas de visuel de femme flouté en background => il faut un visuel de background , le logo et la mention « Deserve her » @client : nous fournir le visuel de backround (http://unsplash.com?) libre de droit pour maquette graphique et découpage par la prod

Ecran #B : login via Facebook et Aide Commentaires et explications Texte explication de 3 lignes max comme ceci pour faire l’exemple dans le storyboard et encore une ligne

@prod : retoucher le design : il faut un écran splité en deux parties 1/3 et 2/3 Dans la section/zone du bas d’écran on insère le bouton à cliquer « Se connecter avec Facebook » qui envoie dans le tunnel de Facebook connect + mentions informations avec lien « hypertexte » qui envoient sur deux écrans avec bouton de fermeture « Terminé » => il faut un visuel de background , le logo et la mention « Deserve her » @client : nous fournir les textes de « Conditions d’utilisation » et « Politique de confidentialité » à faire valider/vérifier par avocat

Se connecter avec Facebook Nous ne publions rien sur Facebook sans votre consentement.

#H1

En vous inscrivant vous acceptez nos Conditions d’utilisation et Politique de confidentialité.

Ecran/mockup à modifier

IMPORTANT : Texte Conditions d’utilisation et Texte Politique de confidentialité à rédiger et fournir

2 écrans à ajouter

Ecran #B2 Conditions d’utilisation

Ecran #B3 Terminé

Politique de confidentialité Terminé

Ici le texte des conditions d’utilisation en mode flux et pas statique embarqué en dur dans l’application afin.

Ici le texte de la Politique de confidentialité en mode flux et pas statique embarqué en dur dans l’application afin.

Attention au formatage et à la feuille de style, pas question d’avoir un truc en typo taille 6 pattes de mouches et collé au bord !

Attention au formatage et à la feuille de style, pas question d’avoir un truc en typo taille 6 pattes de mouches et collé au bord !

#F1

Selon qu’on est un Homme ou une femme, on est dirigé vers Ecran #H1 ou #F1 de « Mon profil » => Si pas de gender ALORS écran #H

Ecran #H : 1ère visite !! (pas de gender dans FB Connect) Commentaires et explications

Si on clique sur Menu on enregistre l’écran et on peut voir les écrans accessibles tels que Aide, Se déconnecter, etc.

MON PROFIL Mes infos

Réglages jeu/recherche

Genre

Avant de continuer dites nous si vous êtes un homme ou une femme

ATTENTION : on sait qu’on doit aller vers la version Homme ou Femme de l’application grâce au Facebook connect où on est censé détecter le « gender » (homme ou femme). => donc en fonction du profil FB on fait l’aiguillage !!! Si pas de gender dans Facebook… ALORS on arrive sur écran MON PROFIL avec la nécessité de sélectionner le « genre ». En fonction de la sélection du genre (homme ou femme), l’écran se construit et propose donc l’affichage spécifique à l’homme ou femme => Homme ou femme : même fonctionnement A la 1ère connexion il faut obligatoirement diriger tous les visiteurs vers la section « Mes infos » dans « MON PROFIL » et il faut obliger à renseigner les champs : Age / Origines / Silhouette / distance de recherche (obligatoire) et en facultatif : alcool / tabac (en pictos) + enregistrer au moins une « punchline audio » (uniquement pour les hommes) TANT que les infos et réglages de « Mon profil » ne sont pas renseignés et complétés empêcher d’aller plus loin dans l’application. Par contre on peut afficher le menu burger et cliquer sur les contenus et écrans qui ne sont pas ceux de l’application de jeu (ex : Aide, Se déconnecter, Mentions légales, etc.) l

Valable aussi bien pour homme et femme : Dans la section « MON PROFIL » les onglets permettent de charger et afficher l’écran qui correspond La section « Tags » me concerne tandis que la section « Réglages jeu/Recherche » permet de régler les paramètres de recherche des profils dans le jeu de séduction