13/06/2005

Le pape du design Doug Bowman nous guide

Stop DesignDoug Bowman a fait une présentation impressionnante à Reboot 7.0 Samedi dernier au Danemark sur le design web, et avec des re-designs de sites comme Blogger, Wired News ou Adaptive Path, Doug est une référence dans son domaine d'expertise. Doug vient d'ailleurs de re-designer Cap Gemini sous l'impulsion de François. Doug nous a expliqué que de toutes ses expériences de design, le moment le plus frappant a été lorsqu'il a rencontré un aveugle qui lui a expliqué a quel point il regrettait de ne pas pouvoir lire un très grand nombre de sites web facilement. Les sites webs qui ne séparent pas le contenu du design lui même ne permettent pas aux aveugles d'accéder à leur contenu facilement. Celui-ci est aussi difficilement "portable" sur d'autres écrans comme un téléphone mobile ou un PDA. Doug a bien entendu insisté sur l'usage de XHTML et CSS et ses avantages.

Je me suis baladé ce soir sur les références de sa société, stop design, et tout son travail est vraiment excellent, j'en avais entendu parler sans prendre bêtement le temps de regarder en détails. Nous pouvons tous apprendre beaucoup du design simple et clean de mightygoods, un weblog commerçant, ou encore du design d'un livre, The Art & Science of Web Design.

Doug nous a aussi donné quelques bons liens:
Zen Garden est une démonstration de ce qui peut être obtenu visuellement avec un design basé sur le CSS. Vous pouvez choisir parmi des centaines de style sheets différentes et visualiser instantanément le même contenu avec un design totalement différent, avec un accès complet au CSS du design pour voir comment il a été réalisé.
cssvault veut inspirer notre créativité avec le CSS, en regroupant de très nombreux liens vers les ressources disponibles sur le web
stylegala "est une source en ligne d'inspiration pour les agences web, les graphistes et les développeurs web qui s'intéressent à la puissance combinée du design, des standards du web et du CSS"

Je vois de temps-en-temps des commentaires de blogueurs qui trouvent que les blogs TypePad se ressemblent trop. Nous allons encore améliorer très prochainement l'interface de design disponible pour un public non-technique de l'offre TypePad, mais je rappelle que l'offre pro TypePad donne un accès complet au CSS et donne donc toute liberté aux blogueurs de créer de magnifiques designs ainsi qu'aux graphistes et agences webs pour leurs clients. Allez voir par exemple le design avancé de Chryde, entièrement sous TypePad. Attention toutefois, il faut apprendre le CSS avant d'y toucher, mais pas de panique vous pouvez toujours revenir à un design standard.

Ceci me fait penser d'ailleurs que mon blog aurait besoin d'un petit coup de rafraîchissement, si l'on peut parler de design... Après avoir vu tous ces exemples, j'ai la tête qui tourne !

Mise à jour: ce billet fait plaisir à Tristan qui en parle, vous allez voir nous serons même potes bientôt (bon cette pizza alors ?)

Technorati Tags: ,

D'autres liens en passant :

Pour comprendre l'utilité des css : http://openweb.eu.org/

Pour vous y mettre : un site référence (http://css.alsacreations.com/) et son blog (http://blog.alsacreations.com/)

CSS rules !
^-^

Jérémie, 13/06/2005 at 01:47

bon, il va falloir se mettre au boulot! Merci pour cette information

Véronique, 13/06/2005 at 07:42

Le plus intéressant, concernant l'influence des sites mentionnés dans ce post, est qu'on en arrive progressivement sur le net à des maquettes de presse écrite, et à une hiérarchisation de l'information qui est aussi une des réflexes de base de cette même presse. On passe progressivement de maquettes foutoirs à des ensembles où ça "circule" bien, où les lecteurs se repèrent bien.

Yves, 13/06/2005 at 09:34

Oui, de toute évidence, la hiérarchisation de l'information devient plus aisée lorsque l'on réfléchit à la combinaison texte/image.
J'approuve totalement le commentaire d'Yves.

sophie kune, 13/06/2005 at 09:44

Les feuilles de style participent de l'allègement des applications web. Pour sûr, elles sont partie intégrante du web de 2020...
Reste plus qu'à apprendre à les maitriser!

Francois, 13/06/2005 at 11:11

Ca serait peut être plus pertinent de bien séparer 2 aspects qui sont l'ergonomie et le design. "Design" en français a souvent trop tendance à se transformer en flash ou en couleurs "tendance" avec "recherche" et "études" de "spacialistes" qui n'apportent pas grand chose de concret et de valeur ajoutée à part à leur porte monnaie ;-)

