… pour ceux que cela intéresse, j’ai ouvert un twitter hebiflux il y a quelques temps déjà. Pas certain que cela me serve vraiment (en fait, si…), mais quand twitter n’est pas planté, je poste des petites choses dessus de temps en temps autour du flash et autres… so, you’re welcome!

Dans ma boite mail, ces ouvrages peuvent en intéresser certains, à tout hasard :

- Don’t Make Me Think: A Common Sense Approach To The Web Usability
- Designing Web Navigation: Optimizing the User Experience
- Communicating Design: Developing Web Site Documentation for Design And Planning
- Prioritizing Web Usability
- Sketching User Experiences: Getting the Design Right and the Right Design

Ce qui est sûr, c’est que je n’ai pas acheté des livres de cuisine récemment… bon point pour eux. Il y a des ouvrages indispensables que je devrais absolument avoir dans le lot ? Le 2 et 3 me tentent bien…

Pour la modique somme de 1.75mo (il faut le souligner), la version bêta du player flash 10 est sortie sur Adobe Labs. Pas la peine de l’installer, elle est encore en beta. A moins que vous soyez early adopteur ET aventurier!

Prise en charge de la 3D ? Pas entièrement mais hausse des performances, oui (quoique, cela dépend des cas). Cela tombe bien, parce que si techniquement, on a presque tout dit sur la sortie du Flash Player 10 en 24/48 heures, j’ai une remarque qui me tient à coeur depuis quelques temps. Si je suis toujours enthousiaste pour les dernières créations en Papervision et ses consoeurs, le danger guette… car avec la 3D en natif dans flash, c’est aussi l’ouverture facile à une nouvelle dimension. Les nombreux exemples que l’on trouve actuellement sur le web vont du très original guidés par des concepts créatifs au créations limitées par les possibilités techniques actuelles de ces librairies. Et en découle une perte de sens certaine.

L’arrivée de la 3D dans flash, c’est bien mais…
Le plus grand défi pour moi va se situer au niveau de la conception et du design. Avec la technique qui donne officiellement du mou aux capacités d’affichage sans pour autant en arriver jusqu’à des rendus comme ceux-ci, le champ est libre à présent pour la création en 3D d’objets et de scènes plus complexes. C’est une petite révolution qui avance doucement au fil des semaines qui passent, prenant à terme une place dans les solutions 3D existantes.

Un travail de conception et de navigation un peu à part
Si les champs d’application sont larges, la représentation en 3D est parfois délicate à concevoir dans une interface de navigation, elle n’est pas adaptée pour tous les usages et encore moins pour tous les types de représentations. Personnellement, je n’ai aucune envie de voir apparaitre des interfaces 3D à foison, juste pour faire joli, que ca brille, et c’est devenu facile à faire. La 3D, c’est avant tout du volume, et du vide : autour de l’objet, et entre l’utilisateur et son écran : comme dans la réalité. Dimension absente d’une page web : il n’y a pas cette sensation de vide presque ‘palpable’. La 3D, c’est aussi une dimension de plus que le cerveau et l’oeil doivent supporter, c’est plus fatiguant à manipuler.

C’est une navigation aussi plus complexe à concevoir. Je viens de faire le tour de presque toutes les technologies permettant de faire de la 3D sur le web (plugins, Java, etc…) : aucune ne partage exactement la même logique d’interaction et de navigation dans un environnement 3D. 3 dimensions à gérer, 1 clavier et 2 boutons sur la souris : 1 problème d’ergonomie.

Dans une scène entière, cette vision en 3D doit servir une scénarisation et doit au moins permettre d’ajouter un peu de vie et de relief sans pour autant perdre en efficacité et en lisibilité : au contraire, sinon, quel est l’intérêt ?

Pour quel usage ?

