Et pour comprendre les sources d'inspiration, rien de mieux qu'une petite visite vers design et typo déjà linké par Mikiane qui nous propose de son côté une analyse plus éditoriale.

Mais outre l'organisation de la page d'accueil et de sa lecture , remarquons quand même l'apparition d'une nouvelle rubrique, la rubrique témoignages. Ce petit détail me semble tout sauf anodin et qui montre l'évolution à petit (grand ?) pas des "médias traditionnels".

Car désormais le ventre de la page d'accueil est constitué du "tryptique d'opinion" suivant :

1. republication des pages opinion du journal papier
2. redirection vers les blogs issus de la plate-forme du monde.fr
3. publication de témoignages d'internautes du monde.fr

Les deux premiers points sont bien connus de nous tous. Notons quand même que les pages opinions et les blogs sont désormais côte à côte, signe des temps... Et à côté de témoignages d'internautes donc sur des sujets posés par la rédaction, du style :

• préparer ses vacances sur Internet : les astuces des lecteurs du monde.fr
• Habiter près d'un site nucléaire influe-t-il sur votre vie quotidienne ?
• Cadres, êtes-vous prêts à renoncer à vos RTT ?

A noter également que ces témoignages sont redistribués ensuite en fonction du sujet dans les rubriques classiques correspondantes : ainsi préparer ses vacances sur internet se retrouve dans la rubrique voyages, habiter près d'un site nucléaire est publié sous "environnement, sciences" et les cadres/RTT dans la rubrique politique. lemonde.fr parle aussi "d'article interactif".

La page d'accueil appelle ainsi les internautes à témoigner et plus seulement à voter, signe des temps là aussi, comme en ce moment avec la question : "vous faites partie des supporters d'Obama ? Pourquoi ?" :

Vous suivez la campagne présidentielle américaine depuis la France, les Etats-Unis, ou ailleurs, et vous faites partie des supporters de Barack Obama. Pourquoi et comment avez-vous succombé à "l'obamania" ? Qu'est-ce qui vous attire chez le candidat démocrate ? Qu'est-ce qui vous convainc dans son programme ?

Dernier indice que j'ai relevé dans cette nouvelle mise en page (et contrairement à ce que laisse penser Mikiane dans son papier ;-) : lemonde.fr propose désormais des liens en dehors de son réseau avec une Revue de web qui reprend des blogs, des articles du monde (bon on ne se refait pas manifestement) et des articles de la presse étrangère. Pour l'instant je n'ai pas encore vu de liens vers des médias français plus ou moins directement concurrents.

D'autres détails m'ont sûrement échappé, mais en tout cas l'intégration de la parole des internautes (du lecteur au blogueur maison ou non) est désormais plus qu'avancée et valorisée comme un contenu à part entière. L'écart avec les sites médias pure player comme Mediapart et rue 89 est en train de se réduire.

Le voilà :

En plus, en blanc, il est trop mimi :-)

Il faut savoir que la mise en page et l’ergonomie de votre site internet est aussi importante que son contenu. Elle va conditionner sa navigation, l’accès aux informations et les différentes pages vers lesquelles vous comptez diriger vos visiteurs. Comment l’organiser, l’imaginer ? Ou bien placer ses informations et ses liens sur la page ? Toutes les informations sont-elles correctement mises en avant ? Cet article vous apportera un début de réponse.

Vous-même, en tant qu’internautes, vous avez certainement dénoté des sites dont vous appréciez la navigation plus que d’autres, vous devez donc vous mettre à la place de vos internautes et, en tant que web master faciliter au maximum la navigation sur votre site et l’accès à l’information. Vous fidéliserez vos visiteurs et augmenterez sa popularité. De plus, les sites les plus ergonomiques sont souvent les plus faciles à réaliser, l’idée est de se centrer sur l’essentiel et ne pas perdre vos visiteurs par une succession de liens dont le contenu n’est pas clair. Plusieurs aspects de la mise en page peuvent être considérés, et la première étape est le design.

