iglooscope, conception d'interface web - Reynald Bouttard

En suivant l’actualité de Jason Santa Maria ( prononcer Jason Santa Maria ), je me suis rendu compte que le garçon n’était pas qu’un web designer plein de génie, mais qu’il était aussi un fabuleux…joueur de tennis.

Il vient d’affronter victorieusement Derek Pozawek ( prononcer comme vous le voulez ) dans le grand tournoi de « Layer Tennis« .

De quoi s’agit-il ? Le principe est simple. Deux Web designers ( sélectionnés sur le volet ) s’échangent tour à tour un document numérique qu’il modifie à tour de rôle dans le temps imparti de 15 minutes. Chacun des protagonistes doit modifier le document qu’il reçoit à 5 reprises en s’appuyant sur une partie du contenu. Une troisième personne commente le match en live ( un vendredi après-midi) et celui-ci peut être suivi sur Twitter. Un vainqueur est déclaré à la fin de l’exercice.

Ici pas de poignée de main au Duc de Kent pour le vainqueur, mais la reconnaissance des spécialistes.

Santa Maria déclare qu’il s’agit juste pour lui d’un exercice d’habileté visuel ( compétences) et de respect de contraintes esthétiques.

Je vous recommande de suivre un match ou deux enregistrés : Santa Maria vs Powazek , Inman vs Hubacek

C’est beau le sport. Non ? Enfin comme tous les grands évênements sportifs, celui a aussi son sponsor, et devinez …c’est Microsoft Google Adobe.

Une fois n’est pas coutume, l’art numérique et le bon vieux livre papier se téléscopent dans un ouvrage pour le moins intéressant dont je viens de faire l’acquisition. Le hasard fait bien les choses, nous le savons tous. Lorsque mon regard s’est posé sur le rayon « design » de ma librairie de proximité, un livre a soudain attiré mon attention par sa jolie tranche et son titre évocateur : Web Design Index by Content 03.

L’objet est un beau petit pavé de 1,2 kg mesurant 22.5 cm de haut sur 17 cm de large, broché et particulièrement bien fini. Ce volume est le troisième d’une série qui est née en 2005 et qui voit naître tous les ans un nouvel opus.

De quoi s’agit-il ? Sorte d’ »Ã©tat de l’art », Web Design Index by Content est une sélection de plus de 500 sites Internet, illustrant les dernières tendances en matière de conception et de design web. La compilation est l’oeuvre de Günter Beer et est éditée par The Pepin Press – Agile Rabbit editions. Chaque site web choisi par l’auteur est présenté sur une unique page contenant deux photographies : la page d’accueil et une page représentant le contenu type du site. Des infos en bas de page renvoient : les noms des designers et des concepteurs, l’adresse du site et une adresse email de contact.

La très bonne idée est l’ajout d’un CD-Rom permettant d’explorer les sites ( et leurs codes sources ) à travers une interface claire.

C’est évidement le haut du panier, et on retrouve dans ce volume des références comme le guru de Philadelphie Jason Santa Maria ou le « typophile » Jos Buivenga. Quelques sites français sont également présent. Les sites présentés sont classés par domaine ( 21, d’architecture à tourisme) et ce classement thématique laisse entrevoir certaines constantes liée au contenu. La présente édition date de 2007 et un certain nombre de sites présentés sont encore entièrement construit à partir de Flash. L’édition suivante est à paraître en Juin 2009 et présentera les tendances 2008, nous devrions voir un recul des technologies Flash sur les tendances à venir.

Non exhaustive, c’est évidement une source importante d’inspiration et de réflexion sur le design du web qui dépasse le simple catalogue.

liens :

Web Design Index by content

The Pepin Press

Après le choix indiscutable pour moi de Wordpress comme moteur principal pour les projets de blog que je mène, j’étais à la recherche d’un CMS ( solution de gestion de contenu ) flexible, puissant, respectueux des standards et modulaire. Après pas mal de lecture, beaucoup quelques tests et au final peu d’hésitation, mon choix s’est porté sur … Drupal.

La solution offre déjà toute sa puissance après quelques heures de découverte. Mais quand on se laisse aller à une plus longue étude, c’est vraiment une plate-forme d’édition très efficace et ultra modulaire.

J’espère pouvoir apporter ma pierre à l’édifice et contribuer à la communauté française de Drupal par la traduction de quelques articles du site général Drupal.org …

Mon choix a été conforté par l’aide technique et la qualité du travail que réalise Alexandre Eisenchteter sur son site 100% drupal : Inéation.

Enfin, cerise sur le gâteau, Mark Boulton et Lisa Reichelt ( des figures de la ligne claire du design web ) ont été invité pour plancher sur l’aspect utilisabilité du projet Drupal 7 prévu en 2009. Mark Boulton Design avait déjà collaboré avec Drupal.org pour le redesign du site. Que du bon …

