Mailbox

Mailbox est un client email pour iOS développé pour faciliter la lecture et une interaction minimale dans ses emails. En effet la gestion des emails tuent notre temps de cerveau disponible. L’objectif de cette application est de gérer vos emails en fonction de votre emploi du temps, et transformer les emails reçus en to-do liste, et ainsi vider votre boite de reception et ne plus avoir que .. zéro emails à lire!

Le service racheté par Dropbox a fait ses preuves sur mobile: pourra il en faire autant sur OSX? J’étais au depart un peu perplexe quant à l’utilité et l’intérêt d’utiliser un client mail qui propose avant tout des fonction liées aux gestures sur mobile.

Écran principal de Mailbox sur OSX
Écran principal de Mailbox sur OSX

Votre experience de Mailbox va en fait dépendre de la manière dont vous utilisez votre mac: S’il s’agit d’un laptop, vous n’aurez aucun mal à utiliser le trackpad comme premier moyen de rapidement trier les emails non lus. Si vous utilisez un iMac ou un Mac Pro avec une souris qui ne supporte pas les gestures Apple, cela va vite s’avérer inutile, car vous ne pourrez pas utiliser la fonctionnalité de tri rapide. En utilisant une Magic Mouse d’Apple, les gestures restent possibles mais vous ne serez pas à l’abri de mouvements accidentels. Et dans ce cas, cela peut s’avérer assez catastrophique car il s’agit d’effacer ou archiver ses conversations.

compose

La fenêtre de composition des messages est minimale, et pourra certainement s’étoffer plus tard.

schedule

Quelques fonctionnalités sont originales et je préfère m’attarder sur la fonction de synchronisation des emails entre le mobile et le desktop, qui fonctionne à merveille et de manière extrêmement rapide.

A tester si vous êtes deja un utilisateur régulier de Mailbox. Si vous souhaitez rester sur un usage de tri manuel, avec labels et dossiers, Mailbox n’est pas pour vous. Sur Mac, il y’a deja Airmail, Mail, Airplane ou le défunt Sparrow qui offrent de telles fonctions.

coins

L’app est en beta sur le site, contactez moi par Twitter @gabyu pour recevoir une betacoin.

Quartz 3.0

On m’a encore récemment demandé quelle était mon app iPhone favorite pour lire l’actualité. Et d’admettre que la plupart des apps y sont installées essentiellement pour les notifications, seul flux accessible en Chine: par exemple, les contenus des applications iOS le Monde New York Times sont bloquées en Chine.

J’ai récemment pris le coup de coeur des pure players qui spécialisent leur thématiques de manière claire (Slate, Eon Magazine, ou encore Good). Parmi mes préférés: Quartz ou qz.com. Le site prend le parti, et ce depuis ses débuts, de mettre en avant la plateforme mobile, et ce.. sans utiliser la moindre app, et opte pour une version responsive particulièrement travaillée.

Quartz opère sa deuxième refonte. Quartz explique que la refonte inclus l’ajout d’une homepage éditorialisée, et ce malgré que le site n’a jamais cru aux longues listes de contenus. Besoin d’audience supplémentaire? Possible. Le site souhaite convaincre ses lecteurs et les marques que la qualité et la rareté des contenus intrusifs iront de pair. Les annonceurs ne sont pas mis au placard, mais vont disposer d’espaces plus immersifs.

Une épure visuelle qui ferait plaisir à voir chez nos chers medias français.

Sous le header minimal et l’immense photo de une, quelques gros plans sur la section de la homepage intitulée « The Brief », qui prend le parti de presenter une nouvelle en 2 ou 3 phrases courtes, accompagnées de liens. L’équivalent de 3 a 4 tweets rassemblées.

The Brief. Notez que c'est la seule zone du site qui comporte la présence d'un annonceur.
The Brief. Notez que c’est la seule zone du site qui comporte la présence d’un annonceur.

Dans les articles, une navigation facile d’accès et réactive. Je vous ai capturé un exemple de parcours utilisateur dans la vidéo ci-dessous:

La version desktop du site est réussie meme si on ressent facilement que la refonte du site cible avant tout les mobiles.

Avec une seule colonne, le site démontre qu'aucun compromis a été pris pour mettre des batons dans les roues des utilisateurs. Seule obligation: scroller ou utiliser la navigation des menus.
Avec une seule colonne, le site démontre qu’aucun compromis a été pris pour mettre des batons dans les roues des utilisateurs. Seule obligation: scroller ou utiliser la navigation des menus.