Gardez à l’esprit que pour chaque contenu ou message sur votre site, il y a autant de mises en page et de façon d’organiser les informations. Sachez adapter le design de votre site en fonction de votre contenu. Un site ne doit pas forcement se montrer uniforme, si le contenu varie.

En effet, même s’il est important de conserver  une certaine charte graphique et une certaine ambiance sur les différentes sections, vous devez faire preuve d’adaptation en fonction du contenu de votre site. Imaginez que votre site soit votre bloc-notes avec une manière différente de présenter chaque information de la façon la plus adaptée.

Tout dépend en fait du degré d’investissement que vous comptez mettre dans l’élaboration de votre site internet. Il vous sera plus rapide et plus facile de conserver la même mise en page sur l’ensemble de votre site, quel qu’en soit le contenu, mais est-ce la façon la plus adaptée ?

Si vous faites appel à une entreprise pour prendre en charge l’élaboration de votre site, vous pouvez consulter en amont le type de site, la mise en page qu’ils utilisent et juger l’ergonomie de leur technique. Vous devez choisir la mise en page la plus adaptée a votre contenu et au but de votre site. (Alternance entre contenu textuel et visuel par exemple).

Proposer des mises en page différentes est parfaitement possible, mais le choix de la mise en page et du modèle de site le plus adapté vous fera gagner un temps précieux. Pensez en outre aux couleurs que vous utilisez en arrière plan. Des couleurs trop vives agresseront l’œil, et rendra la lecture difficile. Il en va de même pour le choix d’une couleur qui ne fasse pas contraste avec la couleur du texte. Même si ces informations peuvent vous paraitre logiques, ce sont des données à prendre en compte. Pensez-y.

Si vous choisissez un modèle de site, assurez-vous de la place de vos liens et boutons sur la page. Ils doivent être visibles, placés de façon logique et ergonomique. Certains de ces modèles vous permettent de placer vous-même ces boutons et liens. Alors, à vous de jouer !

Mais le principe que je respecte le plus en ergonomie c'est la méthode de la "banane".
On considère que tous les internautes sont des singes et qu'il faut mettre UNE banane qu'ils saisiront sans problème.

En fait, c'est le principe des Primary et secondary actions.
Il faut que ce soit très clair pour l'utilisateur quelle action doit être effectuée sur une page web.

Quelques méthodes à respecter:

• Passer sur toutes les pages et s'assurer qu'il y a une action claire à effectuer pour l'utilisateur
• Définir la manière de représenter l'action primaire (la banane) - pour cela rien de tel qu'une charte graphique des "boutons"
• Faire un test utilisateur pour s'assurer que leur interprétation de diffère pas trop de la votre

Enfin, pour finir, et pour illustrer un peu ses principes voilà une petite étude menée sur des formulaires pour savoir ou placer la banane, ou placer l'action secondaire et comment les différencier.

]]> http://christophelhomme.wordpress.com/?p=227 Fri, 04 Jul 2008 16:03:06 +0000 clhomme http://christophelhomme.wordpress.com/?p=227 C'est marrant, mais quand j'ai vu cette plaque, je me suis dit que Zola était mort d'avoir écrit son "J'accuse".



]]> http://webwombel.wordpress.com/?p=42 Fri, 04 Jul 2008 10:33:10 +0000 webwombel http://webwombel.wordpress.com/?p=42 Wow! Da bin ich beeindruckt - nee wirklich. Webwombel ist seit über 10 Jahren Apple-User, weil er zutiefst davon überzeugt, daß dies die bessere Wahl ist.

Seit über 10 Jahren hatte er hunderte Diskussionen über das "warum", "ob" und "wieso". Ihr Apple-User kennt das, da heißt es immer: "Da ist doch alles anders", "Ich krieg ja keine Software dafür" [also "gebrannte Software", Ihr versteht?], "Ich will aber alles installieren können, was es am Markt gibt", "ähh, so teuer", "naja, sieht ja schick aus, aber ich weiß nicht...", "Windows-PCs haben doch alle, das will ich auch", usw. usw...

