3.4.2012 par Mitch.

Un petit rappel : j’ai un tweeter, qui va devenir très actif. Abonnez-vous!

@rousseau_michel

A bientôt !

Posté dans Divers | Aucun commentaire »

3.4.2012 par Mitch.

Oui, enfin, light, tout de même. C’est pour ceux qui voudraient se lancer dans les apps Metro. Des concepts et des conseils, donc.

http://blogs.msdn.com/b/designmichel/archive/2012/04/03/metro-a-global-gathering-of-171-what-has-been-said-187-about-the-metro-language.aspx

Posté dans Win8, Metro | Aucun commentaire »

26.3.2012 par Mitch.

…sur le réseau MSDN :

http://blogs.msdn.com/b/designmichel/archive/2012/03/26/les-10-lois-du-design.aspx

Posté dans Divers | Aucun commentaire »

19.3.2012 par Mitch.

Salut à tous. Juste un post pour vous annoncer que j’ai ma plateforme de blog sur MSDN, donc pour tout ce qui sera technique. Ca se trouve là et mon premier blog est pour bientôt:

http://blogs.msdn.com/DesignMichel

A plus…

Posté dans Divers | Aucun commentaire »

10.3.2012 par Mitch.

Ca y est, Mitch is back online. Oui, je comprends que ça a été long, mais mes enjeux perso m’on bouffé tout le cycle, voire un peu plus… Bref, voilà, je suis maintenant Microsoftee, j’ai un bien beau bureau, des collègues hallucinants de qualité et des interlocuteurs incroyables. Bref, le rêve. Tout ceci pour dire que mon blog va un peu changer, je pense. Tout le contenu technique que je publierai le sera maintenant sur mon blog MSDN qui va ouvrir bientôt (je posterai ici bien sûr l’adresse), tandis que cet espace sera plutôt réservé à mon espace hors boulot, c’est à dire que je n’aborderai plus dans ces lignes que les aspects personnels de mes réflexions (histoire d’éviter un mélange des genres malvenu). Voilà, donc à bientôt et restez en alerte pour me rejoindre sur mon nouvel espace technique…

Bon, par ailleurs, je devrais être sur le Laval Virtual, le 30 Mars. Retour aux sources? Je ne sais pas, mais en tout cas, ça me fait bien plaisir de retourner là-bas avec mon poto David…Donc, n’hésitez pas à venir nous voir pour :

-Evoquer le bon vieux temps.

-Nous offrir à boire.

-Discuter technique avec nous.

A bientôt !

Posté dans Divers | Aucun commentaire »

24.2.2012 par Mitch.

…dernier jour de boulot chez bewise, aujourd’hui…c’était un peu “Révélations”, comme ambiance. Bref. On continue sur la route pour la domination planétaire et on reste focus sur la semaine prochaine et sur mon premier jour de taf chez MS…Bave.

Posté dans Divers | Aucun commentaire »

10.2.2012 par Mitch.

… ce qui est bien, sur les salons, c’est que vous trouvez toujours une ou plusieurs personnes qui vont allumer votre journée. Par leur exubérance, par leurs envies, par leur motivation, leur humour, leur savoir… Et sur les Techdays 2012 , ou le niveau d’étude au m² fait carrément peur, des gens avec des choses intéressantes à dire, on a de grandes chances d’en croiser…

Bref.J’ai croisé David. Pas le David Catuhe que m’on auditoire connait bien. Non, un autre (à croire que les David ont eu une plus grosse part de talent lors de la distribution…),  David Cellier pour être précis. En gros, on discute de ma session sur Blend, patati-t’es génial-oui, je sais- t’es pas mal non plus, patata, et il me lance sur le fait qu’il est graphiste/développeur. Ha… ok. Qu’est ce que c’est que cet alien? On continue dans la pente et il me dit qu’il aimerait bien que j’aille voir son site web, manière de jeter un coup d’œil en regardant , par le biais de la vision de mon oculaire scrutateur.

