Téléchargé parUX_Claurent
347 vues

Storyboard NewCloud Orange Only

Le document décrit l'architecture et les fonctionnalités du service de cloud d'Orange, incluant des zones d'affichage, des options de tri et de filtrage pour les fichiers. Il précise également les règles de présentation des fichiers, comme la troncature des noms et l'affichage du poids en Mo ou Go. Enfin, des détails sont fournis sur l’affichage en mode liste et mosaïque, ainsi que sur les éléments visuels associés aux différents types de fichiers.

Intégrer la présentation

© 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 Le Cloud d'Orange - version web 25 / 08 / 2016 2© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - 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 rechercher... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage Nom du dossier xx dossiers - 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 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. Le Cloud d'Orange - version web 25 / 08 / 2016 3© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
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 Le Cloud Bandeau PUB 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 Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB 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. Le Cloud d'Orange - version web 25 / 08 / 2016 4© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
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 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB Mes fichiers rechercher... Ajouter des 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 Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB Mes fichiers 1 2 CW_B001_VDE_MCW_B001_VD0_M Le Cloud Only || Sélection mode vue dossier VS vue d'ensemble Le Cloud d'Orange - version web 25 / 08 / 2016 5© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB 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 : Le Cloud d'Orange - version web 25 / 08 / 2016 6© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
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 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout rechercher... Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB 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 Le Cloud d'Orange - version web 25 / 08 / 2016 7© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
rechercher... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage Nom du dossier xx dossiers - 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 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 Nom de la vidéo.mov 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 Le Cloud d'Orange - version web 25 / 08 / 2016 8© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
rechercher... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage Nom du dossier xx dossiers - 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 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... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum mes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Pub + stockage fichier sélectionné Nom du dossier xx dossiers - 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 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. Le Cloud d'Orange - version web 25 / 08 / 2016 9© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum Ajouter des fichiersmes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 Filtrer par : tous (xx fi Trier par : Date d'ajout 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... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum 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é - charger Déplacer Copier 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. Le Cloud d'Orange - version web 25 / 08 / 2016 10© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum mes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Pub + stockage fichier sélectionné Nom du dossier xx dossiers - 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 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 rechercher... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum mes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Pub + stockage fichier sélectionné Nom du dossier xx dossiers - 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 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 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" Le Cloud d'Orange - version web 25 / 08 / 2016 11© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
fichier sélectionné rechercher... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum 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é - charger Déplacer Copier Reno - mmer TournerPartager fichier sélectionné rechercher... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum 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é - charger Déplacer Copier Reno - mmer TournerPartager Tourner 90° horaire Tourner 90° Antihoraire Tourner 180° renversé 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" Le Cloud d'Orange - version web 25 / 08 / 2016 12© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
rechercher... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum mes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Pub + stockage fichier sélectionné Nom du dossier xx dossiers - 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 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 rechercher... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum mes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Pub + stockage fichier sélectionné Nom du dossier xx dossiers - 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 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 2CW_B003_VDO_L_Mode_Select_1 CW_B003_VDO_L_SSM_P_1 Le Cloud Only || VDO || Action || Sélection d'un fichier Le Cloud d'Orange - version web 25 / 08 / 2016 13© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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
fichier sélectionné rechercher... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum 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é - charger Déplacer Copier Reno - mmer TournerPartager fichier sélectionné rechercher... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum 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é - charger Déplacer Copier 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 Le Cloud d'Orange - version web 25 / 08 / 2016 14© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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
rechercher... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum mes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Pub + stockage Nom du dossier xx dossiers - 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 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... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum mes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Pub + stockage Nom du dossier xx dossiers - 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 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 Le Cloud d'Orange - version web 25 / 08 / 2016 15© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud L'utilisateur clique sur l'item "partage", apparaît un sous-menu avec les actions suivantes : - email / SMS; - ontenir un lien; email/sms obtenir un lien
rechercher... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum mes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Pub + stockage Nom du dossier xx dossiers - xx fichiers 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 Cloud d'Orange - version web 25 / 08 / 2016 16© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud Le partage n'est pas possible dans ce cas, le picto ne s'affiche pas.
rechercher... Mes fichiers Ajouter des 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 Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB Mes fichiers fichier sélectionné rechercher... Le Cloud Bandeau PUB 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é - charger Déplacer Partager Copier Renommer Rotation Télécharger Supprimer Déplacer Partager Copier Renommer Tourner Tourner 90° Horaire Tourner 90° Antihoraire Tourner 180° renversé 1 2CW_B001_VDE_M CW_B001_VDE_M_Clic_D Le Cloud Only || VDE || Clic droit Le Cloud d'Orange - version web 25 / 08 / 2016 17© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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 Ajouter des 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 Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB rechercher... Mes fichiers Ajouter des 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 Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB 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 Le Cloud d'Orange - version web 25 / 08 / 2016 18© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB 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 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB 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 Le Cloud d'Orange - version web 25 / 08 / 2016 19© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud Au clic, le sous-menu s'affiche avec : - Ajouter un fichier - Créer dossier.
Mes fichiers Lorem ipsum Lorem ipsum fichier sélectionné rechercher... Le Cloud Bandeau PUB 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 Rotation Mes fichiers Lorem ipsum Lorem ipsum fichier sélectionné rechercher... Le Cloud Bandeau PUB 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 Rotation 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 Le Cloud d'Orange - version web 25 / 08 / 2016 20© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud - 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"
Mes fichiers Lorem ipsum Lorem ipsum fichier sélectionné rechercher... Le Cloud Bandeau PUB 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 Rotation Mes fichiers Lorem ipsum Lorem ipsum fichier sélectionné rechercher... Le Cloud Bandeau PUB 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 Rotation Lorem ipsum xx élément(s) vers : Mes fichiers X Dossier fichiers ajoutés Dossier 2 Dossier 3 Validerannuler Créer un dossier Lorem ipsum xx élément(s) vers : 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. Le Cloud d'Orange - version web 25 / 08 / 2016 21© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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.
Mes fichiers Lorem ipsum Lorem ipsum fichier sélectionné rechercher... Le Cloud Bandeau PUB 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 Rotation Mes fichiers Lorem ipsum Lorem ipsum fichier sélectionné rechercher... Le Cloud Bandeau PUB 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 Rotation Lorem ipsum xx élément(s) vers : Dossier 3 X Sous Dossier 1 Sous Dossier 2 Validerannuler Créer un dossier Lorem ipsum xx élément(s) vers : Dossier 3 X Sous Dossier 1 Sous Dossier 2 Validerannuler Créer un dossier EnregristerAnnulerNouveau dossier 1 2 CW_B006_VDO_M_POP-UP_Arbo3CW_B005_VDO_M_POP-UP_Arbo2 Déplacer / Copier Vers : Création dossier dans l'arborescence. Le Cloud d'Orange - version web 25 / 08 / 2016 22© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
Mes fichiers Lorem ipsum Lorem ipsum fichier sélectionné rechercher... Le Cloud Bandeau PUB 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 Rotation Mes fichiers Lorem ipsum Lorem ipsum fichier sélectionné rechercher... Le Cloud Bandeau PUB 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 Rotation Lorem ipsum xx élément(s) vers : Dossier 3 X Sous Dossier 1 Sous Dossier 2 Validerannuler Créer un dossier EnregristerAnnulerNouveau dossier Lorem ipsum xx élément(s) vers : Dossier 3 X Sous Dossier 1 Sous Dossier 2 Validerannuler Créer un dossier AnnulerVacance 20 Enregrister 1 2 CW_B006_VDO_M_POP-UP_Arbo4CW_B006_VDO_M_POP-UP_Arbo3 Déplacer / Copier Vers : Création dossier dans l'arborescence. Le Cloud d'Orange - version web 25 / 08 / 2016 23© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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.
Mes fichiers Lorem ipsum Lorem ipsum fichier sélectionné rechercher... Le Cloud Bandeau PUB 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 Rotation Mes fichiers Lorem ipsum Lorem ipsum fichier sélectionné rechercher... Le Cloud Bandeau PUB 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 Le Cloud d'Orange - version web 25 / 08 / 2016 24© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage Nom du dossier xx dossiers - 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 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 Lorem ipsum Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage Nom du dossier xx dossiers - xx fichiers 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 Le Cloud d'Orange - version web 25 / 08 / 2016 25© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
rechercher... Mes fichiers Lorem ipsum Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage Nom du dossier xx dossiers - xx fichiers 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 Nom de la vidéo.mov 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 ! Le Cloud d'Orange - version web 25 / 08 / 2016 26© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
Ajouter / Créer 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 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 6 dossiers - xx fichiers 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 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. Le Cloud d'Orange - version web 25 / 08 / 2016 27© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB 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 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB rechercher...Dossier 2 Dossier 3 Dossier 4 Dossier 5Dossier 1 Dossier 1 Mes Fichiers 1 2 CW_B006_VDO_M_SSM_FilArianeCW_B006_VDO_M_FilAriane Le Cloud Only || VDO || Comportement fil d'Ariane Le Cloud d'Orange - version web 25 / 08 / 2016 28© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud - 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.
rechercher...Dossier 6 Dossier 7 Dossier 8 Dossier 9Dossier 5 Ajouter / Créer Dossier 10 1 dossier - xx fichiers 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 lorem ipsum.ext XX Mo lorem ipsum.ext XX Mo lorem ipsum.ext XX Mo lorem ipsum.ext XX Mo rechercher...Dossier 7 Dossier 8 Dossier 9 Dossier 10Dossier 6 Ajouter / Créer Dossier 11 xx fichiers 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 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 Le Cloud d'Orange - version web 25 / 08 / 2016 29© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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... Mes fichiers Dossier 1 Dossier 2 Dossier 3 Dossier 4 Ajouter / Créer Dossier 5 6 dossiers - xx fichiers 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 lorem ipsum.ext XX Mo lorem ipsum.ext XX Mo lorem ipsum.ext XX Mo rechercher... Mes fichiers Dossier 1 Dossier 2 Dossier 3 Dossier 4 Ajouter / Créer Dossier 5 6 dossiers - xx fichiers 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 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 Le Cloud d'Orange - version web 25 / 08 / 2016 30© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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.
rechercher...Dossier 7 Dossier 8 Dossier 9 Dossier 10Dossier 6 Ajouter / Créer Dossier 11 xx fichiers 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 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 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB 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 Le Cloud d'Orange - version web 25 / 08 / 2016 31© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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 8 dossiers - xx fichiers mes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout rechercher... Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB 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... Mes fichiers Dossier 1 Dossier 2 Dossier 3 Dossier 4 Ajouter / Créer Dossier 5 6 dossiers - xx fichiers 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 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 Le Cloud d'Orange - version web 25 / 08 / 2016 32© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud Chaque item du fil d'Ariane se comporte comme un lien permettant de remonter dans un dossier.
rechercher... Mes fichiers Dossier 1 Dossier 2 Dossier 3 Dossier 4 Ajouter / Créer Dossier 5 6 dossiers - xx fichiers 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 lorem ipsum.ext XX Mo lorem ipsum.ext XX Mo lorem ipsum.ext XX Mo rechercher... Mes fichiers Dossier 1 Dossier 2 Dossier 3 Dossier 4 Ajouter / Créer Dossier 5 6 dossiers - xx fichiers 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 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 Le Cloud d'Orange - version web 25 / 08 / 2016 33© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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... Le Cloud Bandeau PUB Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout 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 Le Cloud d'Orange - version web 25 / 08 / 2016 34© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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 Titre H2 masqué (lus par les lecteurs d'écrans) Barre d'action Titre H2 masqué (lus par les lecteurs d'écrans) Barre des filtres Titre H2 masqué (lus par les lecteurs d'écrans) 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 Le Cloud Bandeau PUB 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... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage Nom du dossier xx dossiers - 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 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 Le Cloud d'Orange - version web 25 / 08 / 2016 35© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage Nom du dossier xx dossiers - 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 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 Le Cloud d'Orange - version web 25 / 08 / 2016 36© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage Nom du dossier xx dossiers - 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 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 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 Nom de la vidéo.mov 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 Le Cloud d'Orange - version web 25 / 08 / 2016 37© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB rechercher...Dossier 2 Dossier 3 Dossier 4 Dossier 5Dossier 1rechercher... Ajouter des 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 Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB 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 Le Cloud d'Orange - version web 25 / 08 / 2016 38© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New 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.
Le Cloud Bandeau PUB Mes fichiers Lorem ipsum 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 Nom de l’artiste - Nom de l’album 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 fichier sélectionné sélection : xx rechercher... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage Nom du dossier xx dossiers - 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 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 Le Cloud d'Orange - version web 25 / 08 / 2016 39© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
X.x Mo Sup Télé - charger Déplacer Copier Reno - mmer TournerPartager xx/xx/xxxx Le Cloud Bandeau PUB Mes fichiers Lorem ipsum 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 fichier sélectionné sélection : xx Nom du fichier.ext rechercher... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum mes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Pub + stockage fichier sélectionné Nom du dossier xx dossiers - 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 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 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 Le Cloud d'Orange - version web 25 / 08 / 2016 40© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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.
Mes fichiers fichier sélectionné rechercher... Le Cloud Bandeau PUB 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é - charger Déplacer Partager Copier Renommer Rotation Mes fichiers fichier sélectionné rechercher... Le Cloud Bandeau PUB 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é - charger Déplacer Partager Copier Renommer Rotation 1 2 CW_B001_VDE_M_SELECT_RENAMECW_B001_VDE_M_SELECT Le Cloud Only || VDE || Renommer Le Cloud d'Orange - version web 25 / 08 / 2016 41© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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... Ajouter des fichiersmes 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 Le Cloud Bandeau PUB 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... Ajouter des fichiersmes 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 Le Cloud Bandeau PUB 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 Le Cloud d'Orange - version web 25 / 08 / 2016 42© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
Mes fichiers 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 Le Cloud Bandeau PUB 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| Ajouter des fichiersmes 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 Le Cloud Bandeau PUB 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 Le Cloud d'Orange - version web 25 / 08 / 2016 43© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
Mes fichiers 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 Le Cloud Bandeau PUB 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 Photo de vacancePhot| Ajouter des fichiersmes 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 Le Cloud Bandeau PUB 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. 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_M_BOX_RECHERCHE_RESULTATCW_B002_VDE_M_BOX_RECHERCHE Le Cloud Only || Recherche || Resultat Le Cloud d'Orange - version web 25 / 08 / 2016 44© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
Mes fichiers Ajouter des fichiersmes 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 Le Cloud Bandeau PUB 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 Photo de vacancePhot| Ajouter des fichiersmes 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 Le Cloud Bandeau PUB 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. Le terme recherché reste affiché dans le champ de recherche. 1 2 CW_B002_VDE_L_BOX_RECHERCHE_RESULTATCW_B002_VDE_L_BOX_RECHERCHE Le Cloud Only || Recherche || Pas de Resultat Le Cloud d'Orange - version web 25 / 08 / 2016 45© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
Merci © 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 25 / 08 / 2016 46

Contenu connexe

PDF
Mercurial - PHPQuebec - December 08
parmdupuis
 
PDF
Présentation des travaux entre TYPO3 et Alfresco
parYannick Pavard
 
ODP
LPIC1 07 13 fsck
parNoël
 
PDF
Admin linux
parbekhti
 
PDF
Strategie de Virtualisation Open Source
parOpen Source School
 
PPT
LINUX Mise en place d’une exploitation industrialisée – automatisée – sécuris...
parJean-Antoine Moreau
 
ODP
LPIC1 05 01 utilisateurs et groupes
parNoël
 
ODP
LPIC1 07 11 introduction aux systèmes de fichiers
parNoël
 
Mercurial - PHPQuebec - December 08
parmdupuis
 
Présentation des travaux entre TYPO3 et Alfresco
parYannick Pavard
 
LPIC1 07 13 fsck
parNoël
 
Admin linux
parbekhti
 
Strategie de Virtualisation Open Source
parOpen Source School
 
LINUX Mise en place d’une exploitation industrialisée – automatisée – sécuris...
parJean-Antoine Moreau
 
LPIC1 05 01 utilisateurs et groupes
parNoël
 
LPIC1 07 11 introduction aux systèmes de fichiers
parNoël
 

Tendances

ODP
07 03 sécurisation d'un serveur dns
parNoël
 
PDF
PHP & Initiation Symfony
parOpen Source School
 
ODP
présentation des services Open Source pour GNU/Linux
parNoël
 
ODP
LPIC1 05 04 droits d'accès posix
parNoël
 
ODP
LPIC1 11 01 sécurité réseaux
parNoël
 
PDF
Linux commandes
parManel Wannassi
 
PDF
Administration reseau linux
parRiadh Briki
 
ODP
LPIC1 05 02 Filesystem Hierarchy Standard
parNoël
 
PDF
Cours linux complet
paraubin82
 
PDF
Openfire
parhouda abdou
 
07 03 sécurisation d'un serveur dns
parNoël
 
PHP & Initiation Symfony
parOpen Source School
 
présentation des services Open Source pour GNU/Linux
parNoël
 
LPIC1 05 04 droits d'accès posix
parNoël
 
LPIC1 11 01 sécurité réseaux
parNoël
 
Linux commandes
parManel Wannassi
 
Administration reseau linux
parRiadh Briki
 
LPIC1 05 02 Filesystem Hierarchy Standard
parNoël
 
Cours linux complet
paraubin82
 
Openfire
parhouda abdou
 

Plus de UX_Claurent

PDF
Storyboard NewCLoud Orange Compte+
parUX_Claurent
 
PDF
Kit-font crédit market
parUX_Claurent
 
PDF
Dossier conception Crédit Market
parUX_Claurent
 
PDF
Storyboard_APP_TV-ORANGE
parUX_Claurent
 
PDF
Composant optimisation seo
parUX_Claurent
 
PDF
Benchmark e sante-v00_w01_20141108
parUX_Claurent
 
PDF
Cahier des charges_trans-europe seafood sales bv
parUX_Claurent
 
PDF
Tees website v1.2-20140329
parUX_Claurent
 
PDF
Refont ea
parUX_Claurent
 
PDF
Audit formulaire
parUX_Claurent
 
PDF
Analyse comparateur assurance
parUX_Claurent
 
Storyboard NewCLoud Orange Compte+
parUX_Claurent
 
Kit-font crédit market
parUX_Claurent
 
Dossier conception Crédit Market
parUX_Claurent
 
Storyboard_APP_TV-ORANGE
parUX_Claurent
 
Composant optimisation seo
parUX_Claurent
 
Benchmark e sante-v00_w01_20141108
parUX_Claurent
 
Cahier des charges_trans-europe seafood sales bv
parUX_Claurent
 
Tees website v1.2-20140329
parUX_Claurent
 
Refont ea
parUX_Claurent
 
Audit formulaire
parUX_Claurent
 
Analyse comparateur assurance
parUX_Claurent
 

Storyboard NewCloud Orange Only

  • 1.
    © 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
  • 2.
    rechercher... Mes fichiers Loremipsum 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 Le Cloud d'Orange - version web 25 / 08 / 2016 2© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
  • 3.
    rechercher... Mes fichiers Loremipsum 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 rechercher... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage Nom du dossier xx dossiers - 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 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. Le Cloud d'Orange - version web 25 / 08 / 2016 3© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
  • 4.
    rechercher... Mes fichiers Ajouter desfichiers 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 Le Cloud Bandeau PUB 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 Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB 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. Le Cloud d'Orange - version web 25 / 08 / 2016 4© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
  • 5.
    rechercher... Ajouter / Créer Fichiersajouté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 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB Mes fichiers rechercher... Ajouter des 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 Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB Mes fichiers 1 2 CW_B001_VDE_MCW_B001_VD0_M Le Cloud Only || Sélection mode vue dossier VS vue d'ensemble Le Cloud d'Orange - version web 25 / 08 / 2016 5© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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.
  • 6.
    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 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB 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 : Le Cloud d'Orange - version web 25 / 08 / 2016 6© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
  • 7.
    Mes fichiers Dossier1 Dossier 2 Ajouter / Créer Dossier 3 8 dossiers - xx fichiers mes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout rechercher... Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB 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 Le Cloud d'Orange - version web 25 / 08 / 2016 7© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
  • 8.
    rechercher... Le Cloud BandeauPUB Mes fichiers Lorem ipsum Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage Nom du dossier xx dossiers - 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 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 Nom de la vidéo.mov 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 Le Cloud d'Orange - version web 25 / 08 / 2016 8© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
  • 9.
    rechercher... Le Cloud BandeauPUB Mes fichiers Lorem ipsum Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage Nom du dossier xx dossiers - 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 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... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum mes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Pub + stockage fichier sélectionné Nom du dossier xx dossiers - 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 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. Le Cloud d'Orange - version web 25 / 08 / 2016 9© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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.
  • 10.
    rechercher... Le Cloud BandeauPUB Mes fichiers Lorem ipsum Ajouter des fichiersmes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 Filtrer par : tous (xx fi Trier par : Date d'ajout 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... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum 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é - charger Déplacer Copier 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. Le Cloud d'Orange - version web 25 / 08 / 2016 10© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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.
  • 11.
    rechercher... Le Cloud BandeauPUB Mes fichiers Lorem ipsum mes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Pub + stockage fichier sélectionné Nom du dossier xx dossiers - 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 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 rechercher... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum mes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Pub + stockage fichier sélectionné Nom du dossier xx dossiers - 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 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 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" Le Cloud d'Orange - version web 25 / 08 / 2016 11© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
  • 12.
    fichier sélectionné rechercher... LeCloud Bandeau PUB Mes fichiers Lorem ipsum 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é - charger Déplacer Copier Reno - mmer TournerPartager fichier sélectionné rechercher... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum 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é - charger Déplacer Copier Reno - mmer TournerPartager Tourner 90° horaire Tourner 90° Antihoraire Tourner 180° renversé 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" Le Cloud d'Orange - version web 25 / 08 / 2016 12© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
  • 13.
    rechercher... Le Cloud BandeauPUB Mes fichiers Lorem ipsum mes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Pub + stockage fichier sélectionné Nom du dossier xx dossiers - 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 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 rechercher... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum mes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Pub + stockage fichier sélectionné Nom du dossier xx dossiers - 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 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 2CW_B003_VDO_L_Mode_Select_1 CW_B003_VDO_L_SSM_P_1 Le Cloud Only || VDO || Action || Sélection d'un fichier Le Cloud d'Orange - version web 25 / 08 / 2016 13© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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
  • 14.
    fichier sélectionné rechercher... LeCloud Bandeau PUB Mes fichiers Lorem ipsum 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é - charger Déplacer Copier Reno - mmer TournerPartager fichier sélectionné rechercher... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum 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é - charger Déplacer Copier 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 Le Cloud d'Orange - version web 25 / 08 / 2016 14© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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
  • 15.
    rechercher... Le Cloud BandeauPUB Mes fichiers Lorem ipsum mes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Pub + stockage Nom du dossier xx dossiers - 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 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... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum mes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Pub + stockage Nom du dossier xx dossiers - 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 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 Le Cloud d'Orange - version web 25 / 08 / 2016 15© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud L'utilisateur clique sur l'item "partage", apparaît un sous-menu avec les actions suivantes : - email / SMS; - ontenir un lien; email/sms obtenir un lien
  • 16.
    rechercher... Le Cloud BandeauPUB Mes fichiers Lorem ipsum mes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Pub + stockage Nom du dossier xx dossiers - xx fichiers 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 Cloud d'Orange - version web 25 / 08 / 2016 16© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud Le partage n'est pas possible dans ce cas, le picto ne s'affiche pas.
  • 17.
    rechercher... Mes fichiers Ajouter desfichiers 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 Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB Mes fichiers fichier sélectionné rechercher... Le Cloud Bandeau PUB 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é - charger Déplacer Partager Copier Renommer Rotation Télécharger Supprimer Déplacer Partager Copier Renommer Tourner Tourner 90° Horaire Tourner 90° Antihoraire Tourner 180° renversé 1 2CW_B001_VDE_M CW_B001_VDE_M_Clic_D Le Cloud Only || VDE || Clic droit Le Cloud d'Orange - version web 25 / 08 / 2016 17© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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.
  • 18.
    rechercher... Mes fichiers Ajouter desfichiers 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 Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB rechercher... Mes fichiers Ajouter des 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 Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB 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 Le Cloud d'Orange - version web 25 / 08 / 2016 18© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud En vue d'ensemble l'utilisateur peut uniquement ajouter un fichier.
  • 19.
    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 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB 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 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB 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 Le Cloud d'Orange - version web 25 / 08 / 2016 19© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud Au clic, le sous-menu s'affiche avec : - Ajouter un fichier - Créer dossier.
  • 20.
    Mes fichiers Loremipsum Lorem ipsum fichier sélectionné rechercher... Le Cloud Bandeau PUB 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 Rotation Mes fichiers Lorem ipsum Lorem ipsum fichier sélectionné rechercher... Le Cloud Bandeau PUB 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 Rotation 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 Le Cloud d'Orange - version web 25 / 08 / 2016 20© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud - 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"
  • 21.
    Mes fichiers Loremipsum Lorem ipsum fichier sélectionné rechercher... Le Cloud Bandeau PUB 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 Rotation Mes fichiers Lorem ipsum Lorem ipsum fichier sélectionné rechercher... Le Cloud Bandeau PUB 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 Rotation Lorem ipsum xx élément(s) vers : Mes fichiers X Dossier fichiers ajoutés Dossier 2 Dossier 3 Validerannuler Créer un dossier Lorem ipsum xx élément(s) vers : 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. Le Cloud d'Orange - version web 25 / 08 / 2016 21© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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.
  • 22.
    Mes fichiers Loremipsum Lorem ipsum fichier sélectionné rechercher... Le Cloud Bandeau PUB 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 Rotation Mes fichiers Lorem ipsum Lorem ipsum fichier sélectionné rechercher... Le Cloud Bandeau PUB 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 Rotation Lorem ipsum xx élément(s) vers : Dossier 3 X Sous Dossier 1 Sous Dossier 2 Validerannuler Créer un dossier Lorem ipsum xx élément(s) vers : Dossier 3 X Sous Dossier 1 Sous Dossier 2 Validerannuler Créer un dossier EnregristerAnnulerNouveau dossier 1 2 CW_B006_VDO_M_POP-UP_Arbo3CW_B005_VDO_M_POP-UP_Arbo2 Déplacer / Copier Vers : Création dossier dans l'arborescence. Le Cloud d'Orange - version web 25 / 08 / 2016 22© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
  • 23.
    Mes fichiers Loremipsum Lorem ipsum fichier sélectionné rechercher... Le Cloud Bandeau PUB 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 Rotation Mes fichiers Lorem ipsum Lorem ipsum fichier sélectionné rechercher... Le Cloud Bandeau PUB 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 Rotation Lorem ipsum xx élément(s) vers : Dossier 3 X Sous Dossier 1 Sous Dossier 2 Validerannuler Créer un dossier EnregristerAnnulerNouveau dossier Lorem ipsum xx élément(s) vers : Dossier 3 X Sous Dossier 1 Sous Dossier 2 Validerannuler Créer un dossier AnnulerVacance 20 Enregrister 1 2 CW_B006_VDO_M_POP-UP_Arbo4CW_B006_VDO_M_POP-UP_Arbo3 Déplacer / Copier Vers : Création dossier dans l'arborescence. Le Cloud d'Orange - version web 25 / 08 / 2016 23© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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.
  • 24.
    Mes fichiers Loremipsum Lorem ipsum fichier sélectionné rechercher... Le Cloud Bandeau PUB 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 Rotation Mes fichiers Lorem ipsum Lorem ipsum fichier sélectionné rechercher... Le Cloud Bandeau PUB 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 Le Cloud d'Orange - version web 25 / 08 / 2016 24© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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.
  • 25.
    rechercher... Le Cloud BandeauPUB Mes fichiers Lorem ipsum Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage Nom du dossier xx dossiers - 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 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 Lorem ipsum Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage Nom du dossier xx dossiers - xx fichiers 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 Le Cloud d'Orange - version web 25 / 08 / 2016 25© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
  • 26.
    rechercher... Mes fichiers Loremipsum Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage Nom du dossier xx dossiers - xx fichiers 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 Nom de la vidéo.mov 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 ! Le Cloud d'Orange - version web 25 / 08 / 2016 26© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
  • 27.
    Ajouter / Créer loremipsum.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 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 6 dossiers - xx fichiers 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 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. Le Cloud d'Orange - version web 25 / 08 / 2016 27© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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.
  • 28.
    Ajouter / Créer loremipsum.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 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 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB rechercher...Dossier 2 Dossier 3 Dossier 4 Dossier 5Dossier 1 Dossier 1 Mes Fichiers 1 2 CW_B006_VDO_M_SSM_FilArianeCW_B006_VDO_M_FilAriane Le Cloud Only || VDO || Comportement fil d'Ariane Le Cloud d'Orange - version web 25 / 08 / 2016 28© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud - 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.
  • 29.
    rechercher...Dossier 6 Dossier7 Dossier 8 Dossier 9Dossier 5 Ajouter / Créer Dossier 10 1 dossier - xx fichiers 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 lorem ipsum.ext XX Mo lorem ipsum.ext XX Mo lorem ipsum.ext XX Mo lorem ipsum.ext XX Mo rechercher...Dossier 7 Dossier 8 Dossier 9 Dossier 10Dossier 6 Ajouter / Créer Dossier 11 xx fichiers 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 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 Le Cloud d'Orange - version web 25 / 08 / 2016 29© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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.
  • 30.
    rechercher... Mes fichiers Dossier1 Dossier 2 Dossier 3 Dossier 4 Ajouter / Créer Dossier 5 6 dossiers - xx fichiers 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 lorem ipsum.ext XX Mo lorem ipsum.ext XX Mo lorem ipsum.ext XX Mo rechercher... Mes fichiers Dossier 1 Dossier 2 Dossier 3 Dossier 4 Ajouter / Créer Dossier 5 6 dossiers - xx fichiers 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 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 Le Cloud d'Orange - version web 25 / 08 / 2016 30© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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.
  • 31.
    rechercher...Dossier 7 Dossier8 Dossier 9 Dossier 10Dossier 6 Ajouter / Créer Dossier 11 xx fichiers 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 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 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB 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 Le Cloud d'Orange - version web 25 / 08 / 2016 31© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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.
  • 32.
    Mes fichiers Dossier1 Dossier 2 Ajouter / Créer Dossier 3 8 dossiers - xx fichiers mes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout rechercher... Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB 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... Mes fichiers Dossier 1 Dossier 2 Dossier 3 Dossier 4 Ajouter / Créer Dossier 5 6 dossiers - xx fichiers 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 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 Le Cloud d'Orange - version web 25 / 08 / 2016 32© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud Chaque item du fil d'Ariane se comporte comme un lien permettant de remonter dans un dossier.
  • 33.
    rechercher... Mes fichiers Dossier1 Dossier 2 Dossier 3 Dossier 4 Ajouter / Créer Dossier 5 6 dossiers - xx fichiers 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 lorem ipsum.ext XX Mo lorem ipsum.ext XX Mo lorem ipsum.ext XX Mo rechercher... Mes fichiers Dossier 1 Dossier 2 Dossier 3 Dossier 4 Ajouter / Créer Dossier 5 6 dossiers - xx fichiers 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 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 Le Cloud d'Orange - version web 25 / 08 / 2016 33© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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.
  • 34.
    rechercher... Le Cloud BandeauPUB Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout 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 Le Cloud d'Orange - version web 25 / 08 / 2016 34© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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 Titre H2 masqué (lus par les lecteurs d'écrans) Barre d'action Titre H2 masqué (lus par les lecteurs d'écrans) Barre des filtres Titre H2 masqué (lus par les lecteurs d'écrans) Vos fichiers alt ="Télécharger le logiciel du Cloud d'Orange" alt="...à déterminer avec le Marketing...."
  • 35.
    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 Le Cloud Bandeau PUB 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... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage Nom du dossier xx dossiers - 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 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 Le Cloud d'Orange - version web 25 / 08 / 2016 35© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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
  • 36.
    rechercher... Le Cloud BandeauPUB Mes fichiers Lorem ipsum Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage Nom du dossier xx dossiers - 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 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 Le Cloud d'Orange - version web 25 / 08 / 2016 36© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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
  • 37.
    rechercher... Le Cloud BandeauPUB Mes fichiers Lorem ipsum Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage Nom du dossier xx dossiers - 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 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 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 Nom de la vidéo.mov 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 Le Cloud d'Orange - version web 25 / 08 / 2016 37© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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.
  • 38.
    Ajouter / Créer loremipsum.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 rechercher...Dossier 2 Dossier 3 Dossier 4 Dossier 5Dossier 1rechercher... Ajouter des 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 Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB 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 Le Cloud d'Orange - version web 25 / 08 / 2016 38© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New 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.
  • 39.
    Le Cloud BandeauPUB Mes fichiers Lorem ipsum 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 Nom de l’artiste - Nom de l’album 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 fichier sélectionné sélection : xx rechercher... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum Ajouter / Créermes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage Nom du dossier xx dossiers - 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 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 Le Cloud d'Orange - version web 25 / 08 / 2016 39© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
  • 40.
    X.x Mo Sup Télé - chargerDéplacer Copier Reno - mmer TournerPartager xx/xx/xxxx Le Cloud Bandeau PUB Mes fichiers Lorem ipsum 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 fichier sélectionné sélection : xx Nom du fichier.ext rechercher... Le Cloud Bandeau PUB Mes fichiers Lorem ipsum mes fichiers mes partages partenaire corbeille Pub logiciel Orange 2016 tout sélectionner Pub + stockage fichier sélectionné Nom du dossier xx dossiers - 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 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 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 Le Cloud d'Orange - version web 25 / 08 / 2016 40© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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.
  • 41.
    Mes fichiers fichiersélectionné rechercher... Le Cloud Bandeau PUB 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é - charger Déplacer Partager Copier Renommer Rotation Mes fichiers fichier sélectionné rechercher... Le Cloud Bandeau PUB 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é - charger Déplacer Partager Copier Renommer Rotation 1 2 CW_B001_VDE_M_SELECT_RENAMECW_B001_VDE_M_SELECT Le Cloud Only || VDE || Renommer Le Cloud d'Orange - version web 25 / 08 / 2016 41© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 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.
  • 42.
    rechercher... Ajouter des fichiersmesfichiers 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 Le Cloud Bandeau PUB 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... Ajouter des fichiersmes 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 Le Cloud Bandeau PUB 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 Le Cloud d'Orange - version web 25 / 08 / 2016 42© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
  • 43.
    Mes fichiers mes fichiers mespartages partenaire corbeille Pub logiciel Orange 2016 Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB 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| Ajouter des fichiersmes 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 Le Cloud Bandeau PUB 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 Le Cloud d'Orange - version web 25 / 08 / 2016 43© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
  • 44.
    Mes fichiers mes fichiers mespartages partenaire corbeille Pub logiciel Orange 2016 Filtrer par : tous (xx fi Trier par : Date d'ajout Pub + stockage lorem ipsum.ext XX Mo Le Cloud Bandeau PUB 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 Photo de vacancePhot| Ajouter des fichiersmes 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 Le Cloud Bandeau PUB 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. 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_M_BOX_RECHERCHE_RESULTATCW_B002_VDE_M_BOX_RECHERCHE Le Cloud Only || Recherche || Resultat Le Cloud d'Orange - version web 25 / 08 / 2016 44© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
  • 45.
    Mes fichiers Ajouter desfichiersmes 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 Le Cloud Bandeau PUB 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 Photo de vacancePhot| Ajouter des fichiersmes 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 Le Cloud Bandeau PUB 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. Le terme recherché reste affiché dans le champ de recherche. 1 2 CW_B002_VDE_L_BOX_RECHERCHE_RESULTATCW_B002_VDE_L_BOX_RECHERCHE Le Cloud Only || Recherche || Pas de Resultat Le Cloud d'Orange - version web 25 / 08 / 2016 45© 2016 - confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud
  • 46.
    Merci © 2016 -confidential - Group eXpérience Design Lab - Chastrusse Laurent - New Cloud 25 / 08 / 2016 46