Certes, il s’agit d’une démo technologique, mais l’exemple des téléphones en 2D qui tournent est très mal choisi : quel est l’intérêt de les voir tourner à plat ? Est-ce que j’accède plus rapidement à mon information ? Si je l’ai en 3D, n’est-ce pas pour mieux voir l’épaisseur et le volume de chacun, et pour mieux les comparer entre eux ? Pas pour le simple plaisir de les faire tourner. Question de but final pour l’utilisateur, où l’on peut se poser la question de la barrière entre l’esthétisme de présentation et l’effet “whaou-mais-ca-ne-sert-a-rien”.

De même que les sites de e-commerce en 3D copiant un magasin réel à l’identique, dont l’ergonomie est parfois délicate : je vais bien plus vite à retrouver mes articles en 2D avec une belle photo sur le site de la fnac ou d’Amazon que de devoir trainer péniblement un avatar (ou non…) dans une galerie 3D. Faire tourner un objet en 3D, c’est utile, mais cela n’a pas autant d’importance que son intégration dans un environnement et une interactivité qui permette d’entrer en contact avec. Pourtant, les interfaces en flash sont parvenues à enrichir réellement la navigation : le plaisir de la manipulation et de l’exploration, mais rapide, fluide et cohérente.

Ne pas oublier les erreurs de conception du passé
Il y eu une époque bien malheureuse dans l’histoire du flash où l’on maitrisait mal les codes de construction d’une interface : les internautes se perdaient dans la navigation, les animations dégoutaient les gens, les intros en flash énervaient tout le monde. On en sort à peine finalement. Avant de se lancer dans l’utilisation de la 3D dans une interface flash, il faudra avant tout réfléchir sur le sens que peut apporter la 3D à son projet, quel peut être l’apport de ces trois axes : x, y, z, et comment l’utilisateur peut naviguer dedans.

Il existe de très bons exemples pourtant de sites utilisant la 3D, mais attaché à tout ce qui bouge finalement sur le web, je n’ai pas envie de voir un retour en arrière. La 3D peut apporter quelque chose au web mais pas mélangée à toutes les sauces. A chacun son usage. Pensons avant tout à ce que des années de conception de scénario, d’interface et de conception en ergonomie nous ont apporté.

Cela parait tomber sous le sens, mais vous pouvez bien sûr ne pas être d’accord…

Je me permets rarement de critiquer mais là, c’est le type même de site que l’on voudrait ne plus voir. J’ai un ami - néophyte en flash et site web quoiqu’un peu geek sur les bords - qui m’en parlait récemment, “site horrible en flash, même pas de retour en arrière, pas pratique… blablabla”. Je suis allé voir quand même, quelque peu curieux. Et bien oui ! C’est un site qui imite totalement les codes et les constructions d’un site en html, et le flash n’a strictement aucune valeur ajoutée ici. Il trouble plus l’utilisateur que ne lui rends service, ou l’immerge dans l’univers. Pire, cela énerve, ce qui n’est pas spécialement à proprement parler le but ultime d’un site internet, et je n’ai eu qu’une envie, c’est d’y trouver mon information pour en repartir aussi sec. Mais comment peut-on encore en 2008 faire de telles erreurs de conception ?

0/20 donc, et plus je navigue dedans, plus je lui décernerais bien le bonnet d’âne du mois…

Back from le festival de international de la réalité virtuelle à Laval. Imagerie 3D à l’honneur mais surtout l’interface homme-machine qui se démultiplie pour dialoguer avec le corps humain et utiliser tous ses sens de manière à simplifier, améliorer la manipulation et l’exploration dans la réalité virtuelle : vue, ouie, odorat, tracking de mouvement (déplacement des mains, des bras, du regard, du corps…), le toucher (hype très forte des surfaces tactiles, voir la courbe de Gartner en parlant de “hype”, on attends le plateau de productivité). Les claviers/souris sont complètement dépassés ! Les champs d’applications se diversifient de plus en plus. Et la 3D sur le web dans le navigateur ? peu de choses et peu d’exemples à vrai dire, hormis les technologies habituelles… sauf un, qui s’annonce surprenant ! (j’en parlerais plus tard…) Du coup, j’ai un gros dossier à réaliser, j’updaterais le lien en début de semaine prochaine ici.