Et j’y suis allé. Paf, comme ça, en pleine paix, un bourre-pif (dixit Eric Vernier et un peu Audiard). Alors, je vous fais juste le pitch, parce que je pense que vous allez forcément aller voir : C’est un site qui traite en gros du jeu vidéo (mais pas que…). mais là où c’est top, c’est que ca respire la franchise, la débrouille, le truc fait en amat et qui touche pile là où ca fait du bien (va falloir que je me relise  cette phrase hors contexte, pour voir…). C’est juste, c’est marrant, c’est décontracté, mais pas mou, c’est sympa sans être vulgaire. Et en plus, tout ça avec l’accent du Sud qui vous donne une envie de bronzage, de sable et de vin rosé bien frais et de files de bagnoles aux supermarché… Bref, c’est pile dedans.

C’est bien simple, je l’ai aussitôt envoyé dans mes favoris. Et je suis pas trop laxiste, voyez-vous, au niveau de mes favoris.

Donc, si vous aimez le jeu vidéo (mais pas que…) et que vous avez envie d’avoir une opinion décomplexée, sans chichi, sans suspicion, et sans remord sur un jeu, une plateforme, etc., voilà l’adresse où il va falloir être :

www.gamebit.fr

Posté dans Jeux, Potes | Aucun commentaire »

9.2.2012 par Mitch.

…de mes sessions aux techdays, avant de faire le link vers les webcasts (d’ici bientôt):

www.michelrousseau.fr/private/blend4-43.pptx

www.michelrousseau.fr/private/Ne ratez pas le métro(43).pptx

Posté dans Win8, Metro, 2D | Aucun commentaire »

9.2.2012 par Mitch.

Holala, ca y est, les Techdays 2012, c’est fini (pour ma partie, hein, ya encore des sessions aujourd’hui…). Vraiment, des sessions super bien ficelées, des rencontres géniales (merci Romuald pour cette  bien trop courte discussion, merci Florent, merci Mathieu et à tout les autres…), un super couscous avec mes collègues de dans 1 mois que j’ai (rhoo, les anecdotes de Mr. Vernié…), merci à l’organisation qui nous a permis d’avoir des salles bien dimensionnées (toujours pleines, mais pas bourrées – cette phrase me fait vraiment penser à une vieille copine qui..bon, heuu, pardon…). Bref, ce fut une première bien enrichissante.

Enfin, bien sûr, mention spéciale à tout ceux qui se sont pressés à nos sessions, avec une mention “ultra spéciale best award Jean Dujardin” pour les développeurs qui ont assisté aux miennes. See you next year… Techdays 2013 GOGOGOGO….

EDIT : Et en me relisant, je me rends compte que je n’ai pas remercié Audrey, ma co-sessionnaire. Merci donc Audrey pour cette session sur le design. On s’est bien marré. On recommence quand?

Posté dans Win8, Metro, 2D | 2 commentaires »

3.2.2012 par Mitch.

…no see. Ouaip, ça fait un bail que j’avais pas posté ici. La faute à une période pré-microsoftienne chargée, il faut bien finir les dossiers en cours. En plus de la préparation de mes deux petites sessions pour les techdays 2012. Petite piqure de rappel donc: Mes sessions orientées design auront lieu Mardi et Mercredi à 11 heures, dont une avec une future collègue Audrey petit. Ca se trouve Porte Maillot, au Palais des congrès. Une session sur le revamping d’un design des années 90 et une session où je construirai une appli complète avec Blend.

Voilà. En dehors de ça, une super journée qui m’a permis de (re)découvrir Shaka Ponk, ce super groupe français. Du coup, j’ai été à la Fnac me payer le dernier album “Sex, plugs, and Vidiot’ape”  Edit : Là, je me rends compte que le vrai titre, c’est “The Geeks and the Jerkin’ Socks”, mais j’ai acheté la version de l’album qui contient tout l’album en DVD, en plus..Et il porte le nom du DVD…bref. C’est une tuerie, cet album. Super fun, gros son, diversifié, tout les morceaux sont des hits potentiels, mature. C’est assurément LE groupe de l’année.

Du dessin sur guitare aussi, puisque j’ai repris le logo de la gratte à Hetfield et je l’ai posé sur mon Explo à moi. Enfin, presque, puisque j’ai posé le graph sur un feuillard de protection d’Ipad, et lui, je l’ai collé sur la pelle. Du coup, si le dessin ne me plait plus, zou, j’en fais un autre, je décolle le précédent et je recolle…

Allez, ce week-end, on se détend, et on arrive concentré aux Techdays.

Ne pas remettre Shaha ponk, ne pas remet….

