Avec la sortie du iPad2 (que je n’achèterai pas, mais toute généreuse contribution serait accueillie avec joie), voici l’occasion de mettre à contribution l’utilisateur un peu lambda, moi en l’occurrence, pour faire une petite review de la Tribune de Genève HD, sortie il y a quelques jours.

Comme vous le savez déjà, je passe une heure tous les matins à lire RSS et autres… etc. Le temps que j’ai à consacrer à cette foultitude d’information est inversement proportionnelle à la qualité de la plateforme sur laquelle je la lirais… Vous suivez ? Bref, c’est un aparté.

Revenons à nos moutons digitaux et voici mes commentaires et recommandations pour cette application encore toute chaude sortie de l’AppStore.

Aucun doute, nous sommes dans la Tribune de Genève. Corporate clair, screen d’entrée court et arrivée sur une page d’accueil plutôt complète, presque un peu trop complète. Certes, on appréciera le menu latéral donnant un accès rapide aux différentes rubriques, mais la zone dévolue à l’information proprement dite mériterait un léger défrichage. Je m’explique.

Publicité Femina

Elle est très colorée, prend un espace non-négligeable et attire par conséquent l’œil. C’est le propos d’une publicité me direz-vous, mais le propos de l’application TdG est de fournir de l’actualité.
La question est donc toujours « qu’est-ce que l’utilisateur s’attend à voir en téléchargeant une application de news ? Des news ».

La publicité Femina est bien sûr nécessaire (on ne vit pas d’amour et d’eau fraîche), mais devrait être intégrée par exemple sous forme de bandeau qui apparaîtrait en bas de screen avec la possibilité de le fermer. Faciliter la lisibilité et l’utilisateur en sera reconnaissant.
Cette remarque sur la publicité Femina vaut pour toutes les autres pages de l’application. La capacité d’attention sur un device comme le iPad est très réduite en comparaison avec un support papier. Moins on donnera de portes d’accès vers une autre plateforme ou une autre tâche ou action, plus l’utilisateur concentrera son attention sur le contenu sur lequel il se trouve. C’est une expérience que l’on doit offrir et une expérience plaisante se prolonge et sera renouvelée.

Typographie

On oublie trop souvent que macro-typographie et micro-typographie jouent un rôle fondamental dans l’expérience de lecture sur des plateformes digitales.
Mes recommandations sur l’ensemble du site seraient de laisser tous les titres en sans-serif et de passer le corps des articles en serif. Il ne faut pas hésiter à ne garder que les titres dans les accroches et à les aggrandir vu le gain d’espace. Globalement sur l’ensemble de l’application, la taille des typos est trop petite et fatigue rapidement la vue.

Bandeaux

J’ai des petits doigts, boudinés certes, mais petits. Malgré cela, je trouve les bandeaux de blocs trops fins. N’ayons pas peur de mettre de l’espace, de l’air pour que le doigt touche en toute liberté !

Scrolls

Un scroll sur un device touch est question d’amplitude. On accompagne le plus souvent notre geste avec un mouvement large. Les zones de scrolls doivent donc donner suffisament d’espace pour que le doigt ne doive pas faire dans la mécanique de précision. Si vous touchez votre écran avec votre doigt, je vous mets au défi de donner l’exact pixel que vous activez. On travaille donc par zones de contact, cette zone doit donner suffisament de marge de manœuvre à des doigts de tailles diverses.
Je mettrais mon doigt à couper que personne ne lira le programme TV ou l’horoscope directement sur cette page d’accueil.

Je recommande donc de revoir la présentation des 2 blocs Programme TV et Horoscope en augmentant la taille ou mieux de n’en faire que des boutons qui renvoient sur les rubriques correspondantes.

.
Vous voyez comment magiquement cette page d’accueil vient de gagner un espace non négligeable qui permettrait d’augmenter l’espace entre les blocs d’information, de rééquilibrer la hiérarchie de la page et d’augmenter la lisibilité ? Ce pourquoi cette application existe : délivrer une expérience de lecture de news.

Détail d’article

La lecture se fait de façon plutôt naturelle. Le scroll intra article est vertical et le scroll inter article horizontal.
Mais comment rendre cette lecture encore plus agréable ? Oublier le scroll dans le scroll. C’est, je dois avouer, la chose qui m’a le plus déplus dans cette application. Si votre doigt scrolle depuis la zone image et titre, toute la page monte ou descend. Si vous scrollez depuis la zone texte de l’article, vous n’avez que cette zone qui bouge. Pour ceux qui savent ce qu’est un iframe, c’est l’iframe dans l’iframe et soudain vous avez des frissons dans le dos.

Simplifions. Imaginons une seule page, sans intra-scrolls, sans colonnage dans le texte (la pagination verticale plus le colonnage rendent la lecture très confuse)… Toute de suite nous gagnons en lisibilité.
Imaginons maintenant le bloc « Dans cette rubrique » prendre la place du menu latéral encore présent. Une jolie liste avec les autres articles et des titres bien gros pour les myopes comme moi. Un bonheur. Le menu latéral vous le réduisez et vous y donnez accès par une simple flèche qui se déploierait sur demande. Ça mange pas de pain, ce n’est pas une révolution sur la structure actuelle, mais je vois déjà le bonheur se lire sur le visage de l’utilisateur lambda.

