Tout comme ma première série, je continue ma tournée des petits widgets web venus d’Asie qui sortent de l’écran pour créer une expérience originale et marquante. Loin d’être intrusifs, puisqu’ils ne se déclenchent qu’au clic de la souris.

Lire la suite

Ceux qui me lisent régulièrement savent à quel point j’adore les petits widgets webs en asie réalisés en flash. Celui-là créé par atgames(société créateur de petits jeux, brandés ou non) me plait beaucoup : il affiche votre avatar dans un petit container de blog qui vient dire bonjour à ses visiteurs.

Mais pas seulement, c’est un avatar qui entretient un fort dialogue entre le jeu et le web au travers de son identité de ‘joueur’ :

- Vous pouvez le personnaliser à foison une fois inscrit sur le site : visage, costume, accessoire…
- Vous pouvez grâce à cette identité accéder à des petits jeux en tout genres
- Vous affichez comme une sorte de chaines, les blogs amis.
- Vous affichez dans un diaporama photo des captures d’écrans dans le jeu
- Une mini-messagerie aussi disponible.

Une bon côté relationnel, une relation jeu/web intéressante, un système de chaine entre blogs amis, tout cela dans un widget. Sympa. Un peu comme ce que devrait faire SPORE normalement avec ses profils de créatures dans le côté très social. Une interaction et un dialogue social de plus en plus poussés entre le jeu et le web à surveiller dans l’avenir : à quand l’affichage sur les blogs de nos profils Mi de la WII ou du profil Xbox ?

Je lis régulièrement le blog de Michelle Blanc depuis longtemps. Ses derniers posts semblent être parti en croisade contre les sites fullflash à foison : “Vous avez un site Flash qui ne rapporte rien, qui n’est pas ergonomique et invisible aux moteurs? Inscrivez-vous au Boomerangs, vous gagnerez!”. Je vous invite à lire ses billets, avec un peu de recul quand même, elle a parfois des positions décapantes.

Alors, à tort ou à raison ? Je suis persuadé que c’est une position nécessaire lorsque le flash est trop encore souvent utilisé pour des sites qui n’en ont pas besoin. Si je reste en désaccord sur quelques points avec ses billet sur ce sujet, toutefois, il y a quand on y pense des choses qui énervent par moments sur le flash ou que l’on aime définitivement :

* Faire une maquette de site en html pour le réaliser en flash à l’arrivée. Cela donne un résultat… bien mauvais, comme celui-là, qui me fait encore sourire. Le html a ses codes de conception, le flash aussi.

* Le flash, c’est à l’origine du mouvement, et de l’animation : j’ai du mal à concevoir une succession de panneaux écrans sans animation aucune qui apporteraient une élégance (ou autre notion) au site. Même d’une durée d’une demi-seconde. Un site statique en flash ? what’s the point ?!

* Lorsqu’un site contient 40 pages de contenu textuels, peut être est-il bon de se demander comment le faire référencer et ne pas forcément envisager une version flash… est-ce que lemonde.fr ou liberation est en flash ? (Top 1 des choses qui m’énervent…)

* Ce qui m’amène au point suivant : mine de rien, je reste persuadé qu’à partir du moment il y a plus de lecture que de ‘ressenti’ au travers du graphisme ou de l’animation, il ne sert à rien de passer un site en flash. L’animation crée une perturbation dans la lecture : elle attend en permanence que l’utilisateur la déclenche, cela crée une impatience qui n’incite pas à prendre son temps pour lire. (question subsidiaire : pourquoi les blogs full flash n’ont pas percé ? n’est-ce pas une aberration ?(hormis le référencement)).

* Une idée en passant : combien d’interfaces en flash utilisez-vous quotidiennement ? combien en html comme netvibes par exemple ? Et pourquoi ? prenez-vous en compte de la régularité de l’utilisation d’un site lorsqu’il sera fait en flash ?

* Oublions l’installation automatique du plugin : il se trompe bien trop souvent à la détection ou est mal implémenté. Et ca, pour empêcher totalement un utilisateur d’arriver sur un site, c’est très efficace

