Design Windows 8: Retours d'expérience
•Descargar como PPTX, PDF•
0 recomendaciones•473 vistas
Les enjeux du développement graphique sur les plateformes Microsoft : retours d’expérience sur le client … ou comment réussir un design en évitant les écueils techniques et structurels du schéma de production pour Windows 8.
Recomendados
Recomendados
Más contenido relacionado
Similar a Design Windows 8: Retours d'expérience
Similar a Design Windows 8: Retours d'expérience (20)
Más de Microsoft Technet France
Más de Microsoft Technet France (20)
Design Windows 8: Retours d'expérience
- 1. Retours d’expérience, Design Windows 8 François LE PICHON Directeur de création Steaw & Waest Design @iamstark http://steaw-webdesign.com
- 3. Design • Studio de création, 2008 • HTML5 : NeverMindTheBullets.com IE9 • Windows 8 : Beta Janvier 2012, AppCircle Steaw
- 4. UNE IDENTITE FORTE Design Windows 8 Design
- 11. LES GRANDS PRINCIPES Design Windows 8 Design
- 12. Design • Content before Chrome • Responsive • Typographique • Expériences unifiées • Touch-Ready • Flat Design Windows 8 Design
- 13. FLAT DESIGN ? Petite parenthèse Design
- 14. Design • La tendance 2013 • Simplification des formes • Colorée, simple, accessible • Tendance Web et Mobile Flat Design !
- 15. Design
- 17. Design Oct 2010 Fun facts Microsoft lance Windows Phone 7, le premier OS en Flat Design BUILD, Microsoft dévoile Windows 8 : Flat Design Nouvelle identité pour Google : Flat Design Début des critiques sur le skeuomorphism Smashing Mag publie sur le Flat Design Windows 8 ressort dans chaque article Sept 2011 Dec 2011 2012 Oct 2012 Bonus
- 18. Design The lack of skeuomorphic effects and almost extreme flatness of the “modern” (née Metro) Windows 8 interface is remarkably forward- thinking. Daring Fireball 18/01/2013
- 19. Design 2012
- 20. Design
- 21. Design Nous sommes/entrons dans la „‟Flat Design Era‟‟ Windows 8 = Flat Design = Windows 8 Pour résumer A 16h avec Michel Rousseau Pour aller plus loin
- 22. RETOURS D’EXPÉRIENCE Fermons la parenthèse Design
- 23. Design • Généralités • Larousse • News Republic – Appy Geek • Boursorama • Sage Expériences
- 26. Design Utiliser le Charm Search
- 27. Design Utiliser le Charm Search
- 30. Design • Dictionnaire • Hub très visuel • Photographies • Infinite (Square) Scroll • Zoom semantics Larousse
- 31. Design Hub très visuel, hautes tuiles
- 33. Design Infinite (Square) Scroll - Horizontal
- 34. Design Semantic Zoom - Utile et pertinent
- 35. Design • Agrégateur • Tuiles photos • Dual Scroll • Appy Geek News Republic
- 36. Design Tuiles en image – Fond sombre
- 37. Design Double Scroll Vertical – Lecture Rapide
- 38. Design 1 layout = 2 apps
- 39. Design 1 layout = 2 apps
- 40. Design • Banque, Bourse, Actualités • Identité marque • Hub très riche • Ambiance par secteur Boursorama
- 43. Design Hub riche – Sections riches et dynamiques
- 44. Design Hub riche – Sections dynamiques
- 46. Design • Présentation • L’utilité des tuiles • Codes couleurs • Intuitivité • Double scrolling Sage
- 47. Design Julien ? Présentation de Better Clients Tes impressions sur Windows 8
- 48. Design Intuitivité du scroll horizontal ?
- 49. Design Afficher facilement un contenu hétéroclite
- 50. Design Codes couleurs – Identification rapide
- 51. Design Double Scroll – Cas complexe
- 52. MERCI François LE PICHON Directeur de création Steaw Design @iamstark http://steaw-webdesign.com
Notas del editor
- Intro session Windows 8, generale ou design (supprimer la mention inutile). Ne pas modifier ce template. Choisissez plutôt une slide d’intro pour votre sujet et supprimez les autres.
- Créé en 20082,5 ans avec MicrosoftPartenaire de IE9 : NevermindthebulletsMembre de l’app circle, travail sur Windows 8 depuis janvier 2012
- On reconnait de suite une app Windows 8
- Exemple d’app Windows 8
- Exemple d’app Windows 8
- Exemple d’app Windows 8
- Exemple d’app Windows 8
- Exemple d’app Windows 8
- Exemple d’app Windows 8
- Pas d’habillage superflu, juste du contenuToutes tailles d’écrans, s’adapte a la taille de l’écranHiérarchie des infos par taille de typo, jouer sur les fonts peut vaoriser un designToutes les apps : machent par Tuiles, les commandes sont dans la commande bar, le partage se fait en charm, la recherche dans le charm rechercheTactile par défaut, premier OSFlat design ?
- .
- Coincidence ?
- Consécration
- Le flatdesign touche le monde
- Meme google, meme Apple
- Le skeuomorphisme et l`approche authentiquement numérique de Microsoft (DES208)
- 2 pièges classiques
- Interdit de mettre un champs de recherche in-app
- Ca a été interdit,Puis finalement authorisé, grace au pouvoir du peuple
- Interdit de mettre des éléments sous la fleche
- On peut mettre des éléments en topMais jamais à gauche, sauf au scrolll biensur
- Exemple de page image
- Pas de contenu frais, pas de nouveautéDonc de grandes belles tuiles pour habiller l’espace
- Chaque thématique a son fond photo dédié, immersion
- Pas de pagination, infinite scrollMais des milestone, en sections
- Ou en Zoom semanticZoom semantic : meme contenu, display simplifiéCe n’est pas un autre contenu
- Exemple de page image
- Tuiles photos,Le fond noir les fait ressortir, bonne pratique
- Agréagateur, besoin de lire vite, scroll verticale, reprise du template « settings »
- Industrialisation
- Industrialisation
- Identité marque : la ligne de biais
- Identité marque : header de biaisPetit détail qui marque bien l’indentité
- 3 sectionsTuiles hautes cliquablse pour entrer dans l’universTuiles spécifiques par sections avec accès directe aux infos
- Julienmonte sur le stage
- Présentation par Julien
- On peut afficher sur le meme écran des graphs, des chiffres, du texte, chacun dans une tuiles séparés
- Vert : DatasRose : clients