Identité digitale de l’interface graphique d’un module pour facebook : « Perso Brand » pour plateforme mobile ioS, Androïd, Windows Phone.

Le Brief

Représentation de type dataviz de mes données alimentées en temps réel.
Cette représentation graphique aura plusieurs item alimentés par FB, Twitter, Pinterest, Linkedin. D’autres items sont entièrement personnalisables et représentés par des pictos flat / long shadow, skeuomorph…

Flux Facebook :
Messages, photo profil, amis, posts

Flux Twitter :
# followers

Flux Pinterest :
Posts

Flux Linkedin :
Réseau Pro

Personnalisables :

Stylisez les items suivants en icone/pictos/illustrations :
Mon humeur (pourcentage + liste (Fun, HHHARG, Cool, V’NER, Speed… + autres…)
Mon Buzz (embed vidéo, image, son)
Mes victoires (txt 6 mots)
Mon score (pourçentage + 6 mots)
Mon speed (pourcentage + 6 mots)
Mon look (photo / vidéo)
Mon film (embed vidéo, image, son)
Ma Zique (embed vidéo, son)
Je suis ici (géolocalisation)
Mon micro CV (à créer)
…. + d’autres (liste à imaginer)

Les principaux items sont dans le fold de l’écran les secondaires dans le scroll.
Ce choix des principaux items se personnalisent.

La cible

Imaginer un persona (Une ou un persona, du verbe latin personare (per-sonare : « parler à travers »), est une personne fictive stéréotypée.)

Décrire la cible et lui donner une histoire.

Son prénom, ses origines sociales, scolaires, ses activités, ses secrets, les goûts et dégoûts, ses loisirs, Son sport, son son, ses films, ses sapes, sa coupe de cheveux, ses potes (ses), sa passion, sa piaule, son facebook, etc
Le mettre en valeur, « je suis unique ».
Qu’est ce qui lui donne l’impression  d’être important(e) en décidant de se publier.

La mise en forme

L’appli génère une e-carte (768 x 1024) à envoyer à des amis, ses contactes téléphones, ses adresses mails.
Les informations provenant des flux son variables selon qu’il s’agit d’un ami, d’un contact existant, d’un nouveau contact.
Variable privé / public.
L’invitation reçue s’ouvre depuis la messagerie facebook, on peut cliquer et installer le module qui permet de créer cette e-card.
Accepter :
La carte est estampillée Perso Brand (logo) / Facebook (logo) et représente sous forme de dataviz les items ci-dessus.
Elle peut être enregistrée, stockée dans une liste (paramètres).
Le simple fait d’accepter une carte donne la possibilité d’installer l’apps.

L’exercice se fait sous Illustrator et Indesign et le rendu est au format PDF

Seront notés :

Les recherches papier (JPG)
Les mockups ou pré maquette fonctionnelle de l’expérience utilisateur (PDF)
Les planches des écrans (PDF)

Caler les plans de travail (un plan = une page dans PDF)
Menu > Fichier > Format du document > Modifier plan de travail (en haut à droite de la fenêtre).
Tout ce qui est hors du plan de travail n’apparaît pas dans les pages du PDF.

Depuis illustrator > Fichier enregistrer sous PDF :
Onglet Général > Paramètre prédéfini = qualité optimale
Onglet compression > Qualité image moyen à faible si il n’y a pas de bitmap dans le composite.
Fichier PDF inférieur à 4000 Ko