Ein bißchen hatte Webwomel schon aufgegeben. Milliarden Fliegen können sich nicht irren - Hundekot muß gut riechen.

Axel-Springer, wißt Ihr was Euer Problem sein wird? Vielen Eurer Mitarbeiter wird es schwer fallen, sich an die leichte Bedienung zu gewöhnen :-)

Schon verrückt - da hat eine ganze (PC-)Generation in Schulungen, Support, BugFixing und Wartung investiert... und nun das. Und ich höre schon die PC-geprägten Leute fluchen: "Das ist doof, das ist anders". Übersetzt heißt das: "Das ist so leicht in der Bedienung, das versteh ich nicht, ich war es komplizierter gewöhnt". Springer, stellt Euch auf zwei bis drei Quartale  Kulturschock ein!! ;-)

Klar, Apple-Rechner sind auch nur Mensch... äh. Computer. Aber man ist viel produktiver, weil weniger Zeit für Treiber-Problem oder DLL-Fehlermeldungen flöten geht. Mal abgesehen davon, daß das Fundament ein UNIX-Betriebssystem ist (sehr vereinfacht gesagt): Eine Art Linux mit cremig zarter Bedienoberfläche.

Spannend ist nur die Frage, ob man anwendungsseitig auch auf Apple umsteigt. Wird dann die Korrespondenz mit "Pages" geschrieben? Kalkulationen mit "Numbers" gerechnet? Oder MS Exchange abgeschafft und nur noch mit "Mail" gearbeitet? Werden Photos dann mit Aperture verwaltet? Bei aller Apfelliebe, schwer vorstellbar ;-) Demnach müßte ja auf allen Rechnern Windows laufen. Komische Welt. Aber dennoch ein Schritt in die richtige Richtung hinsichtlich Ergonomie, Sicherheit und Produktivität.

Nunja, ein Lichtblick nach über 10 Jahren. Die Vernunft scheint sich doch durchzusetzen. Gute Entscheidung, Prost auf die IT-Abteilung.

meint
Webwombel.

]]> http://connectedelegance.wordpress.com/?p=48 Thu, 03 Jul 2008 18:51:06 +0000 connectedelegance http://connectedelegance.wordpress.com/?p=48 Un téléphone portable qui fait tour à tour GSM, GPS, ordinateur, IPod, Chaîne Hi-Fi, Disque de stockage, Appareil photo en deux clics... et le café aussi ?
[wp_caption id="attachment_50" align="aligncenter" width="340" caption="Votre prochain mobile ?"][/wp_caption]

Tous les deux ans, c'est la même chose : on a beau dire "Jamais plus jamais", on est tenté par le dernier téléphone mobile qui vient de sortir, "parce que bon, il faut bien vivre avec son temps et que celui-ci a plus de fonctions que mon dinosaure".

Je vous épargne le couplet sur le consumérisme, la couche d'ozone, la hiérarchie des besoins à satisfaire, etc, car il y a une autre remarque qui me vient à l'esprit. Avez-vous remarqué combien le téléphone portable, cette stupide boite en plastique est devenu un objet intime, presque comme un vêtement ?

Du coup, quand il s'agit d'en changer, on aimerait garder notre vieux téléphone, juste en lui ajoutant ce qui lui manque.

La firme israëlienne MODU va peut-être faire la passerelle entre "Anciens" et "Modernes" avec une téléphone mobile qui n'est pas sans rappeler... notre bon vieux Rubik's Cube des années 80 !

[wp_caption id="attachment_51" align="aligncenter" width="300" caption="Un élément central à insérer dans une kyrielle de modules : APN, GPS, etc."][/wp_caption]

Une unité centrale de la taille d'une petite boîte d'allumettes, à insérer dans une carcasse de téléphone portable, d'agenda électronique avec clavier, de GPS de voiture ou dans des enceintes Hi-Fi type IPod : l'idée est simple, mais il fallait y penser.