Header

Le header est grand, il est tout vide. Pourquoi les boutons relaod, aA et share sont-ils si proches ? Mais qui a volé ma Météo ?

Images

Cette rubrique est décevante pour plusieurs raisons.
La taille des images : les gens aiment voir des grosses images. Cela vous semble une évidence et pourtant sur l’application Tribune de Genève, les images pourraient être maximisées sans détruire la structure actuelle.
La navigation entre les galeries : elle ne devrait pas être reléguée au bas de page. Elle devient quasi invisible et les titres sont cachés.
Dans ce type de rubriques, il ne faut pas hésiter à travailler sur l’ampleur et l’impact des images en occupant le maximum d’espace.

Conclusions

La base n’est pas mauvaise et des modifications ciblées permettraient de rendre cette application plaisante. Je ne vous cache pas que je l’ai décortiquée avec attention et que beaucoup d’autres points mériteraient une nouvelle réflexion. Quoi qu’il en soit, laissons à la Tribune de Genève HD le temps de mûrir avec ses utilisateurs. Les forces et les faiblesses feront surface naturellement.
Je ne crois pas au produit fini que l’on pose sur l’étalage du supermarché pour ne plus jamais changer. L’intelligence d’un créateur d’interfaces est de se remettre en question, de monitorer, d’adapter son panel d’utilisateurs test et dans la mesure de ses moyens, de corriger son cap.

Dans les habitudes d’adoption des outils online et tout particulièrement des applications mobiles, plus l’adéquation entre leur utilité au quotidien et leur simplicité est forte, plus leur utilisation sera grande. J’exclus bien sûr Angry Birds de cette réflexion.

Tous les matins, je passe environ 1 heure sur mon iPad à lire journaux, flux RSS, murs Twitter et Facebook et j’en passe et des meilleurs.
J’avoue lire dans la liste de mes quotidiens, le racoleur 20mn édition suisse romande.
Leur application iPad étant depuis quelques temps (voire mois) buggée, ce fut avec plaisir que j’ai vu la mise à jour disponible dans l’App Store.

.

Mise à jour? Que nenni, c’est une refonte à laquelle nous avons eu droit. Et je suis fort courroucée de constater que les principes premiers qui disent « Less is more », « Ne réfléchis pas ton journal iPad comme un journal papier » et « Don’t make me think » sont partis avec l’eau du bain.
Changement de paradigme et de logique. Nous passons d’une application au départ somme toute basique, pas parfaite, ayant les défauts de sa jeunesse, mais utilisant les codes d’usability adoptés par le plus grand nombre, à une application beaucoup plus complexe, réfléchie comme un support papier, avec une navigation hybride et confusante.

Je vous livre là quelques points clés après 3 minutes d’utilisation.

Page d’accueil

Trop d’informations, une structure confuse, des éléments trop petits ou quasi invisibles et des doublons de navigation.

Le moins que l’on puisse dire c’est que cette première page ne remplit pas sa fonction première qui est d’amener naturellement l’utilisateur vers une vue d’ensemble claire des éléments importants.
Nous avons effectivement un article mis en exergue, mais les articles secondaires sont répartis de façon confuse sur la page.
La hiérarchie des éléments n’est pas logique. Les articles secondaires répartis à droite et à gauche sont coupés par deux blocs dont l’information est très petite.

L’un des blocs est titré Live ticker. Cela m’a semblé peu adapté puisqu’un ticker est bandeau de news qui défilent de la droite vers la gauche, alors que là rien ne bouge. Ce n’est rien d’autre qu’une liste de titres d’articles.
Le second bloc est titré News les plus lues. J’ai du mal à saisir l’intérêt des news les plus lues puisque par définition, un journal doit délivrer des nouvelles fraiches. Quel intérêt de vouloir recommander les nouvelles les plus lues, au risque de mettre en avant une nouvelle dont la fraicheur serait douteuse? C’est plutôt au journal de « pusher » les informations les plus récentes ou les plus intéressantes selon l’état de l’actualité.
Sur le bord droit en haut de ces deux bloc, on voit des pictogrammes que j’ai cru cliquables. Il n’en est rien. Leur but était probablement de signifier que l’utilisateur peut scroller dans cette liste de titres. Cela aurait du être signifié d’une autre façon voire pas du tout. Mon premier réflexe, avant même d’avoir vu ces pictogrammes, ayant été de scroller avec le doigt.

Toolbar

