Vivement le web 1.0
-= Chaos Elite Troops =-
Inscription le 24-02-03
Messages : 2989
 Age : 50 ans
Lieu de résidence : En dessous de tout
|
|
|
|
|
L'esthétique des sites web a été posté le : 27/08/06 01:00
|
C'est après avoir été parcourir le magnifique site de la BNF que je me suis enfin décidé à aborder un sujet qui me trotte dans la tête depuis un bon moment, celui de l'esthétique des sites web. Domaine assez controversé connaissant plusieurs écoles.
Tout d'abord, il faut prendre en considération un fait très simple : la grande majorité de l'information susceptible d'être mise en forme sur le web consiste en du texte. Or, on voit encore trop de sites pourris de délires esthétisants rendant les textes sinon illisibles, du moins difficile à lire, parfois créés par des baltringues s'intitulant prétentieusement web-designers professionnels (et se faisant payer à prix d'or à ce titre). Même quand l'information est sous la forme d'images, certains boulets arrivent à la rendre inaccessible par excès d'ornementation.
Ça m'énerve.
Bon, j'en fais pas un plat non plus, mais quelque part ça m'énerve quand même.
Parce que les règles qui font la qualité esthétique et ergonomique des pages web sont connues depuis longtemps, bien plus longtemps que l'existence de l'Internet. Car ce sont à peu de choses près les mêmes règles qui régissent toute forme de publication depuis des siècles, tout le savoir-faire de la profession de maquettiste, que connaissent également très bien les bons imprimeurs, sérigraphes, tampographes, offseteurs, etc. Un peu de mise en perspective ne fait pas de mal : un bon artisan dans les domaines sus-cités sait en moyenne beaucoup mieux ce qu'il faut faire et ne pas faire sur une page web que la plupart des diplomés de filières informatiques ou artistiques, dont certains n'hésitent pourtant pas à se la péter grave en produisant de la ********. De la ******** fort jolie, parfois. Mais de la ********.
Pour moi, un site web doit impliquer une élégante sobriété, un usage de la décoration limitée à la mise en valeur du texte voire, pour les meilleurs, un assaisonnement qui maintient l'intérêt du lecteur.
Quelques commentaires de sites pour illustrer mon point de vue sur le sujet :
- Le site du projet GNU est totalement (et délibérément) minimaliste. C'est du brut de décoffrage, c'est propre mais terne. Le texte est bien lisible, ça c'est au poil, mais il gagnerait à être mieux mis en valeur : certains lecteurs intéressés par le sujet peuvent avoir du mal à suivre certains articles techniques sortant de leur expérience, une présentation moins terne pourrait les aider à rester concentrés et à comprendre davantage.
- Le susmentionné site de la BNF est également très simple, mais applique cependant des principes de mise en page qui renforcent l'attractivité des textes. Ça reste assez brut, il n'y a pas de décoration, mais c'est pensé intelligemment, les paragraphes sont bien marqués, les listes et les tableaux sont propres et clairs, bref, dans le genre, c'est magnifique. J'ignore qui a conçu ce site, mais c'est une merveille au niveau du rendu et compte tenu du propos. Car, oui, le style d'une page web doit être adapté au propos. Du coup un style plus riche peut être tout aussi approprié que celui de la BNF dans son domaine.
- Le site de NooSFere est, lui, beaucoup plus élaboré, avec des illustrations et de nombreux menus. Il a été refait récemment, et utilise un rendu légèrement plus sophistiqué que la version précédente, mais sans ostentation, avec une progression bien pensée, et une décoration bien placée qui n'interfère pas avec le texte (et une ergonomie améliorée). C'est coloré et vivant, c'est joli et fonctionnel, ça attire et retient l'oeil sans l'agresser, c'est équilibré, c'est élégant, bref c'est presque aussi beau qu'une chemise de Playford.
Bon, tout cela n'est que mon avis sur la question, basé sur mes critères : le propos est ici de confronter ses appréciations de ce qu'est un "beau site". Et si vous en connaissez de particulièrement moches, n'hésitez pas à les signaler comme contre-exemples, c'est utile au débat aussi.
--------------------
Citation :<Smurk> Tu es trop sérieux, Schmo.
|
|
|
Schmorgluck est sponsorisé par Stimotroll, le chewing-gnome au goût sauvage !
« Une fixation culturelle sur la minceur féminine n’est pas l’expression d’une obsession de la beauté féminine, mais de l’obéissance féminine. » Naomi Wolf, "Le mythe de la beauté"
« Ni dieu, ni maître, ni slogan ! » André Igwal
|
|
|
|
 Cachée
|
|
Luciole à tendances psychopathes
-= Chaos Lieutenant =-
Inscription le 18-10-05
Messages : 4938
 Age : 40 ans
Lieu de résidence : Forêt de Draco
|
|
|
|
|
|
Réponse au Sujet 'L'esthétique des sites web' a été posté le : 27/08/06 11:04
|
Personnellement je trouve la page d'accueil du site de la BNF un peu chargée. Après, heureusement, c'est très bien, lorsqu'on va voir les articles, etc...
J'avoue avoir une préférence pour les sites sobres, ce qui n'exclut pas un peu de couleur, parce que par exemple le site du GNU, dont tu donnes le lien, est un peu trop blanc. Je pense qu'avec un fond très pâle mais coloré ça serait déjà bien mieux. Mais le blanc peut également être bien utilisé si on met de la couleur autour. Un site que, visuellement, j'aime beaucoup, c'est Elbakin : quelques images, un chouette logo, des articles faciles à parcourir et à retrouver. Quand je m'y rends, un rapide coup d'œil aux titres bien visibles me permet de voir si quelque chose m'intéresse.
Bémol : le menu qui est à droite et qui n'est pas directement accessible quand la fenêtre Internet n'est pas très large, alors qu'il aurait été à gauche au dessus du lion, il serait immédiatement visible et utilisable.
Bon voilà, ce n'est que mon avis bien sûr mais j'aime la sobriété dans les sites. Et aussi que le texte ne soit pas écrit trop petit sinon c'est moins facile de trouver facilement ce qu'on cherche.
--------------------
Lisez Le Vol de l'Aigle !
|
|
|
|
|
Cachée
|
|
|
Call me Vik-odine...
-= Chaos Genitor =-
Inscription le 16-11-01
Messages : 6603
Age : 55 ans
Lieu de résidence : Avant Roeschtigraben
|
|
|
|
|
Réponse au Sujet 'L'esthétique des sites web' a été posté le : 27/08/06 13:04
|
Ce qui est important également dans un site, pour l'ergonomie, c'est la navigation, l'interface. Personnellement, j'accorde beaucoup d'importance à ce genre de choses, que ce soit pour un site Internet, ou même pour un jeu. Interface pourrie = j'abandonne. Et si j'abandonne, c'est dommage pour les éditeurs du jeu ou pour les concepteurs du site parce que je n'aurais pas parcouru ce qu'ils auraient voulu que je parcours.
De plus, et ça a le don de m'horripiler quelquefois, c'est la surenchère dans l'animation du site web. Je ne compte plus les sites qui incluent des animations Flash, rendant également lourd la navigation. Ca m'énerve d'attendre 10 secondes (même 3 secondes c'est déjà trop) que l'animation se charge pour que je puisse consulter ce que je veux. Surtout que ça n'apporte rien de plus qu'une navigation standard, sauf que ouais c'est super on a du son et de l'anim. Le webmaster s'est fait plaisir mais le résultat est à chier (désolé pour lui). Ouais bof, c'est comme tous ces jeux en 2D qu'on transforme en 3D parce que c'est tendance alors que la 3D rend le résultat plus bordélique. Un site Internet, c'est pareil.
C'est un peu fouilli, mais voila en gros ce que je déplore sur certains sites.
--------------------
"How much wood would a woodchuck chuck if a woodchuck could chuck wood ?
- A woodchuck would chuck all the wood that the woodchuck would chuck if a woodchuck could chuck wood."
-------------------------------------------------------------------------------------------------
|
|
|
|
|
Cachée
|
|
Dixit Eo
-= Chaos Doomed =-
Inscription le 25-05-02
Messages : 6806
Age : 115 ans
Lieu de résidence : Dixit Eo
|
|
|
|
|
Réponse au Sujet 'L'esthétique des sites web' a été posté le : 27/08/06 13:53
|
Exemple de l'anti-thèse du forum structuré, lisible et qui touche au but :
http://www.muco.pushpika.homeip.net/
Bon, déjà, il y a des images qui ont disparu, on ne sait pas très bien pourquoi... Sans-doute parce que l'édition de ce site est en libre accès pour des gens qui ne maitrisent tout simplement pas internet (mon "collègue" (salarié, lui  ), qui a plein d'autres qualités  )
Passons ce détail technique qui sera réglé bientôt... Personnellement, je trouve la navigation HIé.
Un menu. Un sous menu. Un sous-sous menu, tout ça pour nous amener sur un total de 112 pages dont les trois quart disent la même chose et relatent la même information.
Passons sur les textes d'introduction qui sont en justifié à droite et à gauche et qui génèrent des espaces moches qui rendent la chose encore moins lisible.
Et après, on me demande de corriger ce site web, tout en gardant la même configuration, sinon c'est pas drôle. (Il y a le webmaster, bénévole, puis l'hébergeur, bénévole, puis mon collègue, salarié, qui me propose tel ou tel travail, à moi, bénévole, et qui fait en fonction de ce que les autres bénévoles lui offrent. Comment on veut que ça tourne avec ça ? )
Bref, le temps de la clarté de http://www.muco.be est révolu, bienvenue sur ce nouveau site web qui va donner à plus d'un l'envie de cliquer sur la petite croix en haut à droite.
Est-ce une mode ? J'en sais rien. Mais c'est clair pour moi que beaucoup de sites webs sont de moins en moins lisibles et de plus en plus chaotiques, entravant par là la distribution de l'information parfois très importante (pour le visiteur, pour le client du webmaster, ou pour les deux) qu'ils contiennent.
Rien à faire... Je ne suis pas tous les conseils d'un certain des Tetynes, G. de son prénom, mais sa page explicative sur le html devrait être enseignée dans toutes les écoles qui touchent le multimédia en général, et internet en particulier.
--------------------
Paris a ça de commun avec les petits villages de la campagne profonde que ce sont les deux seuls endroits où on peut y trouver des individus foncièrement agressifs, stupides, associaux de nature, se croyants intelligents et n'étant pas conscient de la vie qui existe hors de leur commune. (Dixit Eo)
--------------------
Zien Nith, le plus grand des Hasards ! (Dixit Eo)
--------------------
Membre du Fan Club de Yavine03 (Dixit Eo)
--------------------
Serial paranoïaque team, atteint du syndrôme de Pafoitroi. (Dixit Eo)
--------------------
Vis fidei + In actis honor (et vive Gropaf ! (Dixit Eo))
--------------------
Dix-Itéo : La signature. (Dixit Eo)
|
|
|
|
|
Cachée
|
|
Vivement le web 1.0
-= Chaos Elite Troops =-
Inscription le 24-02-03
Messages : 2989
Age : 50 ans
Lieu de résidence : En dessous de tout
|
|
|
|
|
|
Réponse au Sujet 'L'esthétique des sites web' a été posté le : 27/08/06 17:54
|
Ah, oui, en effet, utiliser la justification sur des colonne aussi étroites, c'est un peu ballot. Le système de menu et de sous-menus est bien fait techniquement, mais effectivement trois niveaux c'est un peu lourd. À part ça, ça reste assez joli. Quoique, en parcourant un peu, j'ai pu constater que c'est un poil bordélique au niveau des polices de caractères. Trop de formats différents sans vraiment de cohérence, utilisation de polices sans empattements dans des corps de texte parfois denses (l'empattement aide à guider l'oeil), pages utilisant une mise en forme différente des autres, etc.
Un truc qui vient de me revenir à l'esprit : comme ceux qui s'intéressent à la question le savent, le système des frames est deprecated, c'est à dire en voie d'obsolescence (à part la balise iframe, je crois), et exclu de la norme stricte. C'est la conséquence de nombreux abus de la part de créateurs de site qui ne savent pas s'en servir raisonnablement. Bien utilisé, ça peut être très pratique, mais quand on se retrouve avec une imbrication de cadres à trois ou quatre niveaux, c'est un vrai cauchemar pour l'oeil comme pour la navigation.
On peut aussi pester contre l'abus d'images GIF animées : en trop grande quantité, c'est une faute de goût impardonnable, c'est fatigant à regarder, ça fait fuir.
--------------------
Citation :<Smurk> Tu es trop sérieux, Schmo.
|
|
|
Schmorgluck est sponsorisé par Stimotroll, le chewing-gnome au goût sauvage !
« Une fixation culturelle sur la minceur féminine n’est pas l’expression d’une obsession de la beauté féminine, mais de l’obéissance féminine. » Naomi Wolf, "Le mythe de la beauté"
« Ni dieu, ni maître, ni slogan ! » André Igwal
|
|
|
|
|
Cachée
|
|
|
|
Vivement le web 1.0
-= Chaos Elite Troops =-
Inscription le 24-02-03
Messages : 2989
Age : 50 ans
Lieu de résidence : En dessous de tout
|
|
|
|
|
|
Réponse au Sujet 'L'esthétique des sites web' a été posté le : 30/08/06 20:29
|
Oui, mais ça c'est du contenu, Oph, pas de la mise en page.
Pour commencer à cataloguer mes bouquins alors que je ne les ai pas sous la main, j'ai butiné quelques sites d'éditeurs, pour reconstituer de mémoire ce que j'ai venant de chez eux.
Du coup, j'ai pu comparer la facture des sites de L'Atalante, Nestiveqnen, Bragelonne, Mnemos, Au Diable Vauvert et Fleuve Noir. Comparons.
Le site des éditions L'Atalante est simple, voire minimaliste, mais facile d'accès et agréable à l'oeil. On peut noter qu'il n'est pas dynamique, et que son organisation repose sur une hiérarchie simple "collection-auteur-livre", ce qui est suffisant pour un catalogue de cette taille.
Le site des éditions Nestiveqnen est une pure catastrophe ! Décoration lourde et navigabilité en dessous de tout : par exemple, si on clique sur le lien vers la page des auteurs, on obtient une liste des auteurs mais aucun lien vers une liste de leurs bouquins comme on pourrait l'espérer, le seul et unique moyen d'accéder à n'importe quel titre est la liste de choix en première page (qui renvoie un 404 si on clique sur les noms d'auteurs ou titres de séries), bref c'est nase, c'est pourri, c'est atroce, c'est le degré zéro du site web.
Les sites de Mnemos et Bragelonne sont assez similaires dans leurs approches, bien décorés sans être trop chargés, avec une logique de navigation intuitive appuyée par un menu bien situé et clair. Un plus esthétique pour le menu de Mnemos, compensé par un moins en navigation : pas d'entrée "auteurs", il faut cliquer sur "catalogue" pour ça.
Le site d'Au Diable Vauvert est classieux et élégant, avec cependant une logique des menus un peu perturbante (les différentes catégories de livres se recoupent, et il n'y a pas d'accès par auteurs).
J'avoue que j'ai hésité à mettre le site de Fleuve Noir : c'est pas la même catégorie d'éditeurs. Mais j'ai trouvé que la comparaison était intéressante. Le catalogue de Fleuve Noir étant considérable, une approche minimale telle que celle de l'Atalante est bien entendu exclue (ce n'est pas le cas des trois autres). Le site est donc plus complexe que la moyenne, ce qui permet de rechercher efficacement les infos. Au niveau décoration, ça reste sobre, plus sobre même que Mnemos et Bragelonne, passée la page d'accueil. Rien à redire, c'est plutôt bien foutu.
|
|
Dernière mise à jour par : Schmorgluck le 30/08/06 20:44
|
--------------------
Citation :<Smurk> Tu es trop sérieux, Schmo.
|
|
|
Schmorgluck est sponsorisé par Stimotroll, le chewing-gnome au goût sauvage !
« Une fixation culturelle sur la minceur féminine n’est pas l’expression d’une obsession de la beauté féminine, mais de l’obéissance féminine. » Naomi Wolf, "Le mythe de la beauté"
« Ni dieu, ni maître, ni slogan ! » André Igwal
|
|
|
|
|
Cachée
|
|
Troll in Oz...
-= Chaos Genitor =-
Inscription le 27-09-02
Messages : 2017
Age : 44 ans
Lieu de résidence :
|
|
|
|
|
|
Réponse au Sujet 'L'esthétique des sites web' a été posté le : 31/08/06 08:40
|
N'oublions pas l'accessibilité du site en question. C'est souvent un challenge de rendre un site accessible et esthetique et moderne et plaisant, en suivant un tas de petites recommandations du genre W3C ou (pour ceux qui trouvent le W3C trop pénible) :
http://www.accessiweb.org/fr/Label_Accessibilite/criteres_accessiweb/92_accessiweb_lineaire/
Ces considérations amènent souvent à s'intéresser à l'utilité des animations et autres trucs bizarres auxquels on ne fait plus attention maintenant. Ahh, un site comme celui du projet gnu, c'est du bonheur.
|
|
|
|
|
Cachée
|
|
Toujours un peu plus loin
-= Chaos Genitor =-
Inscription le 27-03-02
Messages : 8314
Age : 45 ans
Lieu de résidence : Kook's Kastle
|
|
|
|
|
|
Réponse au Sujet 'L'esthétique des sites web' a été posté le : 31/08/06 09:14
|
Aïe aïe aïe...
Je suis en train de bosser sur une nouvelle version du site de ZoC (qui n'était pas une merveille de clarté et d'accessibilité - en partie à cause de tout plein de microtrucs rajoutés en surcouches), et j'ai peur du verdict des gens...
Pour le site de l'association de Zien, ce que j'aurais tendance à reprocher, ce n'est pas tant la justification des colonnes que le trop faible espacement (ou l'espacement pas assez marqué) entre celles-ci. L'oeil ne peut donc pas se focaliser sur un bloc et a tendance à déborder, rendant la lecture difficile...
Maintenant, et indépendamment des gif animés, couleurs flashies et autres fanfreluches que j'avoue avoir du mal à apprécier, je voudrais vous poser une question: Pourquoi avoir des largeurs de sites fixes?
Je m'explique.
Il y a encore quelques mois, la norme était au 1024x768 pour les écrans. L'immense majorité des sites webs était donc optimisée pour cette résolution. Sauf que maintenant, la résolution par défaut a gagné un cran (1280x1024 en standard pour les écrans LCD, montant jusqu'à beaucoup - pour ma part, j'ai au bureau une fort bourgeoise résolution de 1400x1050, que je ne peux pas réduire pour cause de dalle pas optimisée pour le reste...). Et que sonc, il arrive qu'on se retrouve avec une micropage toute ridicule centrée au milieu d'un grand cadre avec l'image de fond (ou un grand fond blanc/rose fuchsia/violet purpurin/noir encre...).
Bref, pourquoi ne pas prendre des repères propotrionnels pour les pages web (comme par exemple sur les forums) pour des sites dont la fixité des graphiques n'est pas une composante essentielle (excluant donc les sites purements graphiques, du style galerie d'images)? Et pourquoi les webmasters n'optimisent-ils leur site que pour une seule résolution (et je ne parle pas des navigateurs... La non-reconnaissance du format png, ou tout du moins de son alpha channel, par IE est à mon sens une insulte aux webmasters)?
Regards,
Skro, qui s'est fait chier à avoir un site agréable pour les résolutions 1024*768 ET plus...
--------------------
Ecoutez ZoC Radio, la radio du Chaos!!!
Un intégriste, c’est quelqu’un qui a des convictions que je ne partage pas. Et qui ose le dire, en plus !
Edmond Prochain
Computer games don't affect kids, I mean if Pac Man affected us as kids, we'd all be running around in darkened rooms, munching pills and listening to repetitive music.
Marcus Brigstocke
Dans le catholicisme, la pinte (de bière), la pipe et la croix peuvent faire bon ménage.
GK Chersterton
|
|
|
|
|
Cachée
|
|
Vieux Con
-= Chaos Legions =-
Inscription le 13-05-02
Messages : 1318
Age : 46 ans
Lieu de résidence : Symbole de Paix
|
|
|
|
|
Réponse au Sujet 'L'esthétique des sites web' a été posté le : 31/08/06 09:55
|
Il est a noté un facteur prépondérant, qui surclasse de trés loin les normes W3C, les problèmes d'accessibilité, le graphisme, voire la logique pure et simple : le désir du client.
En effet, beaucoup de genspayent pour avoir un bô site web. Si. Y'en a qui me payent même moi.
Et le plus souvent, ces gens n'y connaissent rien au net (voire sans foute/veulent pas apprendre. Oui, j'en connais. Des riches, pas de bol).
Donc, le pauvre webmaster doit jongler entre impératifs techniques, passif existant, contrainte stemporelles (oui, y'a un budget fixe, donc un temps fixe de réalisation. Et le webmaster a beau être un geek, les journées de 22h51) et désir plus ou moins fumeux du client.
Notons que de manière générale, le client aiment les choses lourdes, graphiquement chargées, avec plein d'images mais aussi beaucoup de texe (avec une jolie police) pour faire style qu'il y a beaucoup de contenu, les animations bien fluide (en flash), mais qui soient updatable/changeable aisement.
Le site GNU est un plaisir pour le webmaster, mais il est totalement invendable (et il faut bien vivre).
A noter : sur mon écran à la solde du grand capitalisme, ce site à une police à la limite de la lisibilité...
BNF est trés bien, même si j'aurais rajouté quelques rollovers ou soulignage sur certains liens (on voit pas forcemment qu'il s'agit de lien).
De plus, sur mon écran de bourgeois, le site fait un peu "small", calé en haut à gauche, avec plein de blanc autour...
Noosfère est sympathique, bien que graphiquement "humble". La case centrale "A la une" est un peu grande et vide sous ma résolution...
|
|
Dernière mise à jour par : MageGaHell le 01/09/06 23:31
|
--------------------
"L'Infini ?
...Prenez la taille de mon ego et ça vous paraîtra petit..."
Aerth, récits fantastiques
...Et en plus il écrit et il blog...
|
|
|
|
|
Cachée
|
|
Réponse au Sujet 'L'esthétique des sites web' a été posté le : 27/08/06 12:43
