Storyboard NewCloud Orange Only

© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 25 / 08 / 2016 1
Le Cloud d'Orange - version web
Cloud Only - New Cloud

rechercher...
Mes fichiers Lorem ipsum
Ajouter / Créer
Nom du dossier
xx fichiers
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout
Pub + stockage
lorem ipsum.ext
XX Mo
Le Cloud Bandeau PUB
Nom du dossier
xx dossiers - xx fichiers
Le Cloud Only || Zoning Page de service
- La page du Cloud Only est composée de plusieurs zones d'informations.
L'architecture est la suivante :
- Header portail comprendant le header ainsi que la zone de titre. (zone dont nous n'avons pas la main). #161
- Du fil d'Ariane. #28
- Du moteur de recherche (celui-ci est intégré dans la zone du fil d'Ariane. #80
- D'un menu de gauche permettant d'accéder aux différentes rubriques. #30
- D'une barre d'action. #25
- D'une barre d'affichage. #27 et #100
- Zone d'affichage des fichiers. #164
2
4
7
3
5
6
1
1
2
3
4
5
6
7
25 / 08 / 2016 2© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud

rechercher...
Ajouter / Créer
Nom du dossier
xx fichiers
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
Nom du dossier
rechercher...
Ajouter / Créermes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
Nom du dossier
Nom du dossier
xx fichiers
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
1 2CW_B002_VDO_M CW_B002_VDO_L
Le Cloud Only || VDO || Affichage mosaïque et Liste
Cloud Only vue dossier affichage Mosaïque Au clic sur le picto Liste, l'interface bascule en affichage liste.

rechercher...
Mes fichiers
Ajouter des fichiers
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Filtrer par : tous (xx fi Trier par : Date d'ajout
Pub + stockage
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
rechercher...
Ajouter des fichiersmes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Mes fichiers
1 2CW_B002_VDE_M CW_B002_VDE_L
Le Cloud Only || VDE || Affichage mosaïque et Liste
Cloud Only vue d'ensemble affichage Mosaïque Au clic sur le picto Liste, l'interface bascule en affichage liste.

rechercher...
Ajouter / Créer
Fichiers ajoutés
XX fichiers
Nom du dossier
xx fichiers
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
Mes fichiers rechercher...
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
Mes fichiers
1 2 CW_B001_VDE_MCW_B001_VD0_M
Le Cloud Only || Sélection mode vue dossier VS vue d'ensemble
Au clic, l'interface passe en vue d'ensemble.
Dans la version cible, cette fonctionnalitée sera présente dans toute l'arborescence du Cloud.

rechercher...
Mes fichiers
Ajouter / Créer
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
chiers Lorem ipsum Lorem ipsum fichier sélectionné rechercher...
Bandeau PUB
Nom du dossier
xx fichiers
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
ers
ages
re
el
tout sélectionner
age
Sup
sélection : xx
Télé -
charger Déplacer Partager Copier Renommer Rotation
1 2 3 4 5 6
1
2
3
4
5
5
6
1 6
Tout sélectionner :
Non présent en vue agrégée.
Filtrer par type de contenu :
L'utilisateur peut filtrer par :
- Tous (xxx) Filtre par défaut
- Vidéo (xxx)
- Audio (xxx )
- Photo (xxx)
- Autre (xxx )
Chaque libellé affiche le nombre de fichiers correspondant.

Trier le contenu :
L'utilisateur peut trier par :
- nom
- date d'ajout (tri par défaut et également présent avec le filtre photo actif.)
- taille
- Et un tri supplémentaire pour le filtre photo (et vidéo?) : - date de prise de vue
Dans la corbeille il y aura également un tri par pertinence.
Tri par ordre croissant / décroissant.
Affichage vue d'ensembe / vue dossier
- disponible sur l'ensemble de l'arborescence en version Cible.
Affichage en mode liste / Mosaïque
Le Cloud Only || Barre des filtres
Barre des filtres avec une sélection :

Mes fichiers Dossier 1 Dossier 2
Ajouter / Créer
Dossier 3
8 dossiers - xx fichiers
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
rechercher...
Pub + stockage
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
1
2
3
1
2
3
Zone visuelle qui peut contenir :
- une photo;
- illustration d'un dossier;
- illustration d'un fichier audio (si pas de miniature disponible);
- illustration d'un fichier SVG;
- illustration d'un fichier DOC;
- illustration d'un document Word;
- illustration d'un fichier Excel;
- illustration d'un fichier Power Point;
- illustration d'un fichier RTF;
- illustration d'un fichier TXT;
- illustration d'un fichier CSV;
- illustration d'un fichier Vidéo;
- illustration d'un fichier XBM;
- illustration d'un fichier XML;
- illustration d'un fichier virus;
- illustration d'un fichier PDF;
- illustration d'un fichier photo (quand l'image n'est pas chargée ou le temps qu'elle se charge);
- illustration d'un fichier SMS; --> Livrer plus tard. ne pas faire le visuel
- illustration Générique quand format inconnu.
Nom du fichier ou du dossier :
Règles de troncature fourni par le Design Graphique.
Règle de troncature : on affichera "..." si le fichier est trop long. L'extension du fichier n'est dans ce cas pas affiché.
L'extensions des fichiers sera affiché uniquement si il n'y a pas de troncature.
Au survol de chaque vignette un tooltip s'affichera pour afficher le nom du fichier sans troncature et avec son
extension:
Le Poids du fichier affiché en Mo ou Go selon la règle suivante :
On affichera 0.9 Mo et non 900 Ko.
On affichera 900 Mo et non 0.9 Go.
On affichera 1 Go et non 1024 Mo.
Important : Pour les fichiers vidéos et audio, on affichera en lieu et place du poids l'information sur la durée du fichiers.
sous le format suivant : hh:mm:ss
Dans le cas d'un dossier sera affiché à cet emplacement :
Le nombre de sous dossier s'il y en a suivi du nombre total de fichiers contenu dans le dossier.
Le Cloud Only || Vignette Mosaïque
Nom du dossier
3 dossiers - 45 fichiers
Nom du fichier.ext
xx Mo
Nom du fichier audio.mp3
hh:mm:ss
Nom de la vidéo.mov
hh:mm:ss
Fichier vidéo Fichier audio Image ou autre Dossier
Nom_du_fichier_un_peu_trop_long.jpg
CW_DETAIL_MOSAIQUE

rechercher...
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
Nom du dossier
Nom du dossier
xx fichiers
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
1 2
3
4
1
2
3
4
Nom fichier.ext
x.x Mo xx/xx/xxxx
Nom fichier audio.mp3
Nom artiste - Nom album
x.x Mo
xx/xx/xxxxhh:mm:ss
x.x Mo
xx/xx/xxxxhh:mm:ss
Nom du dossier
3 Dossiers - 45 fichiers
xx/xx/xxxx
Zone visuelle qui peut contenir :
- une photo;
- illustration d'un dossier;
- illustration d'un fichier audio (si pas de miniature disponible);
- illustration d'un fichier SVG;
- illustration d'un fichier DOC;
- illustration d'un document Word;
- illustration d'un fichier Excel;
- illustration d'un fichier Power Point;
- illustration d'un fichier RTF;
- illustration d'un fichier TXT;
- illustration d'un fichier CSV;
- illustration d'un fichier Vidéo;
- illustration d'un fichier XBM;
- illustration d'un fichier XML;
- illustration d'un fichier virus;
- illustration d'un fichier PDF;
- illustration d'un fichier photo (quand l'image n'est pas chargée ou le temps qu'elle se charge);
- illustration d'un fichier SMS; --> Livrer plus tard. ne pas faire le visuel
- illustration Générique quand format inconnu.
Nom du fichier ou du dossier :
Règles de troncature fourni par le Design Graphique.
Règle de troncature : on affichera "..." si le fichier est trop long. L'extension du fichier n'est dans ce cas pas affiché.
L'extensions des fichiers sera affiché uniquement si il n'y a pas de troncature.
Le Poids du fichier affiché en Mo ou Go selon la règle suivante :
On affichera 0.9 Mo et non 900 Ko.
On affichera 900M et non 0.9 Go.
On affichera 1 Go et non 1024 Mo.
Important : Pour les fichiers vidéos et audio, on affichera en plus du poids l'information sur la durée du fichiers.
sous le format suivant : hh:mm:ss
Dans le cas d'un dossier sera affiché à cet emplacement :
Le nombre de sous dossier s'il y en a suivi du nombre total de fichiers contenu dans le dossier.
La date
Elle correspondra en fonction du tri sélectionné :
- date d'ajout (par défaut) Avec l'intention de l'intégrer dans le filtre photo plus tard
- date de prise de vue uniquement pour le filtre photo
Si la date de prise de vu n'est pas disponible pour un fichier, on affiche à la place "..."
Le Cloud Only || Vignette Liste
Fichier audio :
Image ou autre :
Fichier vidéo :
Dossier :
CW_DETAIL_LISTE

rechercher...
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
Nom du dossier
Nom du dossier
xx fichiers
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
rechercher...
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner
Pub + stockage
fichier sélectionné
Nom du dossier
Nom du dossier
xx fichiers
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Sup
Télé -
charger Déplacer Copier
Reno -
mmer
TournerPartager
sélection : xx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
1 2 CW_B003_VDO_L_Mode_Select_1CW_B002_VDO_L
Le Cloud Only || VDO || Mode sélection affichage liste
Sélection d'un élement.
A la sélection d'un élément en mode Mosaïque ou Liste s'affiche :
- Le nom de l'élément sélectionné (si plusieurs, rien ne s'affiche) dans le fil d'ariane avec une couleur distincte du
reste (voir specifications graphique)
- Les boutons d'actions dans la barre d'action.
- Le nombre d'éléments sélectionnés à la place des filtres, des tris et affichage croissant et décroissant.
En mode sélection le bouton d'affichage entre vue dossier et vue d'ensemble n'est pas disponible.