Sur la toolbar du haut, tous les boutons sont trop petits et proches. Cela oblige l’utilisateur a être très précis lorsqu’il touche l’écran avec son doigt pour ne pas activer le lien voisin. N’oublions pas que nous sommes sur une interface tactile et que cela implique de devoir s’adapter à diverses tailles de doigts.
Vu l’espace encore disponible, il aurait fallu donner plus d’air et probablement aggrandir cette toolbar de quelques pixels pour rendre la navigation plus aisée.

Météo

Parlons maintenant du bloc Météo. Il est le dernier élément à se charger, il attire par conséquent plus l’oeil lorsque ses images s’affichent.
Il aurait été plus adapté de l’intégrer dans la top toolbar comme dans leur iPhone app et de le rendre cliquable pour plus d’infos.
J’attire également l’attention sur lien Choisir le lieu de ce bloc météo. Minuscule et collé trop près de la toolbar. Vous risquez d’activer un autre lien que celui désiré.

Topics

Il y a maintenant 3 façons sur cette page d’accéder à une même information: le changement de topic.
1) Sur la toolbar en haut à gauche
2) En bas de page avec l’onglet qui dépasse (qui permet aussi d’accéder aux articles des topics)
3) Avec la petite flèche en bas de page à droite.
Je vous avoue que je n’ai vu l’onglet en pied de page qu’en arrivant à l’intérieur d’un article. Il était jusque là resté invisible.
Quant à la flèche en bas à droite, elle me semblerait plus adaptée à une navigation au sein des articles et pas des topics.

Rentrons dans un article

Il n’est pas évident de comprendre où on se trouve. La notion de topic (Suisse, Monde, Economie etc) est peu visible et surtout nous n’avons toujours pas de vue d’ensemble sur tous les articles.
Un lecteur de journal cherche avant tout à lire les titres dans leur intégralité. Cela lui permet de savoir ce qu’il a déja lu et de sélectionner rapidement ce qu’il veut lire sans devoir faire une navigation à l’aveugle ou linéaire.
Dans cette version actuelle de l’application, il y a un fort risque que vous passiez à côté d’un article.

A l’intérieur des articles, la petite flèche en bas à droite devient maintenant la navigation intra topic…
Et l’onglet Home en bas de page n’est pas le retour à la Home, mais l’accès à une navigation directe dans les topics et leurs articles. Très confusant. Pourquoi appeler un topic Home et pas Actualité? Les articles répertoriés dans ce topic se retrouvent peut-être sur la Home, mais leur thématique est l’actualité la plus récente!

Article

Je suis abasourdie par ce qui a été fait lorsqu’un article dépasse une certaine longueur. Une pagination…
Je ne croyais pas devoir revivre le cauchemar de la pagination dans une application iPad. C’est sans aucun doute la plus grossière erreur d’usability de cette plateforme. Alors même que le principe de pagination a pratiquement disparu des sites internet, il est absurde, vu la nature du média, de le retrouver sur une application iPad. J’ai un sentiment de retour en arrière plus que d’évolution dans l’expérience utilisateur.

Ce système de pagination nous met face à des absurdités comme celles de cette page et d’une zone médias sociaux flottant sur un énorme espace blanc. Heureusement que ce n’est pas du papier, on risquerait d’avoir les écolos sur le dos…

Vous savez quoi? Je ne sais même pas quels articles j’ai déjà consultés. L’ancienne application offrait cela: les articles lus étaient marqués et étaient donc filtrés par l’oeil lors du scans visuel de la liste des articles.

Bouton Fermer en haut à droite

Pour les utilisateurs de l’ancienne application, ils se souviendront, que ce même bouton (exact même design et même emplacement) était utilisé pour fermer les pleines pages de publicité (fort intrusives d’ailleurs) avant d’accéder aux articles.
Dans la nouvelle version, ce bouton est utilisé pour fermer l’article sur lequel vous vous trouvez et retourner à la Home du Topic en cours.
Lorsque votre plateforme a utilisé un code bien précis pour une tâche très précise, c’est un non-sense de reprendre le même élément graphique pour une tâche totalement différente.

Qu’en penser?

Ma conclusion n’est globalement pas du tout positive et cela est fâcheux. C’est probablement un signe qui me dit: arrête de lire le 20mn et contente-toi de la TDG sur iPhone et du full site de Rue89.

Je voudrais cependant faire une recommandation au 20mn. Au cas où vous ne l’auriez pas encore fait, téléchargez l’application pour iPad de NPR. Ensuite ouvrez la vôtre. Si rien ne vous choque, il serait alors temps d’envisager une reconversion professionnelle.

Sur ce, une très bonne nouvelle année 2011.

.

Il me semblait pertinent, cette année, de vous donner une nouvelle liste avec un peu d’avance. Noël n’est jamais très loin et les décorations qui commencent à fleurir dans les rues, les pubs misogynes de cadeaux pour enfants et autres réjouissances, nous rappellent qu’il est temps de faire sa lettre au Père Noël.

Achetons utile, offrons utile. Si vous avez autour de vous un webdesigner désargenté (beau pléonasme), un directeur de création vivant sur ses succès du passé ou encore un passionné de design digital, n’hésitez pas à piocher sans vergogne dans cette sélection.

