Ce midi on va revenir sur cet article concernant le futur des interfaces de téléphones mobiles et leur modularité. En septembre 2010, j’écrivais un article sur l’avenir des interfaces de nos téléphones mobiles et réalisais cette petite image :

J’écrivais donc à l’époque :

« Je m’interroge maintenant sur la gestion de ces « modules », sur leur côté « widgets » (je ne suis pas vraiment fan des widgets sur ordinateur), sur leur simplicité d’usage également. Par contre, je crois réellement dans la façon de faire ressortir de l’intérêt et de la pertinence dans ce flot de flux et d’informations que l’on peut avoir (entre les mails, les sms, le Twitter, le Facebook, les Msn et autres Skype…). Windows Phone 7 semble apporter quelques réponses à ces questions, je serais curieux de le tester un peu plus. Nokia quant à lui s’impose dans un nouveau style d’interface avec sa gamme E7, C7, C6, N8, etc. En tout cas, les interfaces modulaires semblent avoir la côte et être la prochaine tendance des interfaces mobiles, mais ça, l’avenir nous le confirmera » [source]

Mais voilà que depuis quelques jours est apparue cette interface (ci-dessous) conçue par Hukazawa Naoto, le designer japonais de iida avec son projet Infobar. Basé sur un concept de téléphone Android, Infobar propose une interface utilisateur personnalisable conçue pour rendre facile l’utilisation du téléphone et pour consulter rapidement les informations que vous voulez, en un coup d’œil L’idée de concevoir des widgets / des modules est très intéressante car elle permet de faire remonter l’information sans ouvrir telle ou telle application. On se retrouve donc devant un tableau de bord avec des informations plus ou moins utiles. Et comme nous sommes dans une ère où la visualisation de données est très utilisée (nous recevons trop d’informations, il faut donc les trier!), ces interfaces modulaires peuvent alors employer les grands principes de la visualisation d’information pour architecturer les sms reçus, les appels en absence, l’heure, la météo, etc. Voilà ce que ça donne :

Alors certe, l’iOS d’Apple fait encore rêver beaucoup de monde avec sa nouvelle version qui possède – entre autre – une barre de notifications mais nous sommes encore très loin des belles idées que Idaa & Naoto Hukazawa proposent. En effet, dans une époque où les géants du mobile essayent de faire une interface unique pour un utilisateur moyen, le projet Infobar essaye de s’y prendre autrement et propose simplement une grille et différentes tailles de modules, de widgets. Un très bon contre-exemple donc

Je reste quand même très prudent et je pense qu’il ne faut jamais tomber dans le « tout personnalisable » où il serait par exemple possible de changer chaque taille, chaque couleur, chaque typo de chaque widget, etc. ce serait d’une part vraiment chaotique et d’une seconde part, pratiquement jamais exploité. À noter également que les utilisateurs ne « configurent » pas tout le temps leur téléphone et, même s’ils y passent parfois un peu de temps au début, ils ne le font pas fréquemment.

Tout est donc, selon moi, dans l’équilibre d’une interface simple mais modulaire et concevoir une « grille » est donc une solution idéale.

Ce midi on va s’intéresser à ce document sur le prototypage rapide, publié par la fabuleuse agence Method !

Le design & l’innovation sont souvent exécutés dans des processus assez longs et aboutissent parfois sur une impasse, une erreur ou un bateau qui ne flotte qu’à moitié. Le prototypage rapide est une façon positive d’apprendre à échouer et à embrasser l’erreur, mais rapidement pour rebondir ensuite. Comme le raconte Method, en 1903, le 17 Décembre, Orville et Wilbur Wright avaient « finalisé » leur première véritable machine volante après de très nombreux prototypes et échecs. Les deux frères et cinq autres hommes avaient passé un temps incroyable sur leur machine de 270 kilos qu’ils avaient finalement posé sur un monorail de lancement de 20 mètres de haut.  La suite on la connait, le premier vol des frères Wright avait lieu !

Je vous ai fait une petite synthèse de ce document inspiré par cette histoire d’avion et par l’histoire du design :

• Communiquer ses idées le plus clairement possible en les prototypant
• Les prototypes quick & dirty (ou « faits à l’arrache ») sont de la véritable recherche comme peuvent l’être un croquis sur un coin de page ou quelques notes prises sur un ordinateur. L’idée est également de provoquer d’autres idées.
• Le prototypage, comme le design, est un processus cyclique et itératif. Tester permet d’affiner le prototype.
• Cela vous permet de rechercher les faiblesses et des erreurs et d’y remédier dès le début.
• Le processus itératif conduit la plupart du temps à un succès et à des solutions innovantes.

télécharger le document [en PDF]

Quelques autres points qui sont importants à mes yeux :