rechercher...
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
fichier sélectionné rechercher...
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
sélection : xx
Sup
Télé -
Reno -
mmer
TournerPartager
1 2 CW_B003_VDE_L_Mode_Select_1CW_B002_VDE_L
Le Cloud Only || VDE || Mode sélection affichage liste
Sélection d'un élement.
A la sélection d'un élément en mode Mosaïque ou Liste s'affiche :
- Le nom de l'élément sélectionné (si plusieurs, rien ne s'affiche) dans le fil d'ariane avec une couleur distincte du
reste (voir specifications graphique)
- Les boutons d'actions dans la barre d'action.
- Le nombre d'éléments sélectionnés à la place des filtres, des tris et affichage croissant et décroissant.
En mode sélection le bouton d'affichage entre vue dossier et vue d'ensemble n'est pas disponible.

rechercher...
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner
Pub + stockage
Nom du dossier
Nom du dossier
xx fichiers
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Sup
Télé -
Reno -
mmer
TournerPartager
sélection : xx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
rechercher...
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner
Pub + stockage
Nom du dossier
Nom du dossier
xx fichiers
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Sup
Télé -
Reno -
mmer
TournerPartager
sélection : xx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
Tourner 90° horaire
Tourner 90° Antihoraire
Tourner 180° renversé
1 2 CW_B003_VDO_L_SSM_ROTATIONCW_B003_VDO_L_Mode_Select_1
Le Cloud Only || VDO || Sous-MENU ROTATION || Sélection d'un fichier
Sélection d'un élement et clique sur l'item "more"

mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
sélection : xx
Sup
Télé -
Reno -
mmer
TournerPartager
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
sélection : xx
Sup
Télé -
Reno -
mmer
TournerPartager
Tourner 90° horaire
1 2 CW_B003_VDE_L_SSM_ROTATIONCW_B003_VDE_L_Mode_Select_1
Le Cloud Only || VDE || Sous-MENU ROTATION || Sélection d'un fichier
Sélection d'un élement et clique sur l'item "more"

rechercher...
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner
Pub + stockage
Nom du dossier
Nom du dossier
xx fichiers
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Sup
Télé -
Reno -
mmer
TournerPartager
sélection : xx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
rechercher...
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner
Pub + stockage
Nom du dossier
Nom du dossier
xx fichiers
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Sup
Télé -
Reno -
mmer
TournerPartager
sélection : xx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
1 2CW_B003_VDO_L_Mode_Select_1 CW_B003_VDO_L_SSM_P_1
Le Cloud Only || VDO || Action || Sélection d'un fichier
L'utilisateur clique sur l'item "partage", apparaît un sous-menu avec les actions suivantes :
- email / SMS;
- obtenir un lien;
- facebook;
- twitter.
email/sms
obtenir un lien
facebook
twitter

mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
sélection : xx
Sup
Télé -
Reno -
mmer
TournerPartager
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
sélection : xx
Sup
Télé -
Reno -
mmer
TournerPartager
1 2CW_B003_VDE_L_Mode_Select_1 CW_B003_VDE_L_SSM_P_1
Le Cloud Only || VDE || Action || Sélection d'un fichier
- email / SMS;
- obtenir un lien;
- facebook;
- twitter.
email/sms
obtenir un lien
facebook
twitter

rechercher...
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner
Pub + stockage
Nom du dossier
Nom du dossier
xx fichiers
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Sup
Télé -
charger Déplacer Partager Copier
sélection : xx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
rechercher...
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner
Pub + stockage
Nom du dossier
Nom du dossier
xx fichiers
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Sup
Télé -
charger Déplacer Partager Copier
sélection : xx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
1 2CW_B002_VDO_L_Mode_Select_2
Le Cloud Only || VDO || Action || Sélection de plus d'un fichier
CW_B002_VDO_L_SSM_P_2
- email / SMS;
- ontenir un lien;
email/sms
obtenir un lien

rechercher...
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner
Pub + stockage
Nom du dossier
xx/xx/xxxx
Nom du dossier
xx fichiers
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Sup
Télé -
charger Déplacer
sélection : xx
1 CW_B002_VDO_L_Mode_Select_3
Le Cloud Only || VDO || Action || Sélection d'au moins un dossier et au moins un fichier
Le partage n'est pas possible dans ce cas, le picto ne s'affiche pas.

rechercher...
Mes fichiers
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
Mes fichiers fichier sélectionné rechercher...
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
sélection : xx
Sup
Télé -
Télécharger
Supprimer
Déplacer
Partager
Copier
Renommer
Tourner Tourner 90° Horaire
1 2CW_B001_VDE_M CW_B001_VDE_M_Clic_D
Le Cloud Only || VDE || Clic droit
Au clic droit, en fonction de la nature du fichier, les actions suivantes apparaissent :
Une image :
- Télécharger.
- Supprimer.
- Copier vers.
- Déplacer vers.
- Partager.
- Renommer.
Tourner :
- Tourner 90° horaire.
- Tourner 90° antihoraire.
- Tourner 180° renversé.
audio, vidéo, document, pdf,
autre.. :
- Télécharger.
- Supprimer.
- Copier vers.
- Déplacer vers.
- Partager.
- Renommer.
Au moins deux images :
- Télécharger.
- Supprimer.
- Copier vers.
- Déplacer vers.
- Partager.
Tourner :
- Tourner 90° horaire.
- Tourner 90° antihoraire.
- Tourner 180° renversé.
Au moins un fichier photo et au
moins un fichier d'une nature
différente :
- Télécharger.
- Supprimer.
- Copier vers.
- Déplacer vers.
- Partager.