Comme l’année passée, vous trouverez différentes thématiques pour que chacun puisse plus rapidement trouver un ou des livres à acheter ou à offrir.

Les grands Maîtres, ceux qu’il est bon de relire à chaque Noël

JOHN LAUTNER

par Alan Hess

Achat sur Amazon

IGNORE EVERYBODY

par Hugh MacLeod

Achat sur Amazon

Etudes de cas, études de campagnes

Travailler seul dans son coin est une forme de philosophie à laquelle je n’adhère pas. La nature même de mon métier m’a appris que collaborer avec ses paires est essentiel, mais que regarder et apprécier le travail des autres est une bénédiction.

LE LIVRE DES ETUDES DE CAS INTERNET

par Rob Ford et Julius Wiedermann

Achat sur Taschen

ART DIRECTORS ANNUAL 88

Achat sur Art Directors Club

AREA_2

Achat sur Phaidon

Quelques références

Que vous soyez designer ou stratège, voici deux références fort intéressantes.

UNIVERSAL PRINCIPLES OF DESIGN

par William Lidwell, Kritina Holden et Jill Butler

Achat sur Amazon

EXPLOITING CHAOS

par Jeremy Gutsche

Achat sur Exploiting Chaos

WEB, de la théorie à la pratique

Pour les web designers qui veulent coder, comprendre la mécanique ou étendre leurs connaissances.

HTML5 FOR WEB DESIGNERS

par Jeremy Keith

Achat sur Alistapart

.

THE SMASHING BOOK

par Smashing Magazine

Achat sur Smashing Magazine

.

. NET Magazine

Achat sur My favourite Magazines

.

COMPUTER ARTS Magazine

Achat sur My favourite Magazines

.

L’inspiration partout

Nous avons rarement conscience de ce qui nous inspire tout au long d’une journée. Et si vous preniez le temps de vous installer confortablement pour plonger dans quelques livres et laisser votre cerveau s’imprégner de millions d’images prêtes à exploser en un million d’autres choses?

AIM HIGH, KEEP MOVING

par The OFFF International Festival for the Post-Digital Creation Culture

Achat sur Index Book

.

BÜRO DESTRUCT II

par Büro Destruct

Achat sur Büro Destruct

.

ELECTRONIC PLASTIC

par Büro Destruct

Achat sur Büro Destruct

.

NEW YORK LINE BY LINE

par Robinson

Achat sur Amazon

.

PICTOPLASMA

par Pictoplasma Publishing

Achat sur Pictoplasma

.

THE ACME LIBRARY OF NOVELTY

par Chris Ware

Achat sur Acme

.

Les petits plus des longues soirées d’hiver

Et parce qu’il n’y a pas que le travail dans la vie…

THE ZOMBIE SURVIVAL GUIDE

par Max Brooks

Achat sur Amazon

.

JO NESBO

par Jo Nesbo (of course)

Achat sur Amazon

.

En résumé

Si vous ne trouvez pas de quoi offrir ou vous faire offrir, je vous propose d’aller faire un tour au rayon foie gras de la Migros. Plus onéreux, mais tout aussi bon.

Joyeux Noël
Merry Christmas
Feliz Navidades
Nedeleg laouen
God Jul
Buon Natale
Et mon préféré… Merii Kurisumasu

.

Avant d’écrire un post plus long sur ce que j’ai pu retenir de ces 2 jours, voici une partie des présentations faites par les intervenants de cette édition 2010. Si d’aventure certaines venaient à manquer, n’hésitez pas à me les communiquer pour que je puisse étoffer cette liste (d’ailleurs je cherche activement les excellentes présentations d’Amélie Boucher et d’Anne-Sophie Fradier).

Les présentations

Mini conférence sur le kit 2UNL
Le kit UX de référence : 5 documents au service de l’équipe et du projet
http://www.2unl.com/
Cédric MAGNIN et Christophe COTIN VALOIS

Parisweb 2010 Web Analytics
http://www.slideshare.net/resoneo/parisweb-2010-web-analytics
Olivier de Segonzac (@5eg)

Journey over Destination: creating an effective framework with UX tools
http://www.slideshare.net/stephtroeth/journey-over-destination-creating-an-effective-framework-with-ux-tools
Stephanie Troeth (@sniffles)

La macrotypographie de la page web
http://www.slideshare.net/Mitternacht/la-macrotypographie-de-la-page-web-5499736
Anne-Sophie Fradier (@mitternacht)

La typographie comme outil de design (! fichier PPT 15M)
http://www.hemce.com/parisweb2010/davidrault_typo2010.ppt
David Rault (@davidrault)

Étude de cas sur la mise en accessibilité d’un site Web
http://accessibiliteweb.com/presentations/2010/parisweb/etude-de-cas-accessibilite/
Denis Boudreau (@dboudreau)

Éviter les erreurs les plus fréquentes en accessibilité du Web
http://accessibiliteweb.com/presentations/2010/parisweb/atelier-erreurs-accessibilite/
Denis Boudreau (@dboudreau)