En parlant de surface interactive, je tombe sur Edusim3D : un écran interactif pour les petites classes. Ludique, éducatif et interactif, voilà une application concrète bigrement intéressante : serait-ce une réponse face à l’inattention parfois des élèves en classe ?

Semaine prochaine, c’est le WIF ! Ce sera l’occasion de croiser Sylvain (non, je n’ai pas parlé de Papervision…), et quelques autres connaissances dans le webdesign interactif ^

… Papervision version 2.

(et en plus, je colle à l’actu du jour !)

Edit : Je viens seulement de trouver la doc de référence de la version 2 ici. Ca m’évitera d’ouvrir toute la librairie au bloc-notes…

Beaucoup sont sur internet à la fois à titre personnel et profesionnel, et recherchent des informations, des actualités en fonction de leurs centres d’intérêts. Est arrivé le flux rss.

Je dois avoir environ 350 flux dans mon lecteur, classés par divers centres d’intérets (flash, 3D, design etc…). Je navigue tout comme certains sur ces flux en diagonale, rapidement, ne brassant que d’un oeil distrait certains titres qui m’intéressent pour finalement n’en ouvrir que quelques uns. Trop d’informations. Trop d’articles. Peu de choses qui m’intéressent réellement en fin de compte, ou trop. Information-victim ? Ahah.. peut-être. On oublie parfois que les plus grandes révolutions se font aussi par un changement massif des habitudes de l’ “internetus singularis” et pas en un jour. Peu de choses évoluent réellement en l’espace de 2 voire 6 mois. On peut toujours rester autonome un temps sur ses acquis, mais on y revient au bout d’un certain temps. Dans cette recherche fébrile d’informations quotidienne en relation directe avec son activité profesionnelle (… ou pas), (), on passe à côté d’une chose essentielle : le plaisir du site web.

Vous avez trente minutes devant vous ? Ouvrez un site que vous lisez souvent dans votre agrégateur : appréciez le design, le choix de la typo, la mise en page, observez ces catégories que l’on ne voit jamais dans un flux rss, redécouvrez certains bloggeurs que vous lisez régulièrement au travers de ses catégories, de leur page ‘à propos’ ou ‘qui suis-je’ et furetez la liste des sites internet indiqués dans la blogroll. Naviguez de manière réticulaire en fonction de vos goûts personnels, comme ce qu’est véritablement construit internet, allant de sites en sites… plutôt que de paître paisiblement dans un lecteur de flux rss qui ressemble à une boite mail géante améliorée…et d’une tristesse sans fin. Ca me rappelle la pauvreté graphique des interfaces d’IRC, tiens. Question Design, on a vu mieux.

La consommation de masse et la veille, oui, mais n’oublions pas le plaisir de naviguer. Le flux rss, en ne gardant que l’information brute, tue pas mal de choses au plaisir du web au final, non ?

Sur ce, j’ai un bon bouquin sur l’ergonomie des sites web à terminer… autre plaisir de lecture sur une surface interactive révolutionnaire : le livre à feuilles où il faut tourner les pages à la main.

Peu présent (et voire complètement-pas-du-tout) sur le blog en Décembre pour manque de temps certain, réitérant la chose durant les vacances de Noël, je quitte lâchement un peu plus internet pour passer le nouvel an à Tokyo. Joyeuses fêtes à tous d’ici là et à l’année prochaine ! (voui-voui-voui, hebiflux reprendra en Janvier, juste le temps de finir de souffler un peu !)

Il m’est arrivé d’avoir affaire avec une application flash traduite en 13 ou 17 langues (je ne sais plus très bien). Le choix de la langue à l’ouverture d’un site est l’une des choses que je trouve le moins sympathique, après le célèbre ‘entrer’. Le fait de devoir choisir implique une décision de la part de l’utilisateur avant même qu’il soit rentré dans le site. Gargl.