Posté dans Win8, Metro, Musique, Tech, 2D | Aucun commentaire »

12.1.2012 par Mitch.

…ma bouteille de lait ? C’est en tout cas ce qu’à du se demander Paul Jackson lors de la rédaction de son livre sur le packaging structurant. Des exemples simples de formes à découper et assembler pour obtenir des enveloppes de produits étonnantes et qui interpellent.

Structural Packaging: Design your own Boxes and 3D Forms par Paul Jackson aux éditions Laurence King Publishing

http://www.laurenceking.com/product/Structural+Packaging%3A+Design+your+own+Boxes+and+3D+Forms.htm

Posté dans 2D, 3D | Aucun commentaire »

11.1.2012 par Mitch.

Le grand canard divinatoire de Bewise à parlé :

Nous allons avoir besoin d’un graphiste chevronné pour tout de suite chez Bewise (à cause de la nouvelle d’hier). Il parait qu’on dit plus graphiste d’ailleurs, on dit “Motion Designer” pour faire hype. Donc, je lance cet appel : BEWISE à besoin d’un(e) graphiste/motion designer qui sache ce qu’est une interface, qui soit un peu geek sur les bords, qui masterise Photoshop et ses raccourcis clavier, qui soit créatif, inventif, volontaire et , bien sûr sérieux. SI en plus, l’oiseau sait faire un peu de 3D, c’est bingo-paillette. Et si, par dessus le marché, il a déjà ouvert Blend, c’est choucroute à midi.

Cette annonce, malgré son ton débonnaire est tout ce qu’il y a de plus sérieuse. J’attends donc vos CV et motiv à cette adresse – michel.rousseau@bewise.fr - implémentée du sujet “embauche Bewise”. En bon français sans fautes et  avec un portfolio, s’il vous plait !

A bientôt, donc.

Posté dans 2D, 3D | 1 commentaire »

10.1.2012 par Mitch.

Quand je vous disais que l’année allait être mouvementée, je déconnais pas : Voilà, je quitte Bewise et je clôture ainsi 10 années de ma vie qui ont été certainement les plus enrichissantes de mon existence pour intégrer la grosse compagnie qu’est Microsoft. Pour tout dire, c’est bien plus qu’un rêve  de gosse qui se concrétise et j’aborde ce virage avec le plus grand respect. De nouvelles règles du jeu, de nouveaux objectifs, une nouvelle vie  aussi… 2012 roxe… A suivre…

Pour mémoire, j’ai fait une petite scène 3D pour l’occasion et pour mes collègues, alors, bon, je vous la soumets telle quelle…C’est du DX10 sous NOVA, of course : www.michelrousseau.fr/private/TIEMitch.zip

Allez, je suis bon, je vous mets aussi la version Dx9, pour ceux dont le Pc à plus de 5 ans (c’est la crise ma brave dame…) : www.michelrousseau.fr/private/TIEMitchDx9.zip

ENJOY!!!!

Posté dans Divers | 3 commentaires »

21.12.2011 par Mitch.

…Allez, demain, c’est la journée auto-reply…Vers 16 h, je mets mon auto-reply et je fonce à la maison pour entamer la trêve des confiseurs. Et j’en fini avec cette année moisie. Clac, clac, cercueil, clou, couronne. Fini. Ouf. J’en peux plus de 2011. Allez, 2012, welcome et plein de nouveaux projets tant perso que pro dans le viseur. Beaucoup de boulot en perspective, mais je crois que là, on va faire très, très fort.

J’en profite pour  donner un premier RDV, le 9 janvier, pour les après midi du développement, où on parlera beaucoup de design (enfin, ça rentre…), notamment avec les sessions de Dick Lantim, Nicolas Calvi et Johanna Rowe, moi même et Mr Catuhe. Ca se passera sur le campus Microsoft et ca finira par une binouze party. Alors, venez nombreux !

On aura aussi les Techdays, en Février.

Donc, déjà, deux évènements en moins d’un mois… Quand je dis qu’il va y avoir du sport.

Stay tuned for more !

Posté dans Divers | Aucun commentaire »

16.12.2011 par Mitch.

…Pour les FX made in France : Duran Duboi est quasi mort… Dingue comment cette boite m’a fait rêver, étant plus jeune…