L’accessibilité dans une chaîne de production Web
http://accessibiliteweb.com/presentations/2010/parisweb/accessibilite-chaine-production/
Denis Boudreau (@dboudreau)

CSS3 vs Photoshop, quel avenir pour le métier de webdesigner ?
http://www.slideshare.net/FrancisChouquet/css3-vs-photoshop-quel-avenir-pour-le-mtier-de-webdesigner
Francis Chouquet (@fran6)

Web, métier de valeur – Paris Web 2010
http://www.slideshare.net/edaspet/web-mtier-de-valeur-paris-web-2010
Eric Daspet (@edasfr)

UX méthode
http://www.slideshare.net/activeside/ux-methodeparis-web
Matthieu Mingasson (@activeside)

Let’s interface
http://www.slideshare.net/cheilmann/lets-interface
Christian Heilmann (@codepo8)

Utilisabilité dans la stratégie web des organisations internationales
http://prezi.com/z8eh_b313l6u/utilisabilite-dans-la-strategie-web-des-organisations-internationales/
Aurélie Valtat (@avaltat)

Plus belle la vie avec HTML5 et CSS3
http://www.slideshare.net/goetter/plus-belle-la-vie-avec-html5-et-css3
Pascale Lambert-Charreteur (@PascaleLC) et Raphaël Goetter (@goetter)

HTML5 maintenant partie 1 : la sémantique
http://www.slideshare.net/jpvincent/html5-maintenant-partie-3-la-smantique
HTML5 maintenant partie 2 : APIs
http://www.slideshare.net/jpvincent/html5-maintenant-partie-3-apis
HTML5 maintenant partie 3 : multimedia
http://www.slideshare.net/jpvincent/html5-maintenant-partie-3-multimedia
Html5 now light
http://www.slideshare.net/jpvincent/html5-now-light
Jean-Pierre Vincent (@theystolemynick)

Méthode Daisy : les CSS feuille à feuille
http://romy.tetue.net/methode-daisy
Romy Duhem-Verdière (@tetue)

HTML5 et le web de demain
http://www.w3.org/2010/Talks/10-parisweb-webdedemain-html5/slides.svg
Robin Berjon (@robinberjon) et François Daoust (@tidoust) et Dominique Hazael-Massieux (@dontcallmedom)

Accessibilité et référencement – Référencement, Design et Cie
http://s.billard.free.fr/referencement/?2010/10/19/622-accessibilite-et-referencement-ma-presentation-a-paris-web-2010
Sébastien Billard

Macrotypographie (un compte-rendu illustré assez complet de Geoffrey Dorne (@geoffreydorne) en attendant la vraie présentation sur le site de Paris Web)
http://graphism.fr/rsum-de-la-confrence-dannesophie-fradier-sur-la-macrotypographie
Anne-Sophie Fradier (@mitternacht)

Un framework HTML est-il possible?
http://www.yterium.net/Un-framework-HTML-est-il-possible
Cédric Morin

Au boulot les cerveaux !
http://www.slideshare.net/cheekfille/au-boulot-les-cerveaux
Virginie Caplet (@cheekfille)

Un autre compte rendu

Et parce que je n’étais pas seule à Paris Web, voici le compte rendu de la Digital Strategic Planner Sabine Dufaux (@sdufaux)
http://www.sabinedufaux.com/2010/10/paris-web-2010-ux-forever.html

Twitter

Tous les comptes Twitter des intervenants (sauf celui d’Amélie Boucher… qui n’en a pas)
http://lanyrd.com/2010/parisweb/

Les photos

Mes photos prises de loin
http://www.flickr.com/photos/mccasal/sets/72157625190055792/

Les photos de Sabine Dufaux
http://www.flickr.com/photos/sdufaux/sets/72157625071829783/

Et voici quelques set de photos avec entre autres le ParisWeb group de Flickr
http://www.flickr.com/groups/parisweb2010/

http://www.flickr.com/photos/franck-paul/sets/72157625183693648/
Franck Paul’s set

http://www.flickr.com/photos/sutekidane/sets/72157625060489727/
Thanh’s set

.

Depuis 2007, PSFK explore les dernières tendances, inspirations et idées autour de creative thinkers issus de différentes disciplines. Que ce soient des créatifs, des scientifiques ou des artistes, le but de ces événements est de rassembler les innovateurs les plus marquants de notre époque pour donner une vision compréhensible et globale des futures tendances.

PSFK LONDON CONFERENCE 2010