rechercher...
Mes fichiers
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
rechercher...
Mes fichiers
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
Fenêtre système Os
1 2CW_B001_VDE_M CW_B002__VDE_M_SSM_BTN-Action
Le Cloud Only || VDE || Bouton d'action principale
En vue d'ensemble l'utilisateur peut uniquement ajouter un fichier.

rechercher...
Mes fichiers
Ajouter / Créer
Fichers ajoutés
xx fichiers
Nom du dossier
xx fichiers
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
rechercher...
Mes fichiers
Ajouter / Créer
Fichers ajoutés
xx fichiers
Nom du dossier
xx fichiers
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
1 2CW_B001_VD0_M CW_B002__VDO_M_SSM_BTN-ACTION
Le Cloud Only || VDO || Bouton d'action principale
Créer dossier
Ajouter un fichier
Au clic, le sous-menu s'affiche avec :
- Ajouter un fichier
- Créer dossier.

Mes fichiers Lorem ipsum Lorem ipsum fichier sélectionné rechercher...
Nom du dossier
xx fichiers
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner
Pub + stockage
Sup
sélection : xx
Télé -
Nom du dossier
xx fichiers
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner
Pub + stockage
Sup
sélection : xx
Télé -
xx sélection(s)
x
Lorem ipsum xx élément(s) vers :
Mes fichiers
X
Dossier fichiers ajoutés
Dossier 2
Dossier 3
Validerannuler
Créer un dossier
1 2 CW_B004_VDO_M_POP-UP_Arbo1CW_B003_VDO_M_Mode_Select_1
Le Cloud Only || VDO || Déplacer vers / Copier Vers d'un fichier
- lorsque l'utilisateur clique sur Copier vers ou déplacer vers, une pop-in arborescence s'affiche, permettant de
naviguer dans le Cloud.
Important :
La pop-in s'ouvre toujours focussé sur le dossier "mes fichiers" quelque soit l'endroit où se trouve
l'utilisateur.
Accessibilité : Par défaut le focus est sur "le titre de la pop-in"

Nom du dossier
xx fichiers
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner
Pub + stockage
Sup
sélection : xx
Télé -
Nom du dossier
xx fichiers
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner
Pub + stockage
Sup
sélection : xx
Télé -
Mes fichiers
X
Dossier fichiers ajoutés
Dossier 2
Dossier 3
Validerannuler
Créer un dossier
Dossier 3
X
Sous Dossier 1
Sous Dossier 2
Validerannuler
Créer un dossier
1 2 CW_B005_VDO_M_POP-UP_Arbo2CW_B004_VDO_M_POP-UP_Arbo1
Déplacer / Copier Vers : Navigation dans l'arborescence.
La scroll bar qui permettra de naviger dans l'arbo sera celle du navigateur. Lorsque l'utilisateur rentre dans un dossier, le dossier parent s'affiche en haut de la zone et permet de remonter d'un
niveau.

Nom du dossier
xx fichiers
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner
Pub + stockage
Sup
sélection : xx
Télé -
Nom du dossier
xx fichiers
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner
Pub + stockage
Sup
sélection : xx
Télé -
Dossier 3
X
Sous Dossier 1
Sous Dossier 2
Validerannuler
Créer un dossier
Dossier 3
X
Sous Dossier 1
Sous Dossier 2
Validerannuler
Créer un dossier
EnregristerAnnulerNouveau dossier
Déplacer / Copier Vers : Création dossier dans l'arborescence.

Nom du dossier
xx fichiers
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner
Pub + stockage
Sup
sélection : xx
Télé -
Nom du dossier
xx fichiers
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner
Pub + stockage
Sup
sélection : xx
Télé -
Dossier 3
X
Sous Dossier 1
Sous Dossier 2
Validerannuler
Créer un dossier
EnregristerAnnulerNouveau dossier
Dossier 3
X
Sous Dossier 1
Sous Dossier 2
Validerannuler
Créer un dossier
AnnulerVacance 20 Enregrister
Déplacer / Copier Vers : Création dossier dans l'arborescence.
Lors de l'écriture, le placeolder disparait.
Important : Le bouton "créer le dossier" est inactif tant que l'utilisateur n'a pas "annulé" ou "créé" un nouveau
dossier.
La validation du dossier créé se fait via le bouton créer ou la touche entrée.