[wp_caption id="attachment_52" align="aligncenter" width="300" caption="L\"][/wp_caption]

Le concept séduira ceux qui n'aiment pas changer entièrement de GSM à chaque nouvelle génération.

Le succès de ce téléphone modulable dépendra surtout du prix et de la qualité des modules additionnels, alors que plusieurs smartphones (Nokia N95, etc) remplissent déjà la quasi-totalité des fonctions du MODU.

Mais lorsque vous démonterez le Modu en public, vous pourrez toujours faire croire à vos amis que vous êtes l'inventeur de cette merveille d'ingéniosité...

[wp_caption id="attachment_53" align="aligncenter" width="224" caption="Le MODU tout nu !"][/wp_caption]

www.modumobile.com

]]> http://pluc.wordpress.com/?p=273 Mon, 30 Jun 2008 08:51:22 +0000 pluc http://pluc.wordpress.com/?p=273 Une société belge (même si son siège social est à Luxembourg) a lancé son propre blog sur la simplification des interfaces web. Quelques idées intéressantes sur ce que l'on appele aussi "L'User Experience" et le comportement neuro-psycho-ophtalmo-cognitif des utilisateurs.



Pour ceux qui ont le temps de s'instruire et de ne prêter aucune attention aux fautes d'orthographe : http://www.simplifyinginterfaces.com/

]]> http://christophelhomme.wordpress.com/?p=206 Sun, 29 Jun 2008 16:18:15 +0000 clhomme http://christophelhomme.wordpress.com/?p=206 Son bouton d'appel me fait penser au viseur du Predator :-(

Pas vous ?



]]> http://christophelhomme.wordpress.com/?p=197 Sat, 28 Jun 2008 16:13:02 +0000 clhomme http://christophelhomme.wordpress.com/?p=197 Je sais pas si vous avez remarqué mais cette posture est de plus en plus répandue. Elle a en effet le mérite d'occuper un maximum d'espace dans un plan latéral.

Si, sur l'exemple de la photo, ce n'est pas trop gênant, c'est redoutable dans l'entrée d'un commerce ou sur un trottoir encombré…



]]> http://christophelhomme.wordpress.com/?p=189 Fri, 27 Jun 2008 08:05:44 +0000 clhomme http://christophelhomme.wordpress.com/?p=189 En voila un qui ne doir pas avoir de problème de frigo.



]]> http://christophelhomme.wordpress.com/?p=152 Sat, 21 Jun 2008 16:10:04 +0000 clhomme http://christophelhomme.wordpress.com/?p=152 En ce qui concerne le panneau vert : c'est quoi le truc vert, au fond ? Faudrait veiller à pas raconter n'importe quoi !

Pour le panneau rouge : c'est pas comme ça qu'on va gagner le Mondial :-(

Et puis cette obsession d'interdire, c'est d'un pénible…



]]> http://afzuw.wordpress.com/?p=22 Wed, 18 Jun 2008 08:32:38 +0000 Admin http://afzuw.wordpress.com/?p=22 An einem der Hammertage um Pfingsten hätte ich fast eine Frontalkollision verursacht, und zwar, weil ich die LED-Balkenanzeige meines FLARM (Hardware-Version 2005) falsch interpretiert habe. Ein Twin flog einige Minuten lang sehr dicht hinter mir her. Mein Flarm zeigte dieses hinter mir fliegende Flugzeug im "Nearest"-Modus auch ständig korrekt durch die entsprechenden Leuchtsignale an. "Hinten" wird in der Balkenanzeige dargestellt, indem die beiden äußersten LEDs ganz links und ganz rechts außen leuchten.



Für "links hinten" leuchten links außen zwei und rechts außen eine LED, entsprechend umgekehrt für "rechts hinten":