Je dois avouer qu’une des raisons principales de mon inscription à cet événement, était la qualité et la portée, d’une agence comme PSFK. Je dis agence, mais son mode de fonctionnement diffère du modèle habituel d’une agence de communication à proprement dit. C’est une petite structure rassemblée autour de son fondateur, Piers Fawkes (@psfk), entouré de 6 collaborateurs travaillant comme consultants pour des sociétés renommées dans divers secteurs d’activité. Autour de ce noyaux, et venant nourrir le site PSFK, vous avez des freelances, des rédacteurs qui chaque jour délivrent une information qui sera lue par pas moins de 750′000 personnes par mois autour du monde.
C’est donc avec grand intérêt que j’ai pris mon early bird ticket à moitié prix et que, profitant du jeûne genevois, je suis allée avec Sabine Dufaux (Digital Planner – @sdufaux) à Londres pour découvrir ce que ces creative thinkers avaient à nous révéler.

Vous savez qu’elle a été ma première impression en arrivant au Unicorn Theater ? La facilité. Le hall du théâtre n’était ni trop grand ni trop petit, juste assez pour contenir les quelques 150 personnes présentes. Les bénévoles étaient parfaitement formés, détendus et souriants. La récolte des badges d’une simplicité et d’une rapidité ahurissante. Pour parfaire le tout, Jeff Weiner (@jgweiner) et Piers Fawkes étaient là en personne pour accueillir les auditeurs et les participants.

Pendant que nous buvions un petit thé et mangions une petite viennoiserie avant le début de la conférence, Kyle Cameron Studstill (PSFK – @kylecameron) est venu amicalement nous saluer. Nous avions eu l’occasion de le rencontrer à NYC en février. L’histoire de cette rencontre est fort drôle par ailleurs. Nous sommes connectées avec lui sur Foursquare et voyant que nous faisions des checkins dans NYC, il nous a proposé via Twitter d’aller boire une bière. Inutile de préciser que le lendemain j’avais une mémorable gueule de bois, n’ayant pas l’habitude de boire (lisez l’article de Sabine Dufaux sur Foursquare et notre rencontre IRL avec Kyle).

Revenons à Londres. 10h, début des conférences. Nous regretterons ici le manque de tablettes pour poser son matériel, mais avons apprécié la configuration d’amphithéâtre de la salle, ce qui a permis à tout le public d’avoir une vue imprenable sur la scène et ses speakers.
Je ne vais pas ici vous écrire un exposé complet de tous les intervenants, mais plutôt quelques highlights sur les speakers qui m’ont le plus marquée, car finalement, le but des conférences PSFK est d’abord et avant tout de vous inspirer.

Lorsque j’écoute quelqu’un parler, que ce soit dans le cadre privé ou dans un contexte professionnel, c’est avant tout l’histoire que j’écoute. Que le sujet me concerne, m’intéresse ou pas, peu importe. J’écoute d’abord la narration. Vous connaissez cette expression qui dit « femme qui rit, à moitié dans son lit ». Je suis persuadée que le sujet de conversation le plus mortellement ennuyeux, raconté par un narrateur de talent, deviendra passionnant. Et j’en arrive au premier speaker qui m’a « mise dans son lit ».

DOUGALD HINE

Fondateur de Space Makers et à l’origine du re-développement de Brixton Village

Dougald Hine... de derrière

« How I stopped worrying and learned to love the market »

Cheveux longs, barbe, pantalon en cuir, ce n’est pas forcément comme ça que l’on s’imagine le creative thinker type. Et pourtant, je pense que cet homme a énormément à nous apprendre en terme de changements sociaux durables et de création d’espaces sociaux où il fait bon vivre. Je vous fais grâce de toute la dimension néo-baba qui aurait pu transpirer de sa présentation, pour en arriver concrètement à l’idée fondatrice de son travail : considérer une communauté, quelle qu’elle soit, comme un acteur impliqué et pas seulement comme un consommateur passif dans la construction d’un projet.
Cela semble très évident dit comme ça. Cependant, il ne faut pas perdre de vue que faire travailler des gens ensemble sur un même projet, pour construire une structure sociale (réelle ou virtuelle d’ailleurs), implique de leur donner une responsabilité envers les autres membres de cette société. Cette responsabilité peut se traduire d’une multitude de façons. Dans le cas du projet de Dougald Hine et du re-développement de Brixton Village, cela est principalement passé sur le postulat que nous avons tous quelque chose à enseigner et quelque chose à apprendre. En travaillant autour de cette idée, il a réussi à faire de notre conception contemporaine du Marché (Market / déconnecté), une vraie institution sociale (Marketplace) avec des connections humaines de responsabilités partagées.
La grande qualité de Dougald Hine dans sa présentation a été le storytelling. 3 slides, beaucoup d’humour, beaucoup de passion et une histoire.
Pour plus d’informations :
www.spacemakers.org.uk
www.dougald.co.uk
@dougald

USMAN HAQUE

Fondateur de pachube.com et CEO de Connected Environments Ltd. Usman Haque a une formation d’architecte. Il est créateur d’environnements réactifs, d’installations interactives, d’interfaces digitales et de performances mass-participation autour du monde.

Usman Haque

« Notes on the design of participatory systems »