Nom du dossier
xx fichiers
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner
Pub + stockage
Sup
sélection : xx
Télé -
Nom du dossier
xx fichiers
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner
Pub + stockage
Sup
sélection : xx
Télé -
charger Déplacer Partager Copier Renommer RotationLorem ipsum xx élément(s) vers :
Vacances 2016
X
Validerannuler
Créer un dossier
Votre opération à bien été prise en compte !
Confirmation x
Fermer
1 2 CW_B006_VDO_M_POP-UP_PROCESS_OKCW_B007_VDO_M_POP-UP_Arbo5
Déplacer / Copier Vers : Pop-in Timer || Succès
La pop-in timer se ferme automatiquement après 3 secondes et le dossier en cours reste affiché
L'utilisateur peut également fermer la pop-in avant les trois secondes en cliquant sur la croix.
Accessibilité : Par défaut la pop-in est focussé sur la croix.
Une fois validé, le dossier créer s'affiche.
L'utilisateur peut dans ce nouveau dossier créer un nouveau dossier.

rechercher...
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
Nom du dossier
Nom du dossier
xx fichiers
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
rechercher...
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
Nom du dossier
xx/xx/xxxx
Nom du dossier
xx fichiers
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
1 2 CW_B002_VDO_L_Sroll_1CW_B002_VDO_L
Le Cloud Only || fixed top
Interaction valable en mode mosaïque aussi. Interaction :
Tant que l'utilisateur scroll vers le bas les éléments suivants disparaissent : Header,
barre d'affichage et d'action. (Ils disparaissent progressivement en passant de 100% à 0%.)
- l'utilisateur scroll vers le haut --> Tous les éléments réapparaissent
- l'utilisateur sélectionne un contenu --> la barre d'affichage et la barre d'action réapparaissent. (le header ne
s'affiche pas, il s'affiche uniquement lorsque l'utilisateur retourne tout en haut de la page)
À l'arrêt du scroll, les éléments suivants réapparaissent : barre d'affichage et la barre d'action
Important : le file d'Ariane + la box de recherche resteront toujours visible en fixed top

rechercher...
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
Nom du dossier
xx/xx/xxxx
Nom du dossier
xx fichiers
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
Nom du fichier.mp3
Nom de l’artiste - Nom de l’album
x.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
Haut
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxxhh:mm:ss
hh:mm:ss
xx/xx/xxxx
xx/xx/xxxx
x.x Mo
rechercher...
Mes fichiers Lorem ipsum fichier sélectionné
1 2 CW_B002_VDO_L_Sroll_2CW_B002_VDO_L_Sroll_1
Le Cloud Only || fixed top || scroll bas
Interaction valable en mode mosaïque aussi. Le menu de gauche reste fixe.
Il garde la position qu'il possède lorsqu'il arrive en haut du navigateur.
Il conserve un margin-top qui correspond à la place occupée par le fil d'ariane.
Un bouton flottant apparaît en bas de l'écran et permet de remonter tout en haut de la page.
Important : Pendant un scroll, le bouton "haut" aura une opacité réduite !

Ajouter / Créer
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
rechercher...Dossier 2 Dossier 3 Dossier 4 Dossier 5Dossier 1rechercher...
Mes fichiers Dossier 1 Dossier 2 Dossier 3 Dossier 4
Ajouter / Créer
Dossier 5
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
1 2 CW_B006_VDO_M_FilArianeCW_B005_VDO_M_FilAriane
Le Cloud Only || VDO || Comportement fil d'Ariane
La largeur du fil d'ariane est contrainte par une taille maximum.
Voir spec graphique.
Lorsque le nom d'un sous dossier et trop grand pour s'afficher dans la zone prévue du fil d'Ariane, les niveaux
supérieurs s'empilent alors dans un sous-dossier.

Ajouter / Créer
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
rechercher...Dossier 2 Dossier 3 Dossier 4 Dossier 5Dossier 1
Ajouter / Créer
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
Dossier 1
Mes Fichiers
1 2 CW_B006_VDO_M_SSM_FilArianeCW_B006_VDO_M_FilAriane
Le Cloud Only || VDO || Comportement fil d'Ariane
- lorsque l'utilisateur clique sur le sous-menu, il accède à chaque dossier de l'arborescence qu'il a suivi.
Le premier item du sous-menu est le même que celui affiché dans le fil d'Ariane. (ici dossier 1)
Chaque item du sous-menu est un lien qui amène vers le dossier en question.

Ajouter / Créer
Dossier 10
1 dossier - xx fichiers
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
Ajouter / Créer
Dossier 11
xx fichiers
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
Dossier 3
Dossier 2
Dossier 4
Dossier 5
Dossier 6
Dossier 1
Mes Fichiers
1 2 CW_B009_VDO_M_SSM_FilAriane_D&DCW_B009_VDO_M_FilAriane
Le Cloud Only || VDO || Comportement fil d'Ariane || Drag&Drop
Cas 1 :
L'utilisateur drag&Drop le fichier, fait apparaître le sous-menu, lâche aussitôt le fichier sur le dossier souhaité (ici le
dossier 2) --> le fichier est déplacé.
Cas 2 (mode expert) :
L'utilisateur Drag&Drop le fichier, fait apparaître le sous-menu, reste au-dessus du dossier (ici le dossier 2) sans
relâcher le fichier --> le dossier 2 s'ouvre dans le contenu central. Le fichier est toujours en maintenu sur la souris,
l'utilisateur peut alors s'il le souhaite relâcher le fichier, soit maintenir le survol sur un autre dossier, celui-ci s'ouvrira
alors.... L'action prendra fin avec le déplacement du fichier lorsque l'utilisateur relâchera le fichier dans la zone
centrale.
Si l'utilisateur relâche le fichier hors de la zone de contenu, l'action est alors annulée.
Le dossier ouvert reste le même.

