Archive pour le mot-clef ‘design’

De l’accessibilité des sites web en mobilité

Tel-mobile J’entends souvent dire qu’il faut une version mobile pour un site internet (soyons francs, quand on m’en parle, on appelle ça une version iPhone, ça fait mieux) et je dois dire que je suis assez d’accord. On ne recherche pas la même chose en situation de mobilité que derrière l’écran de son ordinateur confortablement, vautré dans le sofa. Une version bien épurée, pratique et ergonomique permet à l’internaute de gagner du temps et offre une bien meilleure expérience utilisateur. On ne s’adresse pas à l’internaute de la même manière quand il est sur un ordinateur ou sur un téléphone.

Ceci étant, proposer une version optimisée pour les téléphones ne doit pas dispenser de proposer une version générale « compatible » mobile…

Lire le billet »


Développement web durable ?

Ca fait plusieurs fois ces derniers temps que j’ai l’occasion de me demander « mais pour combien de temps ces gens développent-ils leur site internet ???« . Et chaque fois, l’horizon est de 3 à 5 ans. Le web évolue vite, donc il faut refaire régulièrement. Ils en ont conscience, c’est normal, c’est une dépense lourde, mais Internet est un impératif, ça permet d’avoir une bonne vitrine et de soigner son image, il faut dépenser.

Je ne suis pas totalement contre cette idée. Le web évolue vite. Il faut donc faire évoluer les sites en même temps. Mais en revanche, une grosse refonte de profondeur est-elle vraiment nécessaire si le projet est bien pensé au départ ? A mon gout, le seul risque, c’est le changement radical de technologie (genre ASP => PHP => ROR), pour le reste, des améliorations régulières suffisent amplement.

Sauf quand un site n’est pas prévu pour durer : de très gros développements Flash, absence de séparation entre le fond et la forme, code incompréhensible pondu par une machine sans intelligence, aucune orientation objet dans le développement (ou pensé à peu près comme tel), etc…

Ce qui m’étonne le plus, c’est que l’on soit encore actuellement dans une démarche de vendre ce type de produits. Qu’à-t-on à y gagner ? Refaire le travail tous les 3 ans ? Les changements de chartes graphiques, les évolutions régulières, les nouveaux services, devraient fournir largement autant de travail… et surtout, surtout, permettre d’aboutir à un résultat plus concluant puisque pas repris régulièrement à zéro !

Ah ! Si 2008 pouvait correspondre avec une prise de conscience de l’intérêt d’un développement propre et de celui du respect des standards, ce serait une bonne année
à tous ! (Ben quoi ? Je ne vous l’avais pas encore souhaité !)


Infographie 2.0 et Ajax

infographie 2.0 Je ne suis pas particulièrement versé sur le design en règle générale (la tête de ce blog en dit long sur le sujet). Mais j’ai quand même décidé de me remettre un peu au gout du jour. J’ai donc consulté quelques billets sur l’infographie à la mode 2.0 :

Je me dis au final que l’infographie présente sur le Web 2.0 est composée d’ombrages, de dégradés, de reflets… Il n’y a rien de magique dans tout ça. Rien de bien difficile non plus me direz-vous. Tous les outils dont on se sert pour réaliser ces jolies illustrations sont présents depuis longtemps au sein des logiciels d’infographie.
Mais alors pourquoi diable tout cela n’a-t-il pas vu le jour plus tôt ?

C’est exactement le même cas que pour l’ajax. Les divers langages nécessaires étaient là depuis belle lurette, et ce n’est apparu que bien plus tard, du jour au lendemain, sans que l’on sache vraiment pourquoi…

Après, du côté infographie, la mode doit certainement jouer un rôle (qu’elle ne peut avoir eu pour l’ajax).


Oh oui CSS

Je craque… je ne voulais pas faire de suivisme là dessus, mais je finis par me résigner  ! Un pur truc de Geek !
CSS oh oui à écouter en ligne avec les paroles à côté !
Là je ne pourrais plus rien dire quand je verrais un de mes stagiaire en train de développer avec un casque scotché dans une oreille. 😉


Mise en forme de flux RSS.

Ca ne vous énerve pas vous de voir un vilain fichier incompréhensible quand vous cliquez sur un flux RSS, ou quand vous tombez dessus via Google ? Moi si, beaucoup même. Il y a pourtant moyen de mettre en forme ces flux RSS via des fichiers XSL.

Je me suis amusé à rendre mon fil RSS à peu près lisible. Le code n’est pas forcément très dur à comprendre :

  • d’un côté un fichier rss.xsl qui permet de remanier la sortie du flux pour un affichage épuré,
  • un fichier rss.css pour la mise en forme (à personnaliser, ou utiliser directement celui de votre thème Dotclear),
  • et un fichier rss.js. Là par contre, c’est une technique qui n’est pas tout à fait clean, j’utilise un remplacement en javascript des balises < et > pour contourner la commande disable-output-escaping= »yes » qui n’est pas implémentée dans Mozilla.

Ca donne un truc plus lisible, et il y a bien entendu moyen de faire bien mieux. Je me suis essentiellement basé sur le travail d’Adal Chiriliuc pour le fichier xsl, les conteneurs ont été ajoutés/renommés pour s’adapter à Dotclear.

Pour ceux que ça intéressent, vous pouvez télécharger les fichiers ici. A vous de compléter à votre sauce. Amusez vous bien…