Usman Haque nous a présenté plusieurs de ses projets, tous basés sur les interactions humaines avec des interfaces externes: que ce soit l’utilisation de la voix comme mode de transformation sur un spectacle visuel (l’impressionnant Primal Source – 2008) ou les interactions et reconfigurations possible avec une maison prototype  (Reconfigurable house).
Quelque soit le projet de Haque, l’idée sous-jacente est toujours de comprendre comment une énergie commune peut modifier en bien ou en mal notre entourage. Le but est d’analyser la relation sociale entre des utilisateurs et leur responsabilité face à un ensemble social et communautaire. Nous devons prendre conscience que certains de nos actes influencent le monde qui nous entoure (Natural Fuse).
Pour plus d’informations :
www.haque.co.uk
www.connectedenvironments.com
@uah

MENTIONS SPECIALES

DAN HON

On aime jouer. Foursquare, Farmville, Facebook, etc… le jeux est toujours en trame de fond sur ces plateformes et Dan Hon l’a bien compris. Ces jeux vont changer notre façon d’appréhender le monde de demain. Mais le plus important, c’est que Hon était avocat et que maintenant il est membre senior du team créatif de Wieden + Kennedy London. Il s’éclate à imaginer les jeux qui vous rendront accros.
Il n’est jamais trop tard pour changer de vocation…
www.sixtostart.com
www.danhon.com
@hondanhon

BEN & OSCAR WILSON

Retail design révolutionnaires
Ils ont re-designé certaines boutiques des marques les plus hype. Oscar fait dans le print et la 2D. Ben fait de la 3D. Parfois ils travaillent ensemble. Ils se ressemblent comme des jumeaux, mais n’en sont pas. Ce qu’ils font est fun. Ça nous fait aimer le travail en famille.
www.wilsonbrothers.co.uk
www.studiooscar.com
www.benwilsondesign.co.uk

MATT JONES

Pionnier de l’human experience à l’intersection du design et de la technology. Fondateur de BERG.
J’ai surtout retenu qu’il a fait sa présentation en chaussettes rayées bleues – blanches.
www.berglondon.com
@BERGlondon

RIITTA IKONEN

Artiste
Qui a dit que l’art était « boring » ? Si votre perception de l’art contemporain est celle-là, c’est que vous n’avez jamais vu une conférence de Riitta Ikonen. Sur 15 minutes de présentation, j’ai bien du passer 14 minutes à rire de bon cœur de l’auto-dérision et de l’humour de cette artiste finnoise. On est bien loin de l’image glaciale des filles nordiques auxquelles Björk nous a habitués.
www.riittaikonen.com

MERCI A PSFK

Cette journée, loin d’avoir été une grande occasion de réseautage, m’a fait découvrir des creative thinkers d’une grande qualité, autant pour leurs idées, que pour la manière de les présenter.

Nous avons fini la journée autour d’une bière (encore). Piers Fawkes étant d’origine Britannique, il n’aurait pu déroger à l’obligatoire apéro-bière au pub du coin.
Je voudrais ici remercier tout particulièrement Kyle Cameron pour la passionnante conversation de samedi autour d’une enième bière au pub Dog and Duck de Soho (sans gueule de bois pour moi cette fois, pas sûre pour Sabine).

Kyle et Sabine

LES PLUS

Pour voir toutes les photos que nous avons prises pendant l’événement:
MC’s Flickr
Sabine’s Flickr

Si vous voulez lire un autre excellent article sur la conférence PSFK London, je vous recommande celui de www.madebymany.co.uk, qui a également couvert toutes les présentations avec force de tweets (@anjali28).

N’hésitez pas à commenter ou à partager!

J’étais obligée de revenir.
Et là j’attends l’avion comme un bacalaoh frit. Easyjet est en retard et je viens de manger un chili con carne conditionné sous vide qui commence à faire son effet.
Anyway, me réjouis… Et en plus il va faire chaud et beau.

OFFF here we come! illaillailla maravilla

Le paysage politique suisse étant en règle générale triste et trop sérieux, c’est avec plaisir que j’ai redécouvert ces 3 vidéos.

Qui a dit que politique et légèreté étaient incompatibles?

Nous voici maintenant 140 ans plus tard. Rudolf « Rudi » Farkas, ingénieur en informatique de 72 ans à la retraite, suit la suggestion de son fils, ingénieur en électronique et s’intéresse à la programmation pour iPhone et iPod touch. Il découvre alors le système d’exploitation Max OS X et l’environnement de programmation XCode, Cocoa et Cocoa Touch de Apple.
En guise d’exercice de programmation pour iPhone, Rudi utilise le Puzzle 15, mais sans aucune intention de le publier sur l’Apple Store.
Puis un matin au réveil, il réfléchissait à son jeu, quand soudain il a visualisé cette matrice formée de 26 cubes flottants dans un univers en 3D et que l’on peut faire pivoter grâce à une interface tactile. L’idée de l’application iPhone et iPod Touch Cubz originale était née.