• Soyez sélectif. Ne prototypez pas toutes les fonctionnalités, toutes les possibilités
• Le prototypage rapide doit être… rapide justement ! Ne perdez pas trop de temps
• Utilisez des techniques avec lesquelles vous êtes déjà à l’aise
• Soyez rigoureux et méthodique pour ne pas refaire deux fois les mêmes erreurs

Hélas, le schéma classique de conception est encore (pour l’instant) : « quelqu’un a une idée dans sa tête, la note sur son ordinateur, la discute à l’orale avec des amis, et cherche techniquement comment faire réaliser cette idée, les coûts, les développeurs, etc. ».

Personnellement, en tant que designer indépendant, je travaille sur de nombreux projets très variés (dans le print, le web, les nouvelles technos, le numérique…) et  grâce aussi à mon blog et la veille que je réalise, je vois passer chaque jours des très nombreux projets de design. Et je me rends compte que le prototypage rapide est hélas souvent oublié., notamment quand on arrive dans des phases un peu plus avancées du projet, on se rend compte que certaines choses auraient dûes êtres prototypées et testées au tout début du projet et qu’il est maintenant un peu tard pour le faire.

Pour finir, n’oubliez pas que l’on peut prototyper énormément de choses.. ça peut aller d’un prototypage d’objet, de site internet, de vêtement jusqu’au prototypage de business plan, de plan de développement de recherche, ou encore au prototypage d’interface et d’interaction.

Bonsoir

Quelques notes personnelles pour mon projet de recherche à l’EnsadLab sur la relation entre cognition spatiale et cognition sociale (Simon Lambrey).

La navigation et le déplacement construisent la représentation mentale de l’espace. Plus on se déplace, plus on construit cette représentation. Ainsi, il serait intéressant de réaliser des essais de visualisation de la rencontre, de l’invitation à la rencontre. La position d’autrui peut être allocentrée ou égocentrée. Lorsqu’elle est allocentrée, l’observateur s’efface et autrui se positionne par rapport aux autres personnes. Lorsqu’elle est égocentrée, autrui se positionne par rapport à soi.

La loi proxemique de Hall.

La centralité est sur soi et l’on distingue ainsi plusieurs espaces. Tout d’abord, l’espace intime est de 0 à 45cm. Il est occupé par des informations tactiles, olfactives, thermiques. Le sujet possède moins d’informations visuelles, les objets et les personnes sont flous ou vus uniquement en détails. Ensuite, vient l’espace personnel. Cet espace, de 45 à 120cm possède toujours des informations tactiles pertinentes mais moins d’informations thermiques et olfactives. L’importance de la vision grandit. De même, on distingue l’espace social, de 120 à 350cm. Cet espace concerne la plupart des relations sociales face à face. Il n’y a plus d’information tactile, principalement auditives et visuelles. Pour finir, l’espace publique se situe au delà de 350cm. La vision et l’audition sont principaux, plus les gens s’éloignent, plus ils perdent de leur individualité.

La loi de proxemique s’applique également sur les univers en ligne où la projection de soi est effective comme par exemple sur Second Life. De même, ces espaces peri-personnels peuvent évoluer. En effet, en prisons, les détenus considérés comme de « grands caïds » ont un espace peri-personnel plus important derrière eux et moins important devant eux, à l’inverse des personnes lambdas. Cela signifie qu’ils placeront plus d’espace avec les personnes se situant derrière eux que devant.

L’intrusion.

Le sentiment d’intrusion dépend de son propre espace personnel mais aussi de l’espace de l’autre. De même, l’intensité perceptive ajoute ou diminue l’espace personnel. Par exemple, une personne qui parle fort ou une personne qui est trop parfumée, aura un espace personnel plus important (cf: le concept de « Flight Zone » Hediger, 1954, 1955). Il existe différentes stratégies de réduction de l’espace personnel en cas de trop grande proximité. Par exemple, le regard dans une zone vide, la lecture, l’écran, la réduction des mouvements, la réduction de la parole. L’intimité non désirée entraîne un blocage relationnel (coupure) en vue de stopper le rapprochement.

(extrait du film « The Million Dollar Hotel »)

À savoir.

- La culture influence l’espace personnel. Par exemple, les étudiants arabes parlent plus fort, se tiennent plus près, se touchent plus, soutiennent plus le regard (Watson & Graves, 1966). De même, les latino-américains, les africains et les indonésiens parlent plus près que les anglosaxons.

- Degrés de proximité : deux hommes seront moins proches que deux femmes qui seront moins proches qu’un homme et une femme (Wiens, 1976, Adler & Iverson, 1974).

- L’intrusion par une femme sera mieux tolérée que par un homme (Duke & Mullens, 1973).