Der Doppelsitzer flog mal leicht höher, mal leicht tiefer, mal links hinten, mal rechts hinten hinter mir her. Deswegen beobachtete ich die Flarmanzeige immer wieder. Eine Warnmeldung (Leuchtanzeige plus Piepston) hatte der Twin bislang allerdings nicht verursacht, da trotz des geringen Abstandes wegen der fast indentischen Flugrichtung und -geschwindigkeit keine Kollisionsgefahr errechnet wurde - auch das war korrekt. Plötzlich kam dann doch ein Warnton, den ich ohne nachzudenken dem Twin hinter mir zuordnete, denn wie bisher leuchteten drei LEDs im Flarm. Der Warnton wurde lauter (2. Warnstufe) - aber was tun, wenn der andere hinter mir ist? Hochziehen ist gefährlich, links oder rechts wegzugehen bringt nicht viel, also lieber geradeaus bleiben und etwas beschleunigen. Dennoch sofort darauf die dritte Warnstufe, blinkende LEDs - und erst jetzt sehe ich, dass bereits seit Auftreten des ersten Warnpieps nicht mehr die äußeren LEDs (für "hinten") leuchten, sondern die mittleren drei, für "vorne"!



Der potentielle Kollisionsgegner, vor dem gewarnt wird, ist gar nicht mehr der hinter mir fliegende Twin, sondern ein anderes Flugzeug direkt voraus! Also leicht wegziehen wegen der besser sichtbaren Flügelunterseite und voll wegdrehen. Erst jetzt sehe ich den Entgegenkommenden. Er hatte mich dank seiner eigenen Flarmanzeige wohl einen Moment vorher gesehen und konnte einigermaßen bequem ausweichen.

Was sind die Lehren / Schlussfolgerungen aus diesem Erlebnis?

- Ändert sich das potentiell gefährliche Flugzeug, wird dies seit dem letzten großen Update durch einen kurzen Doppel-Pieps angezeigt. Diesen habe ich nicht gehört; möglicherweise kam wegen der großen Annäherungsgeschwindigkeit auch sofort mit dem Zielwechsel die erste Warnstufe mit ihrem Warnton.

- Ich fliege seit etwa 700 Flugstunden mit diesem Flarm und kann die Balkenanzeige normalerweise intuitiv richtig interpretieren. Dennoch war diese krasse Fehlinterpretation möglich! Oder sind mir frühere, folgenlose Fehlinterpretationen nur einfach nicht aufgefallen?

- Trotz der bisher guten Erfahrungen mit der alten Balkenanzeige habe ich wegen dieses Vorfalls eine Zweitanzeige mit Kompassrose vor mein Flarm-Hauptgerät gehängt.

- Ohne Flarm hätte es einen noch viel knapperen Near Miss oder gar einen Unfall gegeben, da zumindest der Entgegenkommende sein Flarm ganz offensichtlich richtig interpretiert hatte und die Situation klären konnte.

]]> http://christophelhomme.wordpress.com/?p=124 Sun, 15 Jun 2008 16:39:59 +0000 clhomme http://christophelhomme.wordpress.com/?p=124 J'étais persuadé que c'était la Volga…

Elle doit avoir changé de sexe en rentrant dans le XXème arrondissement ;)



]]> http://christophelhomme.wordpress.com/?p=122 Sun, 15 Jun 2008 16:32:38 +0000 clhomme http://christophelhomme.wordpress.com/?p=122 Le grounch était une extension du temps de Mac OS 8 (tirée de Sésame street) qui surgissait de la poubelle et qui chantait une petite chanson à chaque fois qu'on vidait celle-ci.



]]> http://christophelhomme.wordpress.com/?p=120 Sun, 15 Jun 2008 16:25:41 +0000 clhomme http://christophelhomme.wordpress.com/?p=120 que je peux accéder, pour paraphraser Coluche ;)

Celle-là est une de mes préférées en matière d'interdiction.



Au fait, un "atelier de propreté", c'est quoi ? Un lavabo ?

Si c'est le cas, c'est plutôt vache d'en interdire l'accès…

