Aurora, le navigateur conceptuel de Mozilla

Pour celles et ceux qui rentre de congés, je vous propose de découvrir le gros buzz de l’été, un concept de navigateur futuriste imaginé par Mozilla Labs et l’agence Adpative Path : Aurora.

Pour faire simple, Aurora n’est pas un produit, mais plus une réflexion menée conjointement par le Mozilla Labs dans le cadre de ses Concept Series pour essayer d’anticiper le futur des navigateurs web et de l’internet (cf. Mozilla Crowdsources Future of the Internet).

Intégration fine entre browser, bureau et mobile

Plusieurs vidéos ont ainsi été publiées pour expliquer les différents concepts fonctionnels et d’IHM de ce navigateur du futur : Aurora Concept Video Part 1.

On y voit ainsi la possibilité de partager l’écran avec un autre utilisateur (regardez bien, il y a deux souris sur cet écran) :

Nous retrouvons également un bureau complètement spatialisé où les documents, applications et contenus sont regroupés de façon sémantique en groupe (clusters en anglais). Vous noterez également la subtile utilisation du cadre pour y insérer les applications en bas, l’historique à gauche, les raccourcis à droite et les macro-fonctions en haut :

Une autre vidéo présente également un achat en ligne sur un Amazon à interface flou :

Il y a également une version mobile :

Et même une version de l’interface marchande « sociale » en situation de mobilité :

Et pour finir nous avons même droit à une version Set-Top Box avec une interface gestuelle à mi-chemin entre Wii et Minority Report :

Un hypothétique Firefox 5 ?

Force est de constater que le travail réalisé est tout à fait inpirationnel, notamment en termes d’utilisabilité. Certains éléments d’interface ne sont pas neufs comme les menus radiaux (vu dans Second Life et Songza), la widgetisation de portions de page (vu chez Safari et le prochain IE 8 il me semble), la barre d’application à effet fish eye (vu chez Mac OS)…

Il y a par contre des choses plus novatrices comme ces clusters contextualisés qui pourraient inspirés les équipes de Google Desktop. Pour en savoir plus sur cette interface, je vous recommande les explications suivantes : Aurora Interface Guide and Design Concepts de même qu’aux scénarios d’anticipation (Aurora Forecasting the Future)

Pour la petite histoire, les équipes d’Adpative Path étaient également à l’origine d’une autre réflexion tout à fait intéressante sur un concept de terminal médical personnel : Charmr, A Design Concept for Diabetes Management Devices.

Soyons réalistes et espérons que ces idées seront implémentées dans les futures versions de Firefox. Peut-être la version 5 se reprochera-t-elle de ce concept…

Quand les fonctionnalités s’invitent dans la barre d’adresse

Voilà quelques années que les grands portails et acteurs du web se livrent une guerre sans merci pour s’incruster dans le navigateur au travers des plugins et autres barre : Yahoo! Toolbar, Google Toolbar… A force, ça fini par faire beaucoup de monde qui empiète sur la surface d’affichage et « remonte » la limite de visibilité (un véritable casse-tête pour les concepteurs de sites qui doivent en tenir compte).

La version 7 d’Internet Explorer avait innové en remontant certains boutons dans le cadre de la fenêtre elle-même, libérant ainsi un peu de place en hauteur. Et bien figurez-vous que la bataille est maintenant ouverte sur une nouvelle zone de la fenêtre à conquérir : la barre d’adresse.

Et c’est du côté de Firefox que l’innovation est arrivée avec sur le côté gauche un favicon aux propriétés étendues qui permet d’indiquer si le site est reconnu (ils appellent ça le Site Identity Icon) :

Nous avons ensuite sur la droite l’étoile qui permet d’ajouter un site à vos favoris, la petite icône d’inscription au flux RSS (cf. Feed Icons) et même celui des microformats détectés (cf. On Firefox 3 and microformats with Michael Kaply) :

Dernière nouveauté en date : un bouton universel d’édition pour les wikis (Universal Edit Button) qui permettra d’éditer une page quelque soit la plateforme de wiki :

Wow ! Décidément cette barre d’adresse va commencer à être sacrément encombrée. Nous pouvons déjà anticipée un phénomène de mimétisme et l’apparition prochaine d’autres boutons universels (commentaire, panier d’achat…) et pourquoi pas des boutons d’éditeurs (Digg, Aamzon, Ebay…).

Peut-être un peu confusant pour les utilisateurs vous ne trouvez pas ?

(via Ross Mayfield)

Des tonnes de vidéos sur l’Information Architecture TV

Vous en rêviez ? Ils l’ont fait : Information Architecture TV.

En fait de télévision, c’est plutôt un blog sur lequel vous trouverez un ensemble de vidéos traitant de sujets aussi variés que l’architecture de l’information, l’utilisabitilté, l’interaction design, la conception centrée sur l’utilisateur…

Toutes ces vidéos sont en fait extraites de Youtube mais le travail de sélection et de catégorisation réalisé par Jan Jursa(du blog Hot Strudel) est tout à fait remarquable.

Un must pour les passionnés d’ergonomie et pour les concepteurs de sites web.

Utilisabilité des applications en ligne à l’Université du SI

Sortez vos agendas car le mois prochain va se tenir un évènement prestigieux : L’Université du SI.

Il s’agit d’un séminaire organisé sur 2 jours (les 2 et 3 Juillet) sur le thème des nouveaux leviers de productivité et de l’évolution durable des usages de l’informatique. Rassurez-vous, cette conférence s’adresse à deux cibles privilégiées (les geeks et les boss) mais les interventions vont être variées et surtout très riches avec des intervenants prestigieux : Neil Armstrong, Michel Serres, Eliyahu M. Goldratt, Guillaume Laforge…

J’animerai pour ma part une session sur l’utilisabilité des applications en ligne. Je parlerai de SaaS, d’interfaces riches appliquées aux applications métiers et aux tableaux de bord,des contraintes spécifiques de l’utilisabilité dans un contexte de productivité…

DAB + RIA = WF

Vous n’aimez pas les écrans des distributeurs automatiques de billets (DAB) ? Vous préfériez des interfaces plus riches (RIA) ? Alors vous aimerez sûrement les nouveaux automates de Wells Fargo (WF). Cette banque américaine a en effet eu recours aux services d’une agence de design (Hot Studio) pour concevoir l’interface de ses nouveaux distributeurs automatiques : That design is money! A better ATM experience from Wells Fargo.

Le résultat est tout simplement bluffant avec des écrans d’une grande sobriété mais à la lisibilité parfaite. Ici la saisie du code PIN :

Et là un écran de confirmation avec un exemple de processus :

Juste pour rigoler je vous propose un avant / après du menu principal :

Rien à redire, c’est du très bon travail et cette nouvelle interface participera grandement à réduire les frictions (incompréhensions, frustrations, erreurs…) et à améliorer l’expérience d’usage. A quand la même chose à la beuneupeu ? Franck, tu m’écoutes ?

(via etre)