Je continue dans ma lancée avec une série de 3 nouveaux sites que j’apprécie particulièrement.
Commençons avec Schwan’s, un site marchand de plats préparés :
La page d'accueil de Schwan's
Ce qui frappe d’entrée sur cette page c’est ce petit côté retro avec ces couleurs pastel et ces typos légèrement kitchs. Il y a aussi un très bon travail au niveau des cadres (notamment le bas de page) et des titres. L’ensemble est dynamique, pas trop saturé et plutôt incitatif.
Dans un totu autre style il y a aussi Silverback, un solution pour les tests utilisateurs :
La page d'accueil de Silverback
Nous sommes là dans un très bon exercice de minimalisme avec une bonne mise en scène des bénéfices et des boutons d’appel à l’action au format XL. Vous apprécierez au passage le côté nounours de ce gorille ainsi que le thème « jungle » qui réchauffe la page. Pour une analyse plus poussée c’est ici : A Strong Homepage Design Dissected.
Il y a enfin Powerset, un moteur de recherche spécialisé pour Wikipedia :
La page d'accueil de Pwerset
Là encore un bon travail de minimalisme mais un gros effort de réalisé sur la typo et l’orchestration de la promesse, nous sommes loin de l’austérité de Google ! J’apprécie particulièrement l’effet de profondeur donné à la typo du centre de la page, il y a également une tendance hypnotique relayée par ce post-it qui traîne à droite (simple mais efficace).
Non ce billet ne va pas parler des multiples rebondissements dans les histoires de marriage entre Microsoft et Yahoo! ou Facebook et Twitter mais plutôt des histoires de couple sur les médias sociaux, et il y en a pour tous les goûts.
Pour commencer je vous propose de découvrir Marries on MySpace, une émission de webTV réalité produite par Endemol ou les internautes choisissent un couple (en fonction des vidéos soumises), prennent par aux décisions (choix de la robe de la mariée et des costumes des garçons d’honneur) et assistent en direct à la cérémonie :
À l’opposé du spectre, je vous propose également de découvrir DivorceNetwork, un réseau social pour les divorcés. Le site précise que vous n’avez pas besoin d’avoir « consommé » votre divorce, vous pouvez vous inscrire si vous êtes en pleine procédure ou si vous y réfléchissez.
Et enfin j’ai gardé le meilleur pour la fin avec ce service qui se positionne à mi-chemin entre les deux précédents : SideTacker est une plateforme pour les couples en détresse qui souhaitent avoir recours à une médiation collaborative. Le principe est simple : un membre du couple publie le sujet de discorde (exemple croustillant ici : Never Flushes The Toilet, Not Lazy – Cheap), propose un « droit de réponse » à son conjoint et laisse la communauté s’exprimer. Au bout d’un moment un consensus émerge pour savoir si le couple doit oublier cette dispute ou divorcer.
Bon rassurez-vous il y a également une section pour les « simples » conseils qui n’appellent pas forcément à une décision collégiale sur l’avenir du couple.
Je ne me prononcerais pas sur la moralité de ces différents services mais je trouve qu’il y a tout de même un net progrès par rapport à Hot or Not, non ?
Je viens de découvrir la toute nouvelle version du site d’Electronic Arts et je dois avouer avoir été scotché par cette nouvelle réalisation. En fait je me demande même s’ils n’ont pas réussi le sans-faute… Il y a tout d’abord cette superbe page d’accueil avec beaucoup d’images, plein de trucs à cliquer tout en conservant une excellente lisibilité :
La page d'accueil d'Electronic Arts
Les raisons qui font que j’aime cette page d’accueil :
La grille de lecture est sobre et visuellement très légère ;
Le haut de page est très bien orchestré avec une élégante intégration du logo, de la barre de navigation et du moteur de recherche ;
Il y a beaucoup d’espace entre les blocs (ce qui fait « respirer » la page et ne sature pas l’oeil) ;
Les différents éléments sont bien hiérarchisés avec une emphase sur « Browse Games » et « Featured Spore Creatures » (pour compenser avec les autres éléments aux couleurs plus vives) ;
La page est structurée sur un bloc centré à largeur fixe, mais si vous agrandissez la fenêtre de votre navigateur le fond est « habillé » d’une très belle illustration.
Il y a ensuite un certain nombre de détails que j’adore, à commencer par le menu de navigation surdimensionné avec un très bon cloisonnement de l’information et une mise en avant :
Le menu de navigation surdimensionné
Une sacrée coïncidence car j’ai justement rédigé un billet hier au sujet des menus XL et des plan de site dans le footer (ce que propose également ce site) : Soignez vos extrémités (menu et pied de page).
Le site propose également un très bon carrousel avec une petite barre qui permet d’anticiper le changement de vignette :
Le carrousel avec barre de défilement
Il y a également un autre carrousel avec une présentation en accordéon très original :
Le second carrousel en accordéon
Et il y a enfin une barre d’outil en bas de l’écran (qui reste à sa place quelle que soit la position dans la page) où l’on retrouve l’accès aux autres sites du groupe, le changement de langue, la création de compte… avec à chaque fois des panneaux flottants de toute beauté :
La barre d'outils en bas d'écran
Le reste du site est plus classique (quoi que toujours aussi efficace). Mention spéciale pour la page de News qui présente un design élégant mais moderne (cf. nuage de tags) ainsi qu’un très bon moteur de filtres à gauche :
La page de news
Bref, je suis vraiment sous le charme de cette nouvelle version car elle concentre un ensemble de bonnes pratiques dans un tout cohérent et de très bon goût.
Et vous ne savez pas le pire ? L’URL de ce site (EA.com) est l’anagramme d’un autre site que j’adore (AE.com). C’est fou, non ?
L’édition 2009 du MIX s’achève et comme à chaque fois, Microsoft nous a régalé avec de nombreuses annonces. Oublions le faste et les paillettes de Las Vegas pour prendre du recul et analyser à froid (tiède ?) la teneur de ce qui a été annoncé.
Adieu Las Veags et le Grand Canyon
Silverlight 3 et IE8
Annoncé il y a moins de trois ans, Silverlight en est déjà à sa troisième version. Une version par an c’est beaucoup, c’est même énorme pour un acteur de la taille de Microsoft. La preuve qu’ils mettent les bouchées double pour rattraper leur retard sur Flash et s’imposer sur un créneau où Adobe a beaucoup de mal à s’implanter : les RIA d’entreprise. Car ce sont bien les entreprises qui sont la cible principale de Microsoft, tout est fait pour capitaliser sur le framework .Net sur lequel Microsoft a énormément investi (temps et argent).
Le grand public n’est pas en reste avec un focus sur le streaming vidéo et la HD. Petit à petit Microsoft est en train de faire mûrir son offre et sa légitimité avec des partenariats industriels (notamment Akamai) et des partenaires média (NBC, France Television…). Cette approche verticalisée me fait penser à celle d’Apple et QuickTime qui s’est imposé sur la niche des bandes annonces. Sur ce créneau, les ambitions sont clairement affichées : concurrencer le marché des DVD avec de la VOD de qualité et les services qui vont avec. Les disques Blu-ray sont-ils également menacés ? Pourquoi pas, c’est juste une question de débit.
Concernant IE8, il n‘y a pas grand chose à dire : ils sont complètement largés face à une concurrence acharnée de la part de Mozilla (Firefox), Google (Chrome), Apple (Safari) et même Opera. Mon analyse : à quoi bon se battre pour conserver les parts de marché des navigateurs alors qu’ils peuvent noyauter les concurrents avec Silverlight ?
Expression
Débarqué récemment sur un terrain où on ne les attendait pas du tout, Microsoft continue de capitaliser sur la suite Expression qui adresse trois populations distinctes : les designers avec Design, les intégrateurs avec Web et les animateurs avec Blend (désolé pour ce terme barbare mais je n’ai rein trouvé de mieux). Avec SketchFlow il adresse une nouvelle cible (les concepteurs) qui jusque là avait été largement délaissée (laissant quelques miettes à des acteurs de niche comme Axure).
Intégrer un quatrième profil est donc une très bonne chose car ils remontent ainsi encore plus haut dans la chaine de création et peuvent à terme lancer un quatrième produit (qui pourrait potentiellement s’appeler « Flow« ).
Restera alors une cinquième population à cibler (les chefs de projet) qui seraient ravi d’avoir entre les mains un outil de pilotage du projet et de collaboration (avec les équipes internes / externes, le client…). Pourquoi pas une offre hébergée à la Basecamp ? Cela collerait tout à fiat avec la philosophie S+S chère à Ray Ozzie.
Un effort considérable est également réalisé pour développer l’écosystème SL et pour mobiliser une communauté de développeurs (une extension de MSDN ?). Macromedia disposait d’un écosystème incroyablement dense qu’Adobe n’a pas su conserver (changement de marque et de cible). Il y a donc des places à prendre pour convaincre une communauté que la complexité de la gamme Adobe peut rendre sceptique (Photoshop vs. Illustrator vs. Fireworks, Flash Pro vs. Flex Builder…). Sur ce point précis, Microsoft n’a pas a gérer la complexité de l’héritage de nombreux produits.
J’attends donc avec impatience la réponse d’Adobe avec le futur Flash 11 et surtout avec l’évolution de Flash Catalyst, et je vous donne rendez-vous l’année prochaine pour découvrir Silverlight 4 !
Il est essentiel de démarrer sur le papier pour laisser s’exprimer la créativité sans se faire parasiter par l’ordinateur (email, Twitter, alertes Facebook…) ;
Importance également de bien travailler la hiérarchisation de l’information pour les applications métier (« info containers« ) ;
SketchFlow vient combler un vide dans les outils de conception avec une intégration cohérente dans la chaine de production.
Décidément, SketchFlow n’en finit plus de ravir les concepteurs d’interfaces riches. Quel dommage qu’il ne soit pas encore disponible en téléchargement !
Xbox Brainstorm to Delivery
Une présentation de Charles Duncan de l’agence AKQA sur l’expérience multi-canal de jeux Xbox ou PC :
Collaboration et itérations sont deux éléments clé de l’innovation, à contrario les processus de création en cascade ou trop séquencés sont néfastes ;
Pour Fable 2, ils ont voulus exploiter la philosophie du jeu (votre personnage évolue en fonction de ses choix / actions) avec des vidéos interactives façon « Livre dont vous êtes le héro » et des points de récompense (Microsoft Points) utilisables dans la Xbox Live Marketplace ;
Le dispositif multi-canal va même plus loin avec une présence étendue sur les médias sociaux et les mobiles ;
Pour Lips (une sorte de Karaoke pour Xbox), ils ont exploité Silverlight pour reproduire différentes ambiances afin d’illustrer la convivialité du jeux ;
Pour Gears of War 2, ils ont mis en ligne une série de vidéos donnant des indices sur l’emplacement de goodies contenant des codes.
A chaque fois qu’un utilisateur trouvait un goodies, il devait s’inscrire sur le site et saisir le code pour débloquer de nouvelles vidéos et gagner des points. Un dispositif à la fois communautaire et collaboratif pour mettre en avant le mode de jeux à 2 du titre.
Trois très bons exemples de dispositifs multi-canal novateurs.
Après 2 journées de conférences (et de soirées) intenses, je sens très nettement l’attention des participants qui se dégrade. La preuve avec le stand Rock Band où il y a de plus en plus de monde :
Interview de Chris Swenson
J’ai eu la chance de pouvoir interviewer Chris Swenson, Senior Strategy Manager pour la .NET Platform.
La cible « grand public » est adressée au travers des capacités vidéo HD de SL3, les fonctions de Smooth Streaming et de pause en fon un authentique concurrent au DVD (à ce sujet ils sont en recherche active de partenaires média en Europe) ;
La cible « Entreprise » est elle plus concernée par les capacités offline et « out of the browser » de SL3, ils travaillent également à la création de partenariats avec des gros acteurs industriels comme SAP ;
L’écosystème SL est en pleine expansion, ils misent notamment beaucoup sur la communauté de développeurs qui développent des composants.
SketchFlow est vraiment une avancée majeure dans la maturation de la suite ;
Ils ne comptent pas faire de portage de la suite sur Mac, mais il existe un support d’Eclipse (Eclipse4SL) grâce aux équipes de Soyatec (cocorico !).
À propos de la complémentarité Silverlight / WPF :
SL est parfait pour les applications légères et pour un usage occasionnel d’applications métier ;
Un scénario intéressant serait de réaliser une application en SL puis de faire un portage WPF pour avoir plus de stabilité et de puissance.
À propos de la mobilité :
Windows XP représente 85% du marché des OS de netbooks et ils espèrent faire beaucoup mieux avec Windows 7 ;
Silverlight sera parfait pour pouvoir exploiter des applications en mode offline (notamment pour les équipes nomades) ;
La version mobile de Silverlight a pris du retard car ils veulent réellement assurer une parfaite compatibilité.
Voilà, une interview très enrichissante et surtout de très grosses ambitions affichées.
Manage Cookie Consent
We use cookies to optimize our website and our service.
Functional
Toujours activé
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