Voilà quelques jours pas mal de jours sont passés durant lesquels j’ai quelquefois utilisé Chrome. Mon premier avis est plutôt positif.

Au démarrage, l’interface simpliste m’a bien plu. Sans chercher, j’ai trouvé l’accès à toutes les fonctions ou presque (enfin je crois).

J’aime le design général de l’interface, dépouillé et clair. Les fonctionnalités ne perdent rien dans cette simplicité apparente, et 90% de celles que nous utilisons sur un navigateur sont à portée de souris. J’ai cherché quelques instants la zone de recherche avant de naturellement me diriger vers l’unique champ.

Si j’effectue une basique évaluation ( + : c’est bien et – : c’est moins bien ), j’obtiens ceci :

Les +

• Le champ unique de recherche et d’adresse, et le rappel des pages de recherche pour les chaînes de caractères soumises par l’internaute : efficace.

• L’inspecteur web : un clic droit sur un élément puis « inspecter l’élément », et voilà que s’ouvre une fenêtre Inspector qui me renseigne sur l’élément pointé (localisation dans le html, précisions css, etc ). La fonction est assez proche de ce qu’est firebug pour Firefox, très pratique ( pour les webdesigners) , inutile ( pour les autres )…IE7 ne sait pas faire.

• La recherche sur sélection puis clic droit : en sélectionnant une zone de texte dans le corps de la page web, je peux en faire la recherche sur un moteur de recherche par le menu contextuel, clic droit et « rechercher … avec google ». Petit bémol, la liste par défaut des moteurs utilisables pour cette fonction est limitée et ne peut être modifiée. Firefox sait faire cela aussi, IE 7 non.

• « L’autonomie » des onglets : Si une page consultée pose des problèmes de sécurité ou de fiabilité, vos autres onglets ouverts ( si il y en a ) ne seront pas affecté par le « bug » et vous pourrez continuer votre navigation ( ou téléchargement ) sans avoir à redémarrer le navigateur. Cette fonction est lié à un multi-process qui peut toutefois être gourmant en ressources.

Les -

• L’absence d’une gestion fine des favoris : cette absence devient un problème lorsque la liste des favoris commence à grandir et qu’il faut les déplacer d’un dossier à l’autre pour affiner votre classement.

• Les customisers vont être déçus ! : pas de thèmes pour le moment pour embellir l’application. ce n’est pas une contrainte majeure selon moi.

Comme il s’agit d’une version béta, nous verrons bien quelles seront les prochaines évolutions pour la sortie officielle. Affaire à suivre…

Mardi 2 septembre, Google a lancé son navigateur baptisé Chrome. Google annonce celui-ci comme étant plus rapide et plus sécurisé qu’Internet Explorer de Microsoft. La version que nous pouvons télécharger depuis hier est une version bêta disponible en 43 langues. Google annonce que son projet dépasse l’idée d’un simple navigateur, puisque Chrome se veut « une plate-forme pour les pages Web et les applications. »
Deux points retiennent l’attention pour le web designer :

• V8, son moteur JavaScript, annoncé plus puissant pour les applications futures.
• Son moteur de rendu nommé Webkit HTML (utilisé par Safari le navigateur d’Apple)

Petit bémol, cette version bêta de Chrome n’est pour l’instant disponbile que pour Windows. Google annonce qu’il travaille sur les versions Linux et Mac. Se dire Opensource et « communautaire », et oublier Linux pour la première sortie bêta , c’est assez étonnant…

Bref, quelques jours pour le tester et je vous reparle de Chrome.

————————————–

quelques liens :

>> Google Chrome
>> La BD qui annonce la venue de Chrome (en anglais )
>> L’article du blog de Tristan Nitot ( Président de Mozilla Europe, éditeur de Firefox ) au sujet de Chrome.

Un peu d’histoire d’abord – Il est possible de dater la première révolution du Web au 14 janvier 1997, date à laquelle le W3C⁽¹⁾ prend acte de HTML 3.2.⁽²⁾

Plutôt que d’un accouchement, il s’agit d’une normalisation du langage balisé faite conjointement avec les grands acteurs du moment IBM, Microsoft, Netscape, Novell, SoftQuad, Spyglass, et Sun Microsystems.

Les évolutions par rapport à la version HTML 2.0 sont importantes et concernent surtout la présentation (tables, flux du texte avec les images etc).

CSS1.0⁽³⁾ a vu le jour également fin 1996, mais la présentation est l’affaire des balises HTML d’attributs. Les feuilles de styles ne remplissent donc pas leur rôle !

(Lire la suite…)