rechercher...
Ajouter / Créer
Dossier 5
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
rechercher...
Ajouter / Créer
Dossier 5
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
1 2 CW_B005_VDO_M_FilAriane_D&DCW_B005_VDO_M_FilAriane
Le Cloud Only || Comportement fil d'Ariane || Drag&Drop
Cas 1 :
L'utilisateur drag&Drop le fichier, relache aussitôt sur "Dossier 2" le fichier est déplacé.
Cas 2 (mode expert) :
L'utilisateur Drag&Drop le fichier, reste au-dessus du dossier (ici le dossier 2) sans
relâcher le fichier --> le dossier 2 s'ouvre dans le contenu central. Le fichier est toujours en maintenu sur la souris,
l'utilisateur peut alors s'il le souhaite relâcher le fichier, soit maintenir le survol sur un autre dossier, celui-ci s'ouvrira
alors.... L'action prendra fin avec le déplacement du fichier lorsque l'utilisateur relâchera le fichier dans la zone
centrale.
Si l'utilisateur relâche le fichier hors de la zone de contenu, l'action est alors annulée.
Le dossier ouvert reste le même.

Ajouter / Créer
Dossier 11
xx fichiers
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
rechercher...fichier sélectionné
lorem ipsum.ext
XX Mo
Dossier 8 Dossier 9 Dossier 10Dossier 7
Ajouter / Créer
Dossier 11
xx fichiers
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
1 2 CW_B011_VD0_M_FilAriane_SelectCW_B010_VDO_M_FilAriane
Le Cloud Only || Comportement fil d'Ariane || Sélection Fichier
Si l'espace dans le fil d'Ariane n'est pas assez grand pour afficher le nom du fichier sélectionné, un nombre n de
dossier seront masqué dans le sous-menu pour que le nom du fichier puisse apparaître sans troncature.
"n" dépend de la longueur nécessaire pour afficher la totalité du nom du fichier.

Mes fichiers Dossier 1 Dossier 2
Ajouter / Créer
Dossier 3
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
rechercher...
Pub + stockage
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
rechercher...
Ajouter / Créer
Dossier 5
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
1 2 CW_B003_VDO_MCW_B005_VDO_M_FilAriane
Le Cloud Only || Comportement fil d'Ariane
Chaque item du fil d'Ariane se comporte comme un lien permettant de remonter dans un dossier.

rechercher...
Ajouter / Créer
Dossier 5
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
rechercher...
Ajouter / Créer
Dossier 5
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
1 2 CW_B005_VDO_M_Pop-in_StockageCW_B005_VDO_M_Tooltip_Stockage
Le Cloud Only || Picto capacité de stockage.
Stockage En ligne
Sur 99.77 Go
X.XGo
Stockage
Stockage en ligne
X
X.XX Go utilisés / 100 GO
99.77 Go disponible
obtenir+ de stockage
Vider la corbeille
On propose à l'utilisateur de vider sa corbelle pour récupérer de la place.
S'il est éligible, on lui propose de souscrire à plus de stockage.
Au survol du picto stockage, un tooltip affiche le stockage utilisé sur la totalité disponible.
Au clic, la pop-in avec le détail s'affichera.
Important :
Deux picto seront fournis.
L'un "normal".
L'autre qui s'affichera lorsque l'utilisateur arrivera en Over quota.
Lorsque l'utilisateur arrive en over quota, à sa première connection, ce tooltip s'affichera automatiquement pendant 3
secondes avant de disparaitre.