Force est de constater que les choix de la simplification de la mise en page des sites d’information vont de l’avant. Avec de tels parti pris, je ne peux souhaiter que bonne continuation à Quartz!

Los Angeles Times 2014 redesign

Une refonte efficace et complète pour le Los Angeles Times, LA Times pour les intimes. Elle a été réalisée par les talentueux designers de Code and Theory, qui n’en sont pas a leur premier coup d’essai.

Homepage du LA Times (2014).
Homepage du LA Times (2014).

Vous qui recherchez la colonne publicitaire, l’espace sponsorisé, vous risquez d’être décus. Tout ces espaces ont littéralement fondu dans le décor, et fait place devant l’intelligence d’une mise en page résolument simplifiée. Car au delà des nécessités de l’utilisateur moderne (responsive design), ainsi que celles qui rendent le site simplement élégant (une typographie particulièrement travaillée), le site a fait un gros efforts de nettoyage et de suppression de tout le superflu en terme de gestion, mais aussi d’affichage et de transition du contenu: le concept de page et sa problématique rupture (lors du chargement, mais pas seulement) disparaissent.

Le pitch est simple: Si le LA Times produit du contenu, l’utilisateur se l’approprie, et le parcoure comme s’il s’agissait du sien. Comme bon le lui semble.

Les videos, signées LA Times, qui fait sa promo:


La navigation par rubrique, qui s’affiche en toute circonstance, sans s’imposer. L’architecture d’information, par rubriques, est le reflet d’une organisation interne conçue pour produire du contenu. Chaque rédaction produit du contenu pour ‘sa’ rubrique. Le problème, c’est que pendant longtemps, les sites de presse ont trop misé sur ces onglets pour afficher d’autres type d’informations, plus commerciales. Plus que jamais, le lecteur a besoin de ce repère, mais le passage d’une rubrique à l’autre ne doit plus rompre l’experience de lecture.


Le chargement des photos en grand format, pour naviguer en mode visuel, pour les détesteurs de chapeaux d’articles.


Pour les twittos, des fonctions de partage qui vous mache le travail, tout en vous laissant le controle. Cela parait si simple… pourtant si éloigné de la plupart des comportements de boutons de partage.


Les galeries ont toujours été l’obsession des marketeux. Source de pages vues? Marketing enrichi? que nenni! Ici les images défilent intuitivement, comme si l’on parcourait ses propres photos sur sa tablette.


La bonne vieille liste d’articles en relation (comme vous en trouverez en bas de ce post) commence a sentir le moisi. Si un article vous plait, un clic sur l’onglet ‘related’ et, surprise…

Le modèle économique? un modèle qui se tourne vers le payant, avec une offre a environ 50 dollars US par an.

Bim.

HLK Agency

Découverte de l’agence HLK (HLK Agency) (Hughes-Leahy-Karlovic), basée à Saint Louis et Denver qui a pour motto son indépendance et qui a mis à jour son portfolio la semaine dernière.

Un portfolio qui utilise le fullscreen et le scroll. On a aimé le menu en ‘tuiles vidéos’, l’affichage rigolo des annonces de jobs et stages, le cadre general autour de la page, et l’usage de typos surdimensionnées. Les mises à jour quotidiennes dans la rubrique « Today » sont assez intimistes, et nous montre l’activité de l’agence dans ses moindre détails. Continuer la lecture de « HLK Agency »

Bloomberg View

Connu avant tout pour son flux d’actualités du milieu financier, Bloomberg se cherche différents moyens pour diversifier son offre de contenus. Le redesign du site Bloomberg view apporte une réponse aux lecteurs qui ne lisent que les contenus de la rubrique Opinion.

Conçue par le studio Schema, la homepage du site propose une interface en grille pour chacun des contenus d’articles. Le rendu est proche de celui d’une application iOS et a été conçu pour supporter les formats mobiles, en responsive. Entrecoupé d’un nombre restreint de formats publicitaires, la plupart des contenus sont agrémentés de photographies et d’un elegant portrait illustré du contributeur de l’article. Le résultat est à la hauteur et montre que la proche collaboration du studio avec l’équipe éditoriale porte toujours ses fruits.

Bloomberg View — Homepage.
Bloomberg View — Homepage.
Bloomberg View — Article page.
Bloomberg View — Article page.
Bloomberg View — Mobile view.
Bloomberg View — Mobile view.