http://www.lesechos.fr/entreprises-secteurs/tech-medias/actu/0201798526974-quinta-industries-et-sa-filiale-ltc-en-liquidation-judiciaire-264120.php

Posté dans 3D, Divers | Aucun commentaire »

15.12.2011 par Mitch.

…Et Jango Fett. C’est là et c’est très bon (surtout l’amiral Ackbar et sa célèbre citation :” It’s a trap)

Posté dans Divers | Aucun commentaire »

12.12.2011 par Mitch.

…Je pense qu’il va falloir que j’investisse dans un Nerf…

http://www.hasbro.com/fr_FR/nerf/shop/details.cfm?R=99CD7195-19B9-F369-D920-F9D6FF83CA1C:fr_FR

Posté dans Divers | Aucun commentaire »

12.12.2011 par Mitch.

…de SIlverlight est sortie ce week-end, avec des tas de bonnes choses dedans, comme le support du 64 bits ou bien la prise en charge complète du GPU. Je ne vous parle pas de la 3D, les enfants, c’est que du bonheur. Je vous recommande vivement de le télécharger pas plus tard que tout de suite à cette adresse. Bon. Par contre et comme l’explicite assez bien cet article, on reste encore dans le flou concernant l’avenir de cette technologie fabuleuse. Vivement quelques annonces.

Posté dans Tech, 2D, 3D | Aucun commentaire »

9.12.2011 par Mitch.

Rhoo, hier soir, j’ai bloqué la télé 2 heures pour pouvoir décortiquer la nouvelle interface “tuile-win8-metro” de ma 360 adorée. Un régal pour les mirettes, un apport indéniable en fluidité et en parcours de l’information. Le mode panorama, c’est tout de même une tuerie. Bref, c’est beau, c’est ergo, c’est smooth. C’est la classe. Juste le fond gris de base, qui, même s’il met bien en valeur les tuiles, est un peu tristoune pour une machine  de gamers (hein, oui, tout de même…).

Allez, pour découvrir ceci, hop, un raccourci…

Posté dans Win8, Metro, Tech | Aucun commentaire »

8.12.2011 par Mitch.

…Alors, je me suis lancé un petit défi: Refaire mon portfolio déjà réalisé en Silverlight, tout en CSS et de préférence en Html5. Donc, voilà, c’est en cours ici, sous forme d’un WIP. Le but est de construire ce que je prêche par ailleurs, à savoir une étanchéité totale entre le design et la donnée.

De Html5, pour l’instant, seulement un boxshadow, mais à terme, on devrait trouver des animations et des transitions. Voilà. Si vous avez des commentaires, ils seront les bienvenus…Merci à Jocelyn pour sa patience et sa persévérance.

Posté dans Tech, 2D | 1 commentaire »

6.12.2011 par Mitch.

…ha oui, celui-là, il est réussi. Ca, c’est du concept. Donc, petit conseil, laissez charger et revenez après. Vous verrez, tout se joue à la souris (wheel). Visualisation jour/nuit… smart source collector… du Javascript à plus savoir qu’en faire… Schön !

Ca me permet de me rendre compte que les cycliste allemands on le même défaut que leurs homologues français: ils sont insensibles aux feux rouges…

Posté dans 2D | Aucun commentaire »

6.12.2011 par Mitch.

…et j’y serai. Un bon photoblog en perspective…

…me tarde, la vache….

Posté dans Guitare | Aucun commentaire »

5.12.2011 par Mitch.

Voilà un article assez intéressant sur les techniques de rendu temps-réel au format DirectX11 employées avec 3dMark 2011. Bon, on ne retrouve pas tout à fait ceci dans les moteurs temps-réel actuels, qui sont fait pour  faire exactement l’opposé de 3Dmark, à savoir donner le plus grand nombre de fps possible en stressant le moins possible le PC. Donc, des considérations comme les lampes additionnelles (étape 7) sont certes réelles, mais souvent pré-calculées en amont, ou symbolisée de manière plus évidente. Et puis, faire une image en 14 milliards d’instructions en 8 fps, je ne vois pas bien l’intérêt, en dehors de la valeur intrinsèque bien trippante. Autant utiliser des moteurs qui font du raytracing “rapide” et accélérés en GP-GPU.

Toutefois, cet article reste instructif sur les méthodes.

http://www.hardware.fr/articles/845-1/comprendre-rendu-3d-etape-par-etape-avec-3dmark11.html