rechercher...
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
Fichiers ajoutés
XX fichiers
Nom du dossier
xx fichiers
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Accéder à la navigation
Navigation Barre d’action
Barre des filtres
Vos fichiers
Ajouter un fichier Créer un dossier Barre des filtres Vos fichiers
Mes fichiers
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
1
2 3
4
5
6
7
1
2
3
4
5
6
7
Le Cloud Only || Accessibilité || Liens d'évitements
Des liens d'évitement sont toujours présents sur le Cloud.
Ils permettent d'accéder directement aux éléments suivants :
- Le menu des rubriques (focussé sur "mes fichiers")
- D'ajouter un fichier (non présent sur vue Livebox).
- De créer un dossier (non présent en vue agrégée et sur livebox).
- D'accéder à la barre des filtres (Focussé sur la case à cocher "tout sélectionner")
- D'accéder aux fichiers (focussé sur le premier fichier ou dossier)
Les liens d'évitements ne seront pas visibles mais lus par les lecteurs d'écran (masquage accessible)
et apparaitront à la prise du focus.
Titre H2 masqué (lus par les lecteurs d'écrans)
Navigation
Barre d'action
Barre des filtres
Vos fichiers
alt ="Télécharger le logiciel du Cloud d'Orange"
alt="...à déterminer avec le Marketing...."

Trier par : Date
Vider la corbeille tout déplacer
rechercher...
Ma corbeille
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom du dossier
xx fichiers
xx/xx/xxxx
rechercher...
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
Nom du dossier
Nom du dossier
xx fichiers
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
1 2 CW_B002_VDO_L_CORBEILLECW_B002_VDO_L
Le Cloud Only || Corbeille
Dans la vue corbeille, l'utilisateur peut :
- Vider la corbeille (au clique suivre le parcours xistant)
- Tout déplacer (au clique suivre le parcours d'action Déplacer vers / copier vers déjà décris)
Trier par :
- Date (par défaut)
- Nom
- Taille

rechercher...
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
Nom du dossier
Nom du dossier
xx fichiers
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
1 CW_B002_VDO_M
Représentation tooltip (voir spécification graphique)
Le Cloud Only || ToolTip
1
1 21 21
2
2
3
3 44
55
6
6
7
7
8
8
9
920
10
10
11
11
12
12
13
13
14
14
15
15
16
16
17
17
18
18
19
20
21
19
19
19
19
19
19
ToolTip correspondant :
Accueil
Lancer la recherche
Ajouter / Créer ou Ajouter un fichier (en fonction de l'univer affiché)
Afficher l'aide
Tout sélectionner
Filtrer par "mettre le filtre actif"
Trier par "mettre le tris actif"
Tris par ordre croissant ou Tris par ordre décroissant (en fonction du tris déjà actif, on prendra l'opposé)
Afficher en mode Liste (si le mode mosaïque est affiché) Afficher en mode Mosaïque (si le mode liste est affiché).
Mes fichiers
Mes partages
Partenaires
Corbeille
Télécharger le logiciel Cloud d'Orange
A définir par le Marketing.
Voir slide 33
Aide
Paramètres
Nom du fichier + extension ou Nom du dossier
Affichage vue à plat ou Affichage vue dossier (cela dépendra de la vue sélectionné)
Dans le fil d'Ariane, le tooltip reprend le nom du dossier ou emplacement correpsondant
Important : Les tooltips des actions présentes en mode sélection reprennenront les tooltips existantes.
Texte du tooltip

rechercher...
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
Nom du dossier
Nom du dossier
xx fichiers
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
Nom fichier.ext
X.x Mo
Nom du fichier.mp3
x.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
Haut
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxxhh:mm:ss
hh:mm:ss
xx/xx/xxxx
xx/xx/xxxx
x.x Mo
rechercher...
Mes fichiers Lorem ipsum fichier sélectionné
1 2 CW_B002_VC_LCW_B002_VDO_L_Sroll_2
Le Cloud Only || Bouton remonter tout en haut
Au clique, sur le bouton remonter, le focus de l'écran remonte tout en haut de l'interface.
Si une sélection est faite, elle se conserve.
Une fois la fenêtre remontée, ce bouton disprait.
Ce bouton disparait dès lors que le portail header et de nouveau affiché.
Lorsque le header portail n'est plus visible à l'écran, un bouton "remonter" apparait en bas à droite par dessus
l'interface.
Ce bouton est flottant et sera toujours l'éléments avec le Z-index le plus grand.

Ajouter / Créer
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
rechercher...Dossier 2 Dossier 3 Dossier 4 Dossier 5Dossier 1rechercher...
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
Mes fichiers
1 2 CW_B006_VDO_M_FilAriane_D&DCW_B001_VDE_M_D&D
Le Cloud Only || Drag&Drop Fenêtre Système to Cloud
Lors d'un drag&drop en vue dossier, le comportement existant est concervé.
Un little Window apparait sur les éléments suivant :
- Header portail.
- Moteur de recherche.
- Menu de gauche.
- Barre d'action.
- Barre d'affichage.
important : l'utilisateur peut faire son drag&drop dans les dossiers du fil d'Ariane qui se conserve comme des liens
hypertextes
Lors d'un drag&drop en vue dossier, sans arborescence dans le fil d'Ariane, le comportement existant est concervé.
Un little Window apparait sur les éléments suivant :
- Header portail.
- Fil d'Ariane.
- Moteur de recherche.
- Menu de gauche.
- Barre d'action.
- Barre d'affichage.
Specification graphique pour Sprint 1 :
Le border Orange qui s'affiche aujourd'hui sur la
zone d'affichage doit faire 2px.

mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner
Pub + stockage
Nom du dossier
45 fichiers
xx/xx/xxxx
Nom du dossier
45 fichiers
xx/xx/xxxx
Nom du fichier.mp3
x.x Mo
xx/xx/xxxxhh:mm:ss
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
actionaction action action
sélection : xx
rechercher...
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
Nom du dossier
Nom du dossier
xx fichiers
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
1 2 CW_B002_VDO_L_ALL_SELECTCW_B002_VDO_L
Le Cloud Only || VDO || Tout sélectionner

X.x Mo
Sup
Télé -
Reno -
mmer
TournerPartager
xx/xx/xxxx
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner
Pub + stockage
Nom du dossier
45 fichiers
xx/xx/xxxx
Nom du dossier
45 fichiers
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
sélection : xx
Nom du fichier.ext
rechercher...
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
tout sélectionner
Pub + stockage
Nom du dossier
Nom du dossier
xx fichiers
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Nom fichier.ext
X.x Mo
Sup
Télé -
Reno -
mmer
TournerPartager
sélection : xx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
xx/xx/xxxx
En mode édition, un overlay blanc à 70% s'affiche sur l'ensemble de la zone d'affichage hors ligne concernée
par l'édition.
1 2 CW_B003_VDO_L_Mode_Select_1-RENAMECW_B003_VDO_L_Mode_Select_1
Le Cloud Only || VDO || Renommer
Ce comportement d'édition de la box pour édité sera le même que celui qui apparaît lors de la création d'un
nouveau dossier.
Les spécifications graphiques seront livrées qu'une fois et concerneront le mode édition lorsque l'utilisateur clique
sur renommer ou lorsqu'il clique sur créer un dossier.

lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
sélection : xx
Sup
Télé -
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
sélection : xx
Sup
Télé -
1 2 CW_B001_VDE_M_SELECT_RENAMECW_B001_VDE_M_SELECT
Le Cloud Only || VDE || Renommer
Ce comportement d'édition de la box pour édité sera le même que celui qui apparaît lors de la création d'un
nouveau dossier.
Les spécifications graphiques seront livrées qu'une fois et concerneront le mode édition lorsque l'utilisateur clique
sur renommer ou lorsqu'il clique sur créer un dossier.
En mode édition, un overlay blanc à 70% s'affiche sur l'ensemble de la zone d'affichage hors vignette concernée
par l'édition.

rechercher...
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Mes fichiersrechercher...
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Mes fichiers
Pop-up téléchargement du logiciel
Une fois le logiciel téléchargé, la publicité pour le logiciel n'est plus présente.
1 2 CW_B002_VDE_L_POP-UP_LOGICIELCW_B002_VDE_L
Le Cloud Only || Pub logiciel

Mes fichiers
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
tout sélectionner
XX résultats pour ‘Photo de vacance’
Photo de vacancePhot|
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
XMes fichiers
Le nombre de résultat s'affiche au dessus de la première ligne de vignettes.
Le terme recherché reste affiché dans le champ de recherche.
Elements abscent de l'interface dans une page de résultat :
- Pas de vue a plat vs vue dossier.
- Le fil d'Ariane n'affiche plus d'arbo et commence avec Mes fichiers.
A la sélection d'un fichier l'arbo associé sera affichée.
Un Tris par pertinence est disponible et sélectionné par défaut dans les tris
L'utilisateur renseigne le champ de recherche et valide en :
- Appuyant sur la touche "Entrée"
- Cliquant sur la "loupe"
1 2 CW_B002_VDE_L_BOX_RECHERCHE_RESULTATCW_B002_VDE_L_BOX_RECHERCHE
Le Cloud Only || Recherche || Resultat

Mes fichiers
mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
tout sélectionner
XX résultats pour ‘Photo de vacance’
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
X
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
Mes fichiers
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
lorem ipsum.ext
XX Mo
Le nombre de résultat s'affiche au dessus de la première ligne de vignettes.
Elements abscent de l'interface dans une page de résultat :
- Pas de vue a plat vs vue dossier.
- Le fil d'Ariane n'affiche plus d'arbo et commence avec Mes fichiers.
A la sélection d'un fichier l'arbo associé sera affichée.
Un Tris par pertinence est disponible et sélectionné par défaut dans les tris
L'utilisateur renseigne le champ de recherche et valide en :
- Appuyant sur la touche "Entrée"
- Cliquant sur la "loupe"
1 2 CW_B002_VDE_M_BOX_RECHERCHE_RESULTATCW_B002_VDE_M_BOX_RECHERCHE
Le Cloud Only || Recherche || Resultat

Mes fichiers
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
tout sélectionner
0 résultat pour ‘Photo de vacance’
Aucuns document ne correspond aux termes de recherche spécifiés (’’Photo de vacance’)
Suggestions :
- Vérifier l’orthographe.
- Essayer d’autres mots.
- D’enrichir la légende de vos documents
mes partages
partenaire
corbeille
Pub logiciel
Orange 2016
Pub + stockage
lorem ipsum.ext
XX Mo
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
Nom fichier.ext
X.x Mo
xx/xx/xxxx
XMes fichiers
La page présenté sera la même en vue liste ou mosaique.
1 2 CW_B002_VDE_L_BOX_RECHERCHE_RESULTATCW_B002_VDE_L_BOX_RECHERCHE
Le Cloud Only || Recherche || Pas de Resultat

Storyboard NewCloud Orange Only

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (10)

Similaire à Storyboard NewCloud Orange Only

Similaire à Storyboard NewCloud Orange Only (20)

Plus de UX_Claurent

Plus de UX_Claurent (10)

Storyboard NewCloud Orange Only