D'ici à ce que des gauchos aillent en déduire que "la propreté, c'est le vol !", on est pas loin ;)

]]> http://christophelhomme.wordpress.com/?p=116 Sat, 14 Jun 2008 16:01:32 +0000 clhomme http://christophelhomme.wordpress.com/?p=116 Pour faire prendre l'air à nos chers sénateurs, on leur a mis des tribunes en plein air.



]]> http://christophelhomme.wordpress.com/?p=114 Fri, 13 Jun 2008 23:07:49 +0000 clhomme http://christophelhomme.wordpress.com/?p=114 Il ne fait pas bon se tromper de bac !



]]> http://christophelhomme.wordpress.com/?p=101 Mon, 09 Jun 2008 21:07:34 +0000 clhomme http://christophelhomme.wordpress.com/?p=101 Ca va être long, un mois à attendre ça !
]]> http://arrachemoilatete.wordpress.com/?p=10 Sun, 08 Jun 2008 18:08:45 +0000 Rémi http://arrachemoilatete.wordpress.com/?p=10 Toujours dans la même discussion sur le forum de Webmaster-Hub, Thick parle d'un site qu'il a créé, poussant à l'extrême la logique de l'ergonomie incitative.

"Le "joli" est tellement subjectif. Ce qui me plaît ne te plaira pas forcément, donc zappons le graphisme et nous avons un point de désaccord potentiel en moins"

]]> http://christophelhomme.wordpress.com/?p=99 Sun, 08 Jun 2008 17:15:25 +0000 clhomme http://christophelhomme.wordpress.com/?p=99 Vous avez remarqué ce souci de toujours expliquer ce qui se passe . Ceci étant, ça m'a permis de découvrir qu'il y avait là une horloge ;-)

Enfin, un peu déçu de constater que c'est la seule du quartier :-(



]]> http://mikereyes.wordpress.com/?p=10 Sat, 07 Jun 2008 20:42:04 +0000 mikereyes http://mikereyes.wordpress.com/?p=10 C'est à la frontière de 2 champs que l'on bénéficie du plus grand potentiel créatif et force est de constater que si l'ergonomie et les web analytics peuvent se rejoindre autour d'une promesse commune, la perfomance du site, reste à réaliser qu'elles constituent 2 approches qui dialoguent peu. La question reste de savoir quelle passerelle peut être établie entre ces 2 disciplines.
]]> http://arrachemoilatete.wordpress.com/?p=8 Fri, 06 Jun 2008 09:53:48 +0000 Rémi http://arrachemoilatete.wordpress.com/?p=8 Suite à mon illumination de l'autre jour, j'ai lancé une discussion intitulée "Devenir ergonome web" sur le forum Webmaster-Hub, peuplé de gens compétents et cordiaux.

Je ne suis pas déçu : les réactions sont passionnantes.

Ce qui m'a plu, en vrac :

• des livres recommandés
• un débat sur la pertinence de suivre une formation
• des liens vers des ressources en ligne
• des parallèles avec d'autres métiers du web
• quelques précisions sur les notions d'ergonomie, d'utilisabilité, d'accessibilité, etc.
• un conseil pour avancer rapidement
]]> http://arrachemoilatete.wordpress.com/?p=6 Thu, 05 Jun 2008 15:11:42 +0000 Rémi http://arrachemoilatete.wordpress.com/?p=6 Ryan Singer parle de son travail de designer au sein de 37signals.

Do you distinguish between graphic design, user-interface design, user-experience design, etc. ?

So many words for the same things...

My job is to think clearly about people's real life problems, and figure how I can make a screen that presents information to them and accepts information from them in such a way that I can help them out. That's my job. I don't really know what you call that, but there has to be graphic design in there.

For example, if you study Edward Tufte, color matters, line-weight matters... All those different relationships have an effect on how information is presented and how easy it is to absorb. You want things to have some style and be artistic, so there's that factor, too. And at the same time, you're making software, so you're maybe using this word "usability", which we don't really use very much, now - I mean, you just want to make it good !

]]> http://arrachemoilatete.wordpress.com/?p=3 Tue, 03 Jun 2008 21:48:11 +0000 Rémi http://arrachemoilatete.wordpress.com/?p=3 Quand je serai grand, je serai ergonome web.

Ça, c'est fait.

]]>