Pour en savoir plus, suivez le studio Schema sur Twitter.

Redesign du site TIME

Un redesign réussi pour TIME, qui se tourne vers une interface responsive dépouillée et résolument mobile. La gestion des contenus de la Homepage est simple et sans multi-colonnage. Il fallait faire rester les 60 millions de visiteurs habitués à la précédente version. L’objectif est de poursuivre sur la lancée opérée en 2013, avec plus du double de lecteurs depuis un an et une audience mondiale qui nécessite des éditions sur plusieurs continents. Continuer la lecture de « Redesign du site TIME »

Berger & Föhr

Berger & Föhr est un studio de design dans une petite ville du Colorado, Boulder. Leur pratique du design est caractérisée par le minimalisme et le modernisme. Ils sont remarqué depuis la dernière mise à jour de leur site.

Pour un des amis de l’équipe, Christopher du site Changethethought, ils ont « littéralement transformé » leur approche du design et leur positionnement est encore bien unique dans le paysage de la communication au Colorado.

 

 

Une de leur création les plus interessante est cette application iPhone sans bouton de fonctions, qui utilise uniquement les gestures pour gérer les operateurs, l’affichage du resultat, et l’affichage à zéro. 5 minutes suffisent pour s’y habituer.

Twitter update

Alors que la bataille fait rage autour de l’outil pour consulter et poster sur le service Twitter, un bien utile interface pour Twitter.com, qui met progressivement à jour ses services. Dernière nouveauté annoncée par Twitter hier, les pages ‘followers‘ et ‘following‘, qui utilise des boutons d’actions contextuels, d’un double système d’affichage (liste simple et détaillée) et une typographie plus fine et petite que celle utilisé habituellement.

Twitter / following and followers pages redesign

ˆliste simplifiée

Twitter / following and followers pages redesign

ˆliste détaillée. Devinez qui va se faire bloquer …

Grace à ce nouvel affichage de followers et de leur dernier post, il est désormais plus facile d’identifier les spammers et autres comptes d’utilisateurs sensibles, et les bloquer evidement plus rapidement, mais aussi de suivre les followers de vos followers/followés (oui, je sais…).

Les icones utilisées sont sobres d’une seule couleur, et évoquent une possible déclinaison de l’interface sur un site mobile/ application iPhone. À n’en pas douter que l’équipe utilise des Macs et s’est inspirée des icones sur la barre d’outils du Finder de Léopard.

Andy Gugel

Après Arnaud Mercier (Area17) et Darren Firth, voici le travail d’Andy Gugel, fondateur du studio 32 round, une agence américaine de conception d’interfaces interactives, principalement pour le web.

ThirtytwoRound - intro

Le site, réalisé entièrement sous flash, est particulièrement minimal et fonctionnel. Une pure beauté dans la valorisation du portfolio et des projets effectivement conçus, tels que l’application AIR Skimmer dont nous avions présenté les grandes lignes.

targetThirtytwoRound - Skimmer

ThirtytwoRound - info

 ThirtytwoRound - Adobe PsThirtytwoRound - We are fallonThirtytwoRound - SkimmerThirtytwoRound - Disney nature

Condense.fr

Un intéressant site vient de s’ouvrir à mes yeux, celui de Condense.fr, réalisé par l’agence Blind. Site d’inspiration et de respirations, il replace la barre un peu plus haut en matière d’interface de navigation horizontale, non pas seulement appliquée à un carousel ou à une petite surface comme celles de l’iphone et du coverflow.. mais à la quasi intégralité du contenu de la fenetre du navigateur. Cela me ravit et devrait également ravir les passionnées de lecture à l’écran, toujours soucieux de faire rétablir une consultation des contenus qui ne soit plus seulement verticale mais également latérale.

condense-horizontal-site

Tout comme le multicolonnage des contenus sur un site, le fonctionnement des sites a navigation horizontale, posssède un certains nombre de défis à relever, tels l’utilisation de sondes afin de calculer la largeur de l’écran (généralement en javascript, tel jquery), et de disposer d’une ergonomie claire afin que l’internaute parvienne à saisir le fonctionnement de cette navigation.

Selon moi, le pari est parfaitement réussi, donc chapeau à toute l’équipe de designers d’interaction, de développeurs.

Plus d’infos sur le site Condense.fr, et le making-of de Tam Kien Duong.