* Les polices de caractères qui ne sont pas nettes ! C’est un peu la nuit des morts-vivants pour moi…

* Les interfaces en flash qui prennent des ressources énormes jusqu’à complètement ralentir l’ordinateur… pour cause de bug, de 3D trop gourmande ou de récupération de navigateur dont la fenêtre était réduite. Je déteste en arriver jusqu’à la fenêtre de dialogue de fermeture de la routine en cours.

* J’aime bien quand l’interface fait ce que je veux. Rien ne m’énerve plus que lorsque je browse une vidéo youtube et le curseur repart au point de départ…

* J’aime bien quand l’interface respecte un minimum mon système rétinien. C’est important.

* Je n’aime pas les preloaders en général, mais surtout ceux qui n’ont aucune inspiration. Il y a des milliers de choses à faire toutes bêtes qui ne prennent pas beaucoup de temps, et qui peuvent sauver la mise.

* Finalement, j’aime me retrouver comme un gamin fasciné devant quelque chose qui le dépasse, à fureter dans le site ou à apprécier ce sentiment de fluidité dans une navigation ou telle ou telle manière de présenter son contenu… apprécier la prise de l’espace dans un écran, le choix d’une typo qui occupe à elle seule toute la page… bref…

Je passerais sur les bugs de développeurs comme celui-ci que j’ai eu il y a quelques temps ou les petites choses des créateurs en flash, la liste serait trop longue…

Mais je suis sûr que vous avez aussi des idées sur la question ?….

Coign of vantage est un jeu en flash pour les petits-zet-les grands qui décompose un dessin en 3D par de gros carrés. Trouvez la bonne orientation, et le bon axe pour le voir se recomposer. Jeu de rapidité avec une bonne dose de repérage dans un espace 3D nécessaire.

Attention à couper le son si vous êtes au bureau… musique un peu forte.

Kicks creator de Nike Dunk propose de designer entièrement ses chaussures : motifs, couleurs des lacets, coutures, et dessins à coller dessus dans une interface plutôt soignée. L’utilisateur a la possibilité de faire pivoter en 3D sous tous les angles la chaussure créée, grâce à Papervision. S’ensuit une ‘battle’ entre créateurs de chaussures pour voir laquelle est la plus tendance.

Une très bonne création qui ne manque pas d’un certain panache visuel. Certes, la chaussure est assez simple et la personnalisation d’un modèle a déjà été tenté par des campagnes comme Redbull ou Adidas mais cet exemple pousse la complexité un peu plus loin. Certains y verront peut-être peu d’audace technologique puisqu’il s’agit d’un concept déjà éprouvé, d’autres un potentiel qui grimpe de jour en jour dans la visualisation/personnalisation d’objets en 3D en flash, en attendant des exemples concrets plus forts dans le e-commerce.

Notons que cet exemple de manipulation de chaussure rejoint certains autres exemples similaires à l’aide de plugin 3D dédié. Il existe encore un fossé entre les deux solutions dans la finesse, la complexité et la précision de l’objet représenté, mais l’exemple ici reste dans le cadre d’un plugin courant accessible à tous, avec un rendu qui tend à devenir tout à fait convenable !

(Via dncompute)

Revue de web légère : d’abord, nous sommes en plein mois d’Aout, on ne va pas s’assommer de news non plus. Ensuite, j’ai planté deux fois mon navigateur avec 25 onglets d’ouverts, sans récupération possible.

Flash :

- Apprise
Un lecteur de flux rss en AIR qui combine plusieurs usages.

- UMapper : create embeddable flash maps
Beaucoup recherchent des outils pour insérer des cartes comme google maps en flash. Voilà un bon outil sorti dernièrement

- Top 50 d’applications AIR choisis par Michael Chaize (dont j’adore le nom de domaine, soit dit en passant).

- 16 ways to navigate with planes and cubes sur le blog de papervision.

- Aurora, une vision prospective du web

Mobile et réalité augmenté :

