Fnacbook Android : proposition design tablette 7” 07/04/2011.

Slides:



Advertisements
Présentations similaires
Votre logo à insérer ici
Advertisements

Nom de lintervenant Titre de lintervention. Tapez le titre de votre slide (si besoin) Tapez votre titre principal Tapez votre sous titre ou votre texte.
BASE DE DONNEES CFAO Qu’est-ce que la B.D.
Ministère de l’Economie, des Finances et de l’Emploi Parcours 3  - « Interface Offre de formation » Story-board Version 0.1 Micropole – Univers.
Présentation d’EBSCOhost
Le site de Vic-sur-Cère. Page daccueil Image de fond BANNIERE 1 BAN.2 CONTENU pied BARRE réservée Administration MENU DEROULANT 6 RUBRIQUES 4 WIDGETS:
Lexique des manœuvres de base pour utiliser à PowerPoint
Présentation du journal Scolaweb et de l’administration du site.
Lancement du Nouveau Site Web
Vidéogramme séance 2 du 13 février 2012 Les Fenêtres Windows Micro Informatique au Cellier Joseph HOHN Séance du 13 février 2012 Sur le thème de Découverte.
Annuler les corrections automatiques Annuler les corrections automatiques « Régler » les CSS « Régler » les CSS Définir le site et utiliser une technologie.
Site lesgets.com Panorama de quelques fonctionnalités avancées.
PRÉSENTATION Logiciel de traitement de texte:
Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha
Glide OS. INTRODUCTION : Ce bureau comporte : Un client de messagerie. Un agenda. Un éditeur photos. Un traitement de texte. Un outil de création de site.
POWERPOINT 97 POMazagol Les barres d'outils PowerPoint donne la possibilité douvrir de nombreuses « barres doutils ». Pour ajouter ou enlever une barre.
Titre de votre session Prénom NOM Fonction ORGANISME Votre logo
~ Les bonnes pratiques ~
LA solution de convergence de l'information
Etude du système Android de Google
Recommandations ergonomiques pour la création de présentations Powerpoint Claude Bourlès.
Utiliser les masques de documents j puis appuyez sur F5 ou cliquez sur Diaporama > À partir du début pour commencer le cours. Dans la barre des messages,
A la découverte de la bureautique et des fichiers.
Présentation de NAVIGATEURS INTERNET
Réalisation d’une vue éclatée et mise en plan avec repères et nomenclature Support : « le coupe-tube » Formation éclaté coupe tube.
Infographie en prémédia
Applications mobiles Colloque IA-tice LILLE 2011.
mise en forme des messages
Cours 268 R. PEETERS 96-97page 1 Conseils et astuces de conception n Utilisez une seule police. – Lorsqu'un trop grand nombre de polices sont associées,
Biologie – Biochimie - Chimie
Présenté par : NEHAR Attia Université Ziane Achour Djelfa
Cliquez pour modifier le style du sous-titre Cliquez pour modifier le style du titre.
Les guides de formation Conception de pages web. Guide Virtuose - version enseignant2 Guide - Conception de pages web Introduction Introduction, p. 3.
Plan de la leçon Réf. p. WRD- 149 Les styles Les listes hiérarchiques
Projet d’Année Lecteur MP3 pour musiciens sous Android
Cliquez pour modifier le style du titre
Projet d’Année Lecteur MP3 pour musiciens sous Android
© Christine Garcia Cours Power Point LP GESS
Titre de votre session Votre logo à insérer ici Prénom NOM Fonction ORGANISME.
Iup MIAGe 3° année Projet MIAGe Toulouse – Groupe 21 Charte graphique.
Travaux Parlementaires Guide d’utilisation 28/07/
1 Tutoriel SPIP Rédacteur. 2 Sommaire Connexion Interface SPIP Menu SPIP Rédiger un article Interface de création d’un article Fonctionnalités de base.
CONCEPTEUR GRAPHIQUE Indépendant Olivier BLACHERE Rue de Château Landon Paris.
Projet : Réaliser une application de cohérence cardiaque
Designer graphique et illustrateur /illustratrice.
Vue d’ensemble du plugin. Barre d’outils TextBox non éditable où apparaît le chemin du projet. Affiche une représentation visuelle du modèle du projet.
Cliquez pour modifier le style du titre Cliquez pour modifier le style des sous-titres du masque Service de la bibliothèque – Université du Québec à Trois-Rivières.
Références Créateur de sites internet SYNAPSE ENTREPRISES T : F : SYNAPSE Entreprises 125,
Adobe Illustrator Création vectorielle.
Des applications particulières Ergonomie. Ergonomie et publicité web De la publicité pour des internautes Au niveau d'un site : le rôle du type de page.
Tablette Androide Formation AQDR CRDP de Marly-le-Roi – Jeudi 20 octobre 2011.
Co-organisé avec Sous le parrainage de Un événement Titre de votre session Votre logo à insérer ici Prénom NOM Fonction ORGANISME.
Dreamweaver Séance 1.
Guillaume MICHAUD – Yvan LECOMTE
Bouton officeBarre de titre Ruban Office Espace de travail.
Bouton Office Barre d’outils d’accès rapideBarre de titre Ruban Office Barre de formule Désignation des colonnes Désignation des lignes Gestion des feuilles.
Plan de la présentation Le langage HTML Dreamweaver MX Les premiers outils pour créer une page web :  Propriétés d’une page  Création de cadres  Création.
Révision Unité 2 Microsoft Word. Les Marges L’espace blanc sur une page est appelée la Marge de la page. Il ne contient pas de texte ou des images L’espace.
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
Ça marche ! Ma chambre, Ma vie! ????4 ????3 ????2 ????1 DCBA.
Nous allons maintenant sélectionner le bouton pour le format MEDLINE et retenir les options 20 résultats par page et Sort by Most Recent (tri par plus.
Formation.
Introduction au HTML Qu’est ce que le HTML ?
Comment accéder aux documents de La Galathée depuis un Téléphone ou une tablette ANDROID ? Rendez vous sur la page d’accueil de google, et en haut a droite,
Organiser et partager la connaissance. Un outil simple SélectionnerOrganiser Collaborer et Partager Pearltrees permet d’organiser et de partager tout.
1 er séance SI28 A2004 YIN Lei Emmanuel Eugene. Plan de l’exposé  Introduction au HTML  Le HTML dans le bloc-notes (notepad)  Présentation de Dreamweaver.
1 Tableur Excel. 2 Introduction Un tableur est un logiciel permettant de manipuler des données numériques et d'effectuer automatiquement des calculs sur.
Guide de départ Micro-sites Maryza pour une équipe du AHFVG V 1.0 – Robert Boucher Août 2015.
Les vues O.Legrand G.Seront. Les vues Dans Android, une ihm est composée de vues. Ces vues.
Transcription de la présentation:

Fnacbook Android : proposition design tablette 7” 07/04/2011

Préambule La majorité des tablettes vendues actuellement exécutent une version d’Android destinées aux smartphones (Android 2.1 minimum). Google a publié la version 3.0 de son OS (Honeycomb) qui est destinée exclusivement aux tablettes : Accélération graphique, Beaucoup de nouveaux éléments d'interface (pop-up, carrousels, widgets...). Android 3.0 permet d’afficher de façon plus complexe des données (par exemple, le store iPad). Le taux de pénétration d’Android 3.0 reste encore faible, mais de nombreuses tablettes sont attendues pour Les maquettes présentées dans ce document proposent un réarrangement des données par vues. Les smartphones bénéficieront aussi des nouveaux designs.

Fnac Store > Vue catégorie En mode paysage, les produits mis en avant dans une catégories sont situés à droite de la liste des sous-catégories

Fnac Store > Vue catégorie Proposition 1 : articles mis en avant à droite sous forme d’une bibliothèque

Fnac Store > Vue catégorie Proposition 2 : article mis en avant à droite sous forme de matrice

Fnac Store > Vue catégorie Proposition 3 : articles mis en avant à droite sous forme d’un coverflow.

Fnac Store > Vue liste articles Augmentation du nombre de cellules article à afficher sur une ligne. Visuel similaire à l’iPad. Réutilisation de ce concept dans “Ma Sélection”

Fnac Store > Vue liste articles

Fnac Store > Vue My Fnac Articles “Mes Conseils” et “My Fnac” en coverflow à gauche. Produits associés à droite. La couleur est jaune pour “My Fnac” Proposition 1

Fnac Store > Vue My Fnac Proposition 2 :

Bibliothèque > Liste articles En mode liste, plusieurs cellules article par lignes

Bibliothèque > Liste articles Proposition 1 :

Bibliothèque > Liste articles Proposition 2 (barre d’outils dans la barre de statut) :

Partie Autre En mode paysage, alignement de la liste à gauche. Logo Fnac à droite (avec le numéro de version en dessous ?).