Rudi passe alors plusieurs mois sur le développement de son application, mais ce jeu est encore à l’état brut, ce n’est qu’un prototype. Au début du mois de novembre 2009, Rudi se rend à la réunion mensuelle des Développeurs iPhone de Suisse Romande.
Ce prototype a séduit. Et dans l’assistance se trouve celui qui deviendra son futur associé, Bertrand Dufresne, avec lequel il créé l’entreprise Rudicubes. En décembre, c’est Pascal Arn qui rejoindra l’équipe en qualité de graphiste.

Le test Cubz -- Casse-tête 3D

J’ai eu la chance de pouvoir tester cette application avant sa sortie officielle. J’ai bien sûr commencé par une nouvelle partie en 3x3x1 (soit une matrice de 8 cubes) qui ressemble à nos bonnes vieilles versions du Puzzle 15. J’avoue que j’ai mis quelques secondes à rentrer dans le jeu et d’ailleurs mon premier résultat a été plutôt minable: « J’ai résolu un #cubz 3x3x1 sur mon iPhone en 147s et 160 coups. Qui pourra battre mon score de 2 points? »
Deuxième essai, toujours en 3x3x1, mais mode Expert, et là j’ai eu beaucoup moins honte de publier le résultat sur Twitter: « J’ai résolu un #cubz 3x3x1 sur mon iPhone en 20s et 32 coups. Qui pourra battre mon score de 345 points?

Pour mon troisième essai, j’ai eu la mauvaise idée de vouloir directement attaquer un 3x3x3 (soit une matrice constituée de 26 cubes, le tout en mode Expert…). Mauvaise idée. Vous devez gérer le casse-tête, donc le re-positionnement des chiffres ou lettres (selon le thème graphique que vous avez sélectionné), la 3D et la problématique du mouvement de la matrice dans l’espace et le chronomètre qui tourne. Autant vous dire que je suis rapidement revenue au mode 3x3x1 pour m’entraîner encore quelques heures avant de vouloir faire la maline avec une matrice 3D de 26 cubes.

Je ne veux pas faire de comparaison, car les produits sont très différents, mais le succès rencontré dans les années 80 par le Rubik’s Cube, me fait penser que Cubz a le potentiel de créer une vague d’addiction tout aussi forte. Cela est dû plusieurs choses:

• La simplicité du jeu et son côté intuitif
• Le principe même du jeu qui allie chronométrage, casse-tête et le côté ludique de la 3D
• Les niveaux de difficulté qui permettent à tout type de joueur d’y participer et de progresser rapidement
• Le côté viral de l’application qui permet de partager ses scores sur Facebook et Twitter ou de lancer un défi à vos amis
• Son prix qui reste très raisonnable: 2.20 CHF
• Pour les 30 ans et plus, toute la nostalgie qui entoure le jeu

Nous avons donc toutes les raisons de nous réjouir que Rudicubes et Rudolf Farkas travaillent actuellement à l’adaptation du jeu pour la nouvelle tablette tactile iPad et sur de nouvelles fonctionnalités.

Hints du jeu

Thèmes

Tous les thèmes peuvent être joués en mode ABC ou 123. Une fois que vous avez sélectionné la couleur, vous touchez le thème sélectionné une deuxième fois et là, c’est votre mode qui change de l’un vers l’autre.

3x3x2

En matrice 3x3x2, ramenez les pièces 1-8 devant et mettez la 9 en stand-by derrière, en bas à droite…

Les images du Cubz

La vidéo démo

Où l’acheter?

Cubz – Casse-tête en 3D est disponible dans le App store de iTunes (dans les catégories Jeux/Casse-tête et Jeux/Famille) ou sur ce lien playcu.bz/itunes/

Crédits

Le site officiel de Cubz playcubz.com/fr/

Rudolf « Rudi » Farkas (1938)
Ingénieur en informatique et électronique
@rudifa

Bertrand Dufresne (1974)
Programmateur
@bdufresne

Pascal PGCS Arn (1973)
Graphiste

Stian Stark (1985)
Musicien

.

Nous nous sommes retrouvés en petit comité à Carouge à l’Auberge du Cheval-Blanc. La première à répondre présente fut Victoria Marchand (@vmarchand) qui est actuellement très occupée avec l’organisation des GRAND et qui nous prépare le prochain comin.mag dans lequel vous pourrez découvrir un article qu’un de ses correspondants est allé faire à L.A. (!). Raphaël Briner (@raphaelbriner – NotreHistoire.ch) a ensuite posté un message sur mon mur Facebook pour dire qu’il viendrait avec sa marmaille. Etaient également présents, Sabine Dufaux (@sdufaux – SabineDufaux.com), Giorgio Pauletto (@giorgiop5 – Observatoire Technologique)  et Philippe Galland (@philgalland – Procab studio).

Voici quelques photos de la soirée où nous avons parlé de tout, mais surtout de comm en Suisse Romande, de qui fait quoi, de médias sociaux, de bouffe, de Jamie Oliver et son dernier teaser (on se le remet pour le plaisir ici même) et surtout nous avons tous décroché le 4sqday Badge!