En définitive, on se voit confronté à plusieurs solutions :
- laisser le choix : Anglais, Français etc… en fonction du nombre de langues disponibles peut devenir très vite fastidieux.
- On peut difficilement se fier à l’ip de la machine : cela ne renseigne en rien sur la langue de l’utilisateur. (un francais peut très bien se connecter de chine).
- Sachez qu’il existe une fonction dans flash de détection de la langue du navigateur. Ce n’est peut être pas la meilleure solution, mais si on laisse à tout moment la possibilité de switcher d’une langue à l’autre une fois rentré dans le site, c’est plus confortable… On part quand même du principe que l’utilisateur utilise un système dans une langue qu’il comprend un minimum… et on évite un clic. Ceci qui n’est bien sûr plus valable si le contenu du site est différent d’une langue à l’autre et un choix de langue permet tout bêtement de cibler mine de rien les offres et le contenu affiché.

Une fois les possibilités réduites, le dilemne reste quand même entier : pour ou contre le choix de la langue dans une appli flash ? (bon, je suis contre, j’attends les arguments du ‘pour’).
Testez avec deux sites à titre d’exemple (sans tenir compte du contenu) pour savoir sur lequel on arrive le plus vite au contenu :
- Nike
- Adidas

Voilà, c’est dit ! Si vous avez des astuces dans des cas comme ceux-ci, n’hésitez pas… je suis sûr qu’il existe des exceptions à la règle…
(Ceci était un communiqué du comité contre les boutons bêtement appellés ‘entrer’ et les choix difficiles à faire avant même d’entrer dans un site…)

… un peu de repos on the blog pour une raison toute bête : j’ai plein de petits projets qui me bottent bien! Cela fait bigrement du bien de retourner un peu à des applications sympas à base de flash, php/sql, de vidéo, de 3D… (ah oui, le format Kml de Google Earth est énorme… on peut faire des choses terribles en flash/Google Maps avec !) et d’approfondir deux ou trois choses sur l’ergonomie, les interfaces… histoire de rester en forme. (La preuve, je me suis pris la tête 1 heure avec un css récalcitrant… groâr !)

Ma qué oui, blogguer est un plaisir, et ce n’est pas pour moi un besoin professionnel. Back dans quelques jours

(Pour celle qui se demandait ce que je faisais, voilà l’explication^^)

Non ce n’est pas l’univers virtuel Japonais accessible au travers d’un browser, mais un jeu au meme nom qui renouvelle un peu le genre de Puzzle Bobble, vous savez, ces petites bulles de couleur que l’on lance pour qu’elles se touchent par groupe de 3 de meme couleur et finalement éclater. Pour gagner, il faut faire éclater toutes les bulles d’un tableau.

Splume - c’est son seul défaut - nécessite l’installation d’un petit plugin pour le faire tourner (étrange, le jeu n’est pas en flash d’ailleurs). Les bulles ont une physique plutôt fluide et une gravité bien gérée. Le côté plus complexe du jeu qu’un Puzzle Bobble à certains niveaux va vous donner de quoi réfléchir quelques minutes ! Pour ceux qui veulent jouer un peu plus, il y a même un générateur de niveaux. Petite vidéo de démo :

c’était le jeu idiot du dimanche ^

C’est marrant, j’ai vu cette question en anglais trainer sur le net… et elle m’a bien amusée. J’ai fait quelques efforts pour m’en souvenir, et j’ai pu en retrouver l’adresse.

Allez, vous pouvez retrouver mon tout premier site internet fait en flash 5 (qui venait de sortir à l’époque) en 1999/2000 (je crois) : un peu moins d’une semaine en tout et pour tout pour apprendre le logiciel et faire le site. Ce n’était pas un site pour un client à l’époque mais un simple exercice. (Je vous conseille la première section, de loin la plus intéressante…) Je faisais alors beaucoup plus de 3D ou de petites expérimentations en animation mais rien de plus. Bon, depuis, j’ai pris des cours et j’ai quelques centaines d’heures dessus… ah nostalgie (et euh, non, je n’ai pas honte^ je voudrais vous y voir moi tiens ^^)