Posté dans 3D | Aucun commentaire »

5.12.2011 par Mitch.

Vous êtes créatif, chef de projet, home-stager? Voilà une bonne idée d’aménagement pour vos locaux/clients. J’en veux un !

http://myturnstone.com/blog/three-ways-to-use-chalkboard-paint/

Posté dans Divers | Aucun commentaire »

2.12.2011 par Mitch.

Oui, cela fait déjà deux ans que l’AFM (association Française contre les myopathies) , le Téléthon et Microsoft font appel à nous (Bewise/Vertice) pour réaliser des applications sympa pour l’évènement. L’an dernier, cela tournait autours de “l’épopée d’Edgar”, le périple d’un jeune myopathe qui a fait un tour de France afin de sensibiliser les gens aux besoins de la recherches.

Cette année, notre travail a porté sur la réalisation d’un site web en HTML5 qui expose une mosaïque des donateurs (avec un back-office entièrement paramétrable). Beaucoup de boulot pour l’ami Seb et pour Ben afin de caler les mathématiques de l’algo de défilement :

http://mosaique.telethon.fr/

A noter que cette mosaïque sera déclinée en version plateau et visible lors des émissions consacrées à l’évènement. Donc, si vous voulez passer à la télé, donnez !

Posté dans Tech, 2D | Aucun commentaire »

1.12.2011 par Mitch.

Oui, on ne se pose jamais la question de qui fait les interfaces qui sont omniprésentes dans les productions ciné :  Prenez Avatar et la map de la zone minière en 3D, par exemple, ou l’écran d’analyse photo de Blade Runner (et son bruitage délirant…). Et je ne vous parle pas de Minority Report. Non. Bien.

Et oui, il y a  des infographistes derrière ces petits chef-d’œuvres furtifs. Bon, généralement, la production exagère avec la 3D. Genre: ”on attaque une banque au burin et la torche à oxygène, mais bon, parce que John a déjà bossé dans la com avant de devenir monte-en-l’air, il nous a fait rapido une projection en 3D sous Maya de plans dérobés sur Internet, l’a porté sur UDK, s’est re-paluché l’interface pour qu’elle soit à notre niveau d’exigence et nous a même dégoté le Mac qui va bien avec écran 30’’ pour le faire tourner dessus…Big John, t’es un killer, t’auras un bonus sur ta part du butin.”

Mais foin de ces propos d’esthète, place à l’action, et rendez-vous sur ce site pour y découvrir des exemples de création d’interfaces pour le ciné. N’hésitez pas à cliquer sur “continue reading” pour voir plus de contenu. C’est beau. Et c’est souvent prescripteur et visionnaire…

Posté dans Tech, DVD/Ciné, 2D, 3D | Aucun commentaire »

29.11.2011 par Mitch.

Si vous voulez savoir comment ce petit filou de Carmack à fait pour obtenir de belles ombres  real-time, tout au stencil, si vous voulez pénétrer les arcanes obscures du calcul mathématique et de la projection du viewport, DOOM3 est officiellement passé en GPL. Alors, hop, on download et on se retrousse les manches !

https://github.com/TTimo/doom3.gpl

Posté dans Jeux, Tech, 3D | Aucun commentaire »

24.11.2011 par Mitch.

En ce moment, et avec les annonces sans ambigüités qui nous viennent du service Maketing de Microsoft, on me pose de plus en plus de questions concernant l’aspect graphique, la charte et les best practices du style “Metro”. Voilà pourquoi je vous en propose un bref balayage, plus comme un aide mémoire que comme un modèle extensible (puisque celui-ci ne sera vraiment définitif qu’à la sortie de Windows 8, je pense) et basé sur mon expérience personnelle.

Le but du style Metro est de proposer des interfaces claires, intelligibles et adaptables. Les UI Metro seront claires, concises, dynamiques, intelligentes et instructives dans le sens où une partie de leurs emplacements permettent d’obtenir une information évolutive sur le contenu qu’elles renferment.

Les UI seront ainsi pensées pour être non plus multi-formats, mais inter-formats. En effet, plutôt que de proposer une interface déclinable en fonction des écrans ou des devices, c’est le device qui devient le porteur de l’appli : Si l’écran passe en mode portrait, l’appli se reconstruit pour s’inscrire dans cette nouvelle conformation. Fini les applis ou les sites web qui contiennent un “résolution optimum: 1024*768.