Pierre, 13/06/2005 at 11:17

Les spécifications css 2 datent de 1998 je crois, et css 3 est déjà en marche. Il est vraiment temps de s'y mettre. Et tout de suite, pas en 2020 ;).
Quoique, IE sera peut être conforme aux standards d'ici là... hu hu.

j-luc, 13/06/2005 at 11:24

IE sera peut être conforme aux standards d'ici là... hu hu.

loool espérons...

Francois, 13/06/2005 at 11:55

Pierre > Effectivement Pierre, généralement les sites qui collent du Flash histoire de .. sont souvent des sites qui n'ont pas grand chose à raconter ou à offrir à leurs visiteurs.. Alors on "habille" le site avec des animations pompées ici ou là, des animations qui n'apportent rien, pire encore, des animations qui pour un "visiteurs habitués" deviennent vite ennuyeuses.... Bref, oui, il serait nécessaire de ne pas confondre Design et Flash "tendance"... et de se reconcentrer sur le Design "convivial, utile et efficace" ...
Doug Bowman est un assez bon exemple en la matière, bonne référence de la part de Loic :-)

Eric, 13/06/2005 at 15:12

Dans le même style que Cssvault, il y a également Css Beauty qui mérite le détour:
http://www.cssbeauty.com/

Anthony, 13/06/2005 at 15:16

D'une façon générale, le fait de prendre en compte les CSS et l'accessibilité des sites à tout les publics s'appelle utiliser 'les standards du web'.

Le site http://www.openweb.eu.org est vraiment LA référence francophone pour qui veut comprendre l'interêt des standards du web avec quatre modes de lecture possible dont un 'décideurs' pour ceux qui s'interessent aux avantages économiques de passer aux standards.