France du site int13.net spécialisé dans les jeux pour mobile, Pda etc… - la semaine dernière et suite à mon billet sur la réalité augmentée m’a présenté une vidéo de tests en cours chez eux disponible sur youtube. Vous remarquerez que la vidéo et la 3D ne rament absolument pas ! D’autres choses en perspectives prochainement, stay tuned :

Mondes virtuels :
Vidéo de 50 mondes virtuels combinés en quelques minutes :

(via personalize media)

Note : Je viens de recevoir l’accès, mais le service a ouvert en beta public il y a quelques mois déjà (en mai ?). Pas de scoop donc^

Aviary est une suite d’outils RIA édité par le bien connu worth1000.com pour les créatifs. Chaque application a des noms d’oiseaux originaux et c’est Phoenix - éditeur d’images - ainsi que Peacock - systèmes de motifs génératifs - qui viennent d’ouvrir. Les autres applications qui ne sont pas encore disponibles traitent l’audio, la 3D, l’image vectorielle, la vidéo ou le traitement de texte.

Phoenix permet d’éditer, de partager des images ou photos avec des outils poussés. Nous connaissons divers photoshop-like en ligne, celui-ci serait-il à la hauteur des attentes ?

La réponse est oui, et bien plus convaincante que ne l’est le ‘vrai’ photoshop en ligne pour le grand public à mon sens. L’interface copie celle de l’application de bureau : un plus ? Peut-être, en tout cas, je savais où trouver mes fonctions, je n’étais pas perdu et la prise en main était immédiate. La seule chose qui manque est le clic droit pour certaines actions (dupliquer un calque ou autre) ou certains raccourcis comme le ctrl + espace pour le zoom (réflexe naturel).

Mais les outils sont là : gestion des calques et des dossiers de calques, gestion d’effets plus poussés (en temps réel ou non) et plus utiles que son concurrent : des niveaux (saturation, blanc/noir etc…), masques, fusion de calques, brushes, goutte d’eau, déformation par homothétie, historique de modification, effet d’ombrage… (il manque l’outil plume par contre).

Alors bien sûr, l’application ne prend que des formats d’images web : gif, png et jpg, (et le tiff à l’exportation) mais le traitement est plutôt rapide et fluide. Phoenix n’est pas lent à manipuler, hormis les phases de calcul d’effets, on en oublie presque qu’il s’agit d’une application flash. Il y a bon nombre de petites trouvailles comme l’affichage de la palette de couleurs automatiquement tirée d’une image mais je vous laisse chercher.

Côté importation d’images, Phoenix fait aussi bien que le Photoshop Express en ligne d’Adobe, et en mieux : importation de picassa, flickr, facebook, d’urls, mais surtout il y a la possibilité d’importer deux images en une seule, chose impossible sur la première version de son concurrent.

Le seul inconvénient ? Le fichier que vous allez éditer n’est pas téléchargeable bien sûr en psd, cela peut troubler, mais les fichiers édités et enregistrés retrouvent leurs calques respectifs à l’édition suivante.

Conclusion personnelle : une vraie version cette fois de photoshop en ligne, qui copie complètement l’interface, les outils, la manière de travailler sur une image de son alter-ego sur le bureau. Cela reste du traitement d’image web, mais vraiment convaincante par l’ensemble de ses fonctions.

Vous trouverez aussi bon nombre de démos sur leur blog, notamment en ce qui concerne la 3D avec Peacock

Note : 5 invitations à ‘revendre’ pour les 5ers intéressés.

Shanghai wolrd financial building : une bien belle mise en abime d’un immeuble gigantesque avec un contenu séparé par étages, très esthétique, avec une navigation qui reste claire.

Fontpark : une superbe création japonaise à moitié traduite en anglais qui permet de recréer des formes à partir de kanjis ou de lettres que l’on va insérer dans la scène. Vous pouvez revoir les autres créations des utilisateurs et toutes les étapes de la reconstruction de dessin formé ou vous laisser tenter par la manipulation des lettres : une grande souplesse de déformation, avec des petits sons amusants. Un site qui fait travailler l’imagination !