Dans le même esprit, les applis sont pensées pour être fullscreen. Les icônes systèmes ou contextuelles sont reléguées sur les bords pour libérer l’espace centrale, favoriser la préhension et l’ergonomie “à base de pouce”, et masquées par défaut. Le template mis en place pour Windows 8 veut que les icônes de l’appli soient dans une barre masquée en bas de l’écran, que la barre système soit à droite…etc.

Bien sûr, l’UI sera intrinsèquement multitouch, puisque l’expérience globale et de nombreux fondements dans la disposition graphique sont hérités de gestures propres au multitouch. Par exemple, avec la pre-beta de Win8, il est incroyablement difficile de faire une multi-sélection avec la souris, alors que la même action est instinctive en MT.

La couleur et la forme: 

Pour obtenir un impact visuel fort sans alourdir la composition et pour faire la part belle au contenu découvrable et dynamique, les couleurs sont volontairement contrastées et disposant d’une saturation (ou vibrance) élevée. On tourne ici autours d’une palette de couleurs proches des primaires. En tout cas, il vaut mieux se cantonner à l’usage de trois/quatre tons différents et trois nuances par tons pour éviter l’effet “sapin de Noël”. La complémentaire, c’est bien, mais avec des nuances. Employée trop systématiquement, cela entraine une impression désagréablement “tape-à-l’œil”.On fera en sorte que les objets contenant des données dynamiques supportent des couleurs directes, alors que l’on pourra  jouer avec des dégradés légers (deux nuances proches dans le même ton) pour les éléments au contenu fixe. Ces couleurs viennent se composer dans des formes rectangulaires sans arrondis. On fera en sorte que la couleur de background reste neutre pour mettre en valeur les éléments graphiques, les textes et les tuiles. Un espace négatif, en somme.  Bien sûr, tout ceci dans le respect de la charte graphique du client.

La tuile: 

C’est l’outil de navigation par excellence. Le format de cette tuile est un multiple parfait: soit un carré, soit un carré doublé dans sa longueur ou sa largeur et en y ajoutant la marge, de manière à pouvoir combiner les tuiles selon une grille régulière (le fameux Tetris syndrom). L’espacement entre les tuiles est de 12 pixels. D’ailleurs, on remarquera qu’une  grille de base basée sur un pas de 12 px est correcte pour une application Metro. Bien sûr, on pourra rassembler des groupes de tuiles en fonction de leur contenus. En ce cas, la marge entre les groupes sera d’environ 7 fois la marge normale. Dans notre exemple, cela donne 84 px (7×12 px).

La police:

Mais que fait la police ? La police est un facteur TRES important en terme de lisibilité et de hiérarchisation de l’information. On privilégiera la Segoe thin (voire ultra thin si la taille de la police le permet)  pour les titres, et  la Segoe regular pour le reste, voire bold pour les éléments sélectionnés. On jouera aussi souvent sur la taille et sur l’opacité de la police pour renforcer la pertinence ou la hiérarchie des blocs de texte. Attention encore une fois à ne pas abuser : 3 tailles de police devrait suffire. Le contenu rédactionnel est organisé en colonnes afin de faciliter la lecture. Fini les blocs de texte où le regard scrolle d’un bord à l’autre de l’écran. La couleur de la police est neutre (noir ou grise sur fond blanc…). De manière générale, le texte doit être incitatif. Par exemple, sur une tuile, le texte doit reprendre en trois quatre mots le contenu de ce qu’il représente. Un raccourci doit expliquer ce vers quoi il envoie.

Bien entendu, on aligne tout et à droite, de préférence.

Les espacements:

Le contenu de l’appli ne devrait pas être à moins de 24 px du bord de l’écran, pour des raisons pragmatiques de faux contacts. Ce qui nous oblige à nous interroger sur la taille des boutons et des espaces entre ceux-ci. En effet, deux boutons trop proches induisent un fort risque de faux contact ou d’erreur. Là encore, il faut penser Multitouch. Et cette réflexion est valable pour tout élément interactif (scrollbars, radiobuttons, checkboxes…). On veillera donc à ce que chaque élément interactif soit séparé par au moins 6 pixels, voire 12. Pensez aussi au style de l’appli. Par défaut, le système Windows Phone propose deux styles (noir ou blanc). Un contrôle valable pour un style ne le sera pas (valable) pour l’autre. On veillera donc à doubler les temps de production de la customisation des contrôles.