Il faut également se dire que le plus important dans les standards du web ce n'est pas les CSS mais l'accessibilité (et l'ergonomie en général). Rendre un site accessible n'est que positif car cela augmente la facilité des visiteurs à acceder au contenu, car nous avons presque tous handicaps, petit ou gros, physiologique, mentaux ou technologiques.

De plus l'experience montre que les sites qui passent aux standards du web voient leur référencement amélioré notablement et les couts de maintenance et d'évolution des sites diminuer.

Raphaël Wils, 13/06/2005 at 15:48

Pour tout ce qui concerne l'accessibilité, je conseille également www.accessiweb.org

Roy, 13/06/2005 at 21:53

Bonjour,

> ce billet fait plaisir à Tristan qui en parle

Jusqu'il y a peu, les blogueurs (et leurs lecteurs) étaient cantonnés dans différents mondes bien cloisonnés, donnant parfois l'impression de tourner en rond. Cela change petit à petit et c'est bien !
Sans vouloir devenir expert dans tous les domaines, il est toujours enrichissant de découvrir des sujets qu'on connaît peu, mal ou même pas du tout.

Que la notion de sites conformes aux standards et accessibles sorte du cercle de ses ardents défenseurs est une excellente chose. Beaucoup d'outils (des bons et des moins bons...) permettent à chacun de publier sur le Web sans en connaître les techniques. C'est bien et j'approuve, mais ces utilisateurs n'iront pas sur des sites de références sur les standards et l'accessibilité. Bien souvent ils ignorent qu'une mauvaise conception de leur site peut le rendre inaccessible à certains et l'gnoreont peut-être toujours, sauf s'ils ont l'occasion de lire un billet comme celui-ci.

Je suis loin d'avoir la notoriété de Tristan, mais je peux dire que ce billet me fait plaisir à moi aussi aussi :-)

Les références francophones commencent heureusement à se multiplier. J'ajoute 2 liens à tous ceux (excellents) donnés dans les commentaires précédents :
- http://www.open-s.com/Blog-Accessibilite/index.php/2004/11/22/16-accessibilite-pourquoi-et-comment-ameliorer avec un excellent document à télécharger (Accessibilité: pourquoi et comment l'améliorer)
- http://www.webmaster-hub.com pour la création/gestion d'un site Web

Amicalement,
Monique

Monique, 14/06/2005 at 19:06

Le contenu, le contenu, le contenu!
La version plus de TypePad est déjà assez performante, attention à ne pas sombrer dans les charmes vénéneux de la mise en page.
Le plus important est d'améliorer l'ergonomie de TypePad et la vitesse d'utilisation.
Bon d'accord, on aimerait un peu plus de code HTML dans la version plus!

Xavier

xavier, 15/06/2005 at 19:06

Toutes ses creations sont de tres bonnes sources d'inspiration pour ceux qui veulent ameliorer le design de leur site. Merci.

Nom d'un chien, 05/02/2009 at 15:59

Poster un commentaire

Si vous avez un compte TypeKey ou TypePad, merci de vous identifier

« Blogs et ressources humaines: des idées ! | Accueil | Compass Group déploie des blogs pour ses vendeurs »

TrackBack

URL TrackBack de cette note:
http://www.typepad.com/services/trackback/6a00d8341c53e553ef00d83423410c53ef

Listed below are links to weblogs that reference Le pape du design Doug Bowman nous guide:

» L'effet de la leumeurisation sur le point de bascule from padawan.info/fr
"C'est quoi ce truc ?" C'est une étape que j'attendais depuis... deux ans et sept mois ! Merci Loic, Maintenant il va falloir que je fasse attention à ce que j'écris chez moi ;-). Allez, puisque je suis partageur, Loic... [Lire la suite]

» Perplexe... from pdld [Place de la Démocratie]
L'Atelier a fait un article sur le portail scientifique xplora lancé par l'Union européenne. En découvrant ce site je suis perplexe et je pense à la note de Loïc sur le design et l'accessibilité... Il y a encore du [Lire la suite]

» Perplexe... from pdld [Place de la Démocratie]
L'Atelier a fait un article sur le portail scientifique xplora lancé par l'Union européenne. En découvrant ce site je suis perplexe et je pense à la note de Loïc sur le design et l'accessibilité... Il y a encore du [Lire la suite]


Rejoignez team Seesmic (en anglais) pour obtenir nos produits avant tout le monde et nous aider a les ameliorer.
Nom :
Email :

Abonnez-vous à ce blog par email




Mon activité sur Internet

Suivez-moi sur FriendFeed

Nouveau sur ce blog ?

Bienvenue sur mon blog. Je suis un entrepreneur et blogueur. Pas encore diplômé, c'est sur le campus HEC en 1996 que j'ai crée ma première entreprise. J'en suis aujourd'hui à la cinquième, Seesmic. Voici ce que TechCrunch en dit. Je vis a San Francisco pour lui donner le plus de chances possible de réussite.

Vous pouvez me suivre tous les jours en vidéo sur loic.tv, plusieurs fois par jour en style SMS sur Twitter, je poste aussi mes photos sur flickr.

Enfin, j'organise LeWeb3 à Paris tous les ans, conférence qui regroupe plus de 1000 blogueurs et entrepreneurs pour discuter de l'avenir du web.

Pour en savoir plus sur moi voici une bio plus complète, mon profil LinkedIn et mes pages Wikipedia en français et en anglais qui font souvent néanmoins l'objet de modifications ne reflétant pas vraiment la vérité, mais c'est le principe.

Vous pouvez vous abonner aux flux RSS du blog en français et en anglais et du podcast vidéo

Dernière photo envoyée

Envoyé avec mon Blackberry et Orange
 
Abonnés FR
Subscribers EN
Twitter Followers
TwitterCounter for @loic
Flux RSS Vidéos

Abonnez-vous au podcast, c'est gratuit !

Loic is on Facebook/></a>

<div><a href=LeWeb'09 - Register Now
 Ajoutez moi sur ...