Les icônes :

Elles peuvent être sous forme de tuiles, soit singulières. En ce cas, l’icone doit être enchâssée dans un cercle. Cela facilitera sa reconnaissance. l’icône sera simple et mono-couleur. Le concept sera expurgé de toute interprétation et il serait assez bienvenu de choisir un symbole multi-culturel compatible.

Les images :

Le contenu est le roi. Cela veut dire que vos médias images doivent être les princes de l’application. Optez pour de belles images, grandes (au moins 120×120 px) et contrastées. Un bon décadrage est fort utile pour dynamiser encore votre composition. Une image peut être insérée en background, mais celle-ci doit alors être  bien matée en colorimétrie et surtout en contraste afin de ne pas gêner la lecture du contenu. Prévoyez toujours au moins deux images par emplacement, afin de pouvoir alterner le contenu. Prévoyez aussi une résolution assez large (mais pas trop), en cas de redimensionnement (passage du mode landscape au mode portrait). Si votre appli dispose d’un sommaire, utilisez les images comme le font les monteurs dans les revues, c’est à dire comme des accroches visuelles qui décrivent le contenu.

Les transitions et les animations :

Afin de permettre une transition entre les écrans, il faut faire savoir à l’utilisateur qu’une autre page existe. Voilà pourquoi votre page devra induire l’autre page, soit par débordement, soit par apparition partielle. C’est aussi valable avec un élément scrollable. Celui-ci doit montrer que du contenu attends votre venue. Les animations sont un élément essentiel de votre UI. C’est par l’animation que vous pourrez gérer votre contenu dynamique (apparition, slide vertical) ou le défilement de vos pages (fade progressif, scrolling parallaxe). Les états de vos contrôles doivent bien entendu en tirer parti, mais sans abus. Le but n’est pas de faire un “manège enchanté”, mais d’inciter l’utilisateur à cliquer sur telle ou telle partie en priorité. Cela est aussi valable pour les notifications qui doivent être hiérarchisées : un nouveau mail, c’est une animation simple qui dispose d’un time-lag minimal de 5/10 secondes, une alarme critique, c’est une animation implicante (top most par exemple) permanente.

Quelques remarques :

Le plus dur est d’éviter la surabondance de couleurs et d’animations.

Les applis blanches/grises/noires seront légions. Avec une emprise aussi ferme, la créativité va s’exercer sur les détails.

A mon sens , et au vu de ce que je viens de dire, la popup est morte.

Les applis aves 200 icônes sont mortes aussi. Less is more.

Bien entendu, beau c’est bien. Fluide c’est super. Beau et fluide est donc le target.

Petit rappel des guidelines “officielles”, venues de Dieu lui-même (gravé sur tablette, aurais-je pu dire facétieusement) :

Typography. Type is beautiful. Not only is it attractive to the eye, but it can also be functional. The right balance of weight and positioning can create a visual hierarchy. Additionally, well placed type can help lead you to more content.

Motion is what brings the interface to life. Transitions are just as important as graphical design. By developing a consistent set of motions or animations, a system is created that provides context for usability, extra dimension and depth and improves the perceived performance of the whole interface.

Content not Chrome is one of the more unique principles of Metro. By removing all notions of extra chrome in the UI, the content becomes the main focus. This is especially relevant due to the smaller screen size and gesture-based interactions.

Honesty. Design explicitly for the form factor of a hand held device using touch, a high resolution screen and simplified and expedited forms of interaction. In other words, be “authentically digital”.

Posté dans Win8, Metro | 2 commentaires »

23.11.2011 par Mitch.

NON. Générateur de soie. C’est là. C’est beaucoup de javascript. C’est beau. Appuyez sur “New” pour voir les options possibles.

Posté dans 2D | Aucun commentaire »

22.11.2011 par Mitch.

…de mourir, avec aujourd’hui YOUtube qui annonce (via des blogs disséminés – dit, c’est miné?) son support de HTML5 en 1080p. Oui, je serai Adobe, j’aurais peur, tout de même un peu.

Posté dans 2D | Aucun commentaire »