Version complète: sur le forum Webmaster Hub : Tenez-vous compte du 800*600 ?
Webmaster Hub > Création et exploitation de Sites Internet > Les fondations d'un site > Le Webdesign
Pages: 1, 2
Yazerty
Bonjour,

Je suis en train de réfléchir à un nouveau design pour mon site Yazerty.Net.

L'actuel design présente une colonne de menu sur la droite. L'internaute en 800*600 n'est pas excessivement gêné, car il ne voit pas seulement une trentaine de pixels.

Le design que j'envisage se baserait sur une résolution minimale de 1024*768 car il présenterait 2 colonnes de menu sur la gauche (qui seraient légèrement plus étroite que l'actuelle de droite, mais cela ne change rien à l'affaire wink.gif ). Le tout en "fixe" pour avoir la même vision que n'importe lequel de mes visiteurs et mieux gérer la présentation de mes choses...

Ma question est donc la suivante : tenez-vous toujours compte des visiteurs en 800*600 alors que plus de 91% des internautes sont en plus de 1024*768 (en tout cas chez moi, 14% en 800*600 selon Browser Statistics) et que de nombreux sites demandent une résolution minimale de 1024*768 (même l'excellent Gmail maintenant qu'il y a des pubs sur la droite quand on lit un mail !) ?

Si vous avez des articles à ce sujet je suis preneur, qu'il soient en français ou en anglais smile.gif !
captain_torche
Tout dépend du public visé par ton site.
Pour un site visant un pubic un tant soi peu technophile, tu peux sans souci demander une résolution minimale de 1024*768.

Par contre, si le public visé est plus généraliste, il vaut mieux se limiter au 800*600, nombre d'utilisateurs avec un écran 17" revenant volontairement à une résolution plus basse.
georges
salut,

mon avis strictement perso : il existe encore plein de gens qui disposent d'un radio-cassette ou d'une voiture qui roule à l'essence plombée : est-ce que pour autant la grande majorité des grandes majors éditent leurs tubes au format "K7" et la plupart des stations-essence distribuent encore du plombé ?

ce que je veux dire, c'est que le monde change, la technique évolue et qu'il faut parfois forcer la main aux récalcitrants... mais si l'on ne s'appuyait que sur ces derniers, on écouterait seulement le champ des grillons et l'on ne pourrait se transporter que sur le dos des dinosaures whistling.gif

mais bon, ça a son charme, hein, surtout dans l'administration paraît-il (pour les 800*600) hypocrite.gif
tribords
Pour ma part, je fais toujours attention à rester dans les 800 pixels de large, je pense qu'il s'agit d'une habitude et que dans beaucoup de cas un template à largeur fixe de 800 suffit. Je fais aussi partie de ceux qui tentent de faire un code (sans le poids des images) qui ne dépasse pas les 40ko. Mais ça je suppose et espère qu'il y en a encore pas mal.
beal2912
Alors, moi je fais un design en 1600*1200 et tant pis pour les récalcitrants qui n'ont pas encore de double écrans 30" tongue.gif.

Tu risques de perdre une partie de tes 14% mais si le contenu de ton site les intéresse une scrollbar en bas ne devrait pas trop les déranger smile.gif
captain_torche
Personnellement, une scrollbar horizontale m'ennuie profondément : c'est carrément anti-ergonomique (rares sont ceux disposant d'une souris dont la molette permet le déplacement horizontal).

Sinon, pour ce qui est d'un design "compatible 800*600", il ne faut pas dépasser 770 / 780px de large, pour tenir compte des bordures de logiciels, plus des éventuelles scrollbars.
georges
je crois que le site webmasterhub a adopté un style "élastique" permettant de s'adapter à n'importe quelle résolution, non ?
captain_torche
C'est effectivement ça.
Le souci des interfaces élastiques (en dehors de leur mise en oeuvre correcte), c'est qu'elles perdent en lisibilité dans de grandes résolutions.
Modibo
Personnellement Non, c'est très peu répandu, je fais plutot attention aux deux dimensions suivantes
PhY
Je me suis posé au moins 15 000 questions sur le design de mon site: Fixe (800 - 1024 ?) où extensible.
J'ai choisi l'extensible avec un choix: J'essaie de mettre des images de moins de 400 pixels maxis car sur IE 6 avec mon design c'est l'enfer wacko.gif

J'ai choisi aussi le design extensible car je n'aime pas trop avoir une partie de mon écran inutilisée, et les écrans deviennent de plus en plus larges. Par contre au niveau mise en page c'est assez galère voir moche quand on a pas beaucoup de contenu dans la page.

Arfff, je ne sais pas si je t'ai aidé smartass.gif .

PS: nous avons changé à mon boulot les 15" RTC en 17" Plat : 80% des personnes ont gardé le 800x600 whistling.gif
destroyedlolo
Perso, je ne fais quasiment que de l'interface elastique avec une resolution minimal de 800x600 (sauf pour les sites de photos ou les photos elles meme sont generalement en 800x600).

Pourquoi, car simplement ca laisse la liberte au visiteurs d'utiliser la taille qu'il souhaite ... car beaucoup de gens ne surfe pas en plein ecran, mais juste sur une petite fenetre dans un coin (d'ailleurs, je trouve plus que c***t les sites qui passent automatiquement en plein ecran evil.gif C'est naze et c'est manque de respect pour le visiteur je trouve).
petit-ourson
Je n'en tiens plus compte mais je fais en sorte que ces utilisateurs aient accès au contenu des sites.
Yazerty
Oula, tant de réponses en si peu de temps, merci merci smile.gif ! Ca permet de se faire un avis...

CITATION(petit-ourson @ jeudi 8 février 2007, 17h10) *
Je n'en tiens plus compte mais je fais en sorte que ces utilisateurs aient accès au contenu des sites.


C'est à dire ?


Je pense que je vais rester sur mon thème 1 colonne mais essayer de le rendre compatible en 800*600. Il faudrait que j'arrive à modifier mon thème pour qu'il soit rogné de quelques pixels. Pour l'instant je galère pas mal (si quelqu'un a une idée sur quelques petites choses à faire dans mon style.css wink.gif )

En attendant j'ai mis mon menu sur la gauche pour permettre à ceux en 800*600 de le voir entièrement. De plus si j'insère un jour des Adsense, ce sera plus efficace sur le côté gauche...
karnabal
Hello,

Je partage le point de vue de georges.

Je considère que ma cible est plutôt techno donc je suis parti sur un design prévu pour un affichage sur du 1024x768 et mes statistiques m'annoncent que seul 5% des internautes ont une résolution inférieure à celle-ci.
thick
Je milite pour le 1024, mais j'ai trouvé une astuce qui peut contenter tout le monde...
Si vous regardez les 7 Dragons (clic en signature) et que vous utilisez la fonction Resize de Web Dev de Firefox pour passer en 800x600 (ou tout autre similateur de résolution), vous verrez que c'est simplement la colonne de droite avec les pubs qui est zappée.
Pixame
Je fait exactement comme Thick : mise en page pour du 1024x768 mais avec tout le contenu éditorial qui reste présent en 800x600 (pareil pour moi, c'est la pub qui se trouve zappée).

Sauf à faire une mise en page fluide qui s'adapte à toute les largeurs d'écran, je trouve que faire un site pour du 800x600 n'est plus adapté car beaucoup ont des résolutions plus importante et des écran 16/10 et non 4/3.
Yazerty
Mui, mais les utilisateurs en 800*600 ne trouvent cette barre de scrolling un peu frustrante :-?
karnabal
Il faudrait leur demander. tongue.gif

Tu scrolles sur les pubs toi ?
kloobik
CITATION(georges @ jeudi 8 février 2007, 15h36) *
il existe encore plein de gens qui disposent d'un radio-cassette ou d'une voiture qui roule à l'essence plombée : est-ce que pour autant la grande majorité des grandes majors éditent leurs tubes au format "K7" et la plupart des stations-essence distribuent encore du plombé ?
C'est direct mais pourtant vrai smile.gif
Je travaille indifférement en 800, en 900, en 1000 etc ... Certes il reste des afficonados du 800 mais la plupart des écrans vendus aujourd'hui sont en 1024 et beaucoup d'utilisateurs ne savent pas en changer la résolution. Mais à la demande je travaille encore en 800.

Nostalgie quand tu nous tiens wink.gif
Yazerty
Ben même si c'est de la pub ça fait quand même une moche barre de scrolling blush.gif . Mais c'est clair que c'est loin d'être dramatique s'ils ne voient pas la pub wink.gif !

Je pense aussi à tous les nouveaux appareils nomades qui vont débarquer à partir de l'année prochaine, et s'imposer d'ici 3-4 ans. On aura à repenser nos sites. Car naviguer sur un site en 1024 sur un iphone sera possible (fonction de zoom), mais sera forcément plus facile si le site est designé pour du 800*600 (même si l'iphone ne devrait même pas être dans cette réso' ça aidera quand même...).

ps : et puis de toute façon l'iphone ça pue whistling.gif
Dudu
Salut

Sujet déja traité plusieurs fois sur le Hub (VirtuelBlue doit s'en souvenir biggrin.gif)

Mon avis reste inchangé: le web est un média qui grossit, donc qui touche beaucoup plus de gens. À la fois des technophiles, des profanes, des personnes avec de bons yeux qui aiment quand c'est écrit en 9px de haut (moi), des personnes avec de moins bons yeux qui préfèrent quand c'est écrit gros, des qui naviguent au clavier, des qui ne touchent que leur souris pour surfer, des handicapés, des bien-portants, etc etc...

Le but est de contenter tout le monde, et figurez-vous que pour les résolution d'écran c'est assez simple, la solution tient en 4 mots:
Mise en page élastique smile.gif

Alors effectivement, on va parler du problème inverse: en cas de résolution trop grande, ça dérange la lecture. Je réponds faux pour les raisons suivantes:
  • Après des années passées en 1024*768 sur un écran 15', je viens de passer au 1680*1050 sur un écran 30' et j'ai gardé quelque temps l'habitude d'étirer mes fenêtres au maximum comme je le faisais avant. Sachant que je fixe les préférences de mon navigateur à des polices de 9/10px de haut, effectivement c'est long mais pas illisible. Et puis surtout, on se rend vite compte qu'il n'est pas nécessaire d'étirer sa fenêtre à fond, et ma fenêtre de navigateur est très vite revenue à la même taille que lorsque j'utilisais du 1024*768.
  • La propriété CSS max-width est faite pour ça. À ceux qui me répondront qu'Explorer ne l'implémente pas, je recommande la lecture attentive d'un très bon billet de Loupilo sur son blog Aozeo intitulé Tendances 2007. Je cite ici le passage le plsu intéressant
    CITATION(Blog Aozeo)
    La population d'utilisateurs qui doivent subir le léger désagrément du contenu en pleine taille est de plus restreinte : les écrans de 19" (sinon, c'est vraiment mineur) et plus avec IE6 (rappelons que Windows Update propose IE7) et le JavaScript désactivé ne sont pas légion. Et ce serait bien hâtif que d'assimiler mon propos à ceux qui déclarent ne pas vouloir rendre leurs sites accessibles pour une minorité d'handicapés : il s'agit simplement de ne pas proposer un affichage optimal à quelques réfractaires. Non, vraiment, je ne vois pas de point bloquant à l'adoption du max-width.
PS: un ascenceur horizontal EST frustrant (et cet iPhone me semble très bien tongue.gif mais ce n'est pas le sujet ;-))
thick
CITATION(Dudu @ jeudi 8 février 2007, 21h26) *
[*]Après des années passées en 1024*768 sur un écran 15', je viens de passer au 1680*1050 sur un écran 30' et j'ai gardé quelque temps l'habitude d'étirer mes fenêtres au maximum comme je le faisais avant.


+1

Complètement vraie la remarque de Dudu. Je suis personnelement en 1920x1200 et les fenêtres sont à peu près de dimensions 1280 x1204.
D'autre part, je suis en 16/9 et je trouve cela complètement inutile pour pour usage quotidien professionel et personnel.
f_trt
CITATION(Yazerty @ jeudi 8 février 2007, 19h09) *
Mui, mais les utilisateurs en 800*600 ne trouvent cette barre de scrolling un peu frustrante :-?


Oui mais il sont 14% alors faire du 800x600 pour que ces 14% n'aient pas d'ascenseur et que le restant aient un site sur
une seule moitié d'ecran c'est pas mieux non plus non ?

Qui faut-il privilégier ?
- les 14% qui ont un acenseur
- les autres ?

Maintenant le fluide faut faire mega gaffe c'est vrai avec les 16/10 qui poussent comme des champignons vu les bas prix.
Par ailleur je pense que les 14% vont fondre a grande vitesse vu les nouveaux PC sous VISTA (je parle pas des pc avec un
VISTA basique bien sur) la degringolade des prix des ecrans plats...

Donc perso 1024 OUI OUI

A+
Yazerty
Je ne trouve pas mon site ridiculement petit en 1024*768 alors qu'il est compatible 800*600.

De plus j'affiche en moyenne 68 caractères par ligne dans ma partie "contenu", ce qui correspond à la moyenne recommandée pour une lecture confortable d'un texte.

Et comme l'ont dit certains précédemment sur des grandes résolutions les gens ont tendance à ne pas afficher que leur browser, ou en tout cas pas en entier.

So si ya moyen de ne pas frustrer les 800*600 et de présenter un truc honnêtre aux résolutions supérieure alors pourquoi pas smile.gif...
Leonick
j'en tiens compte en faisant des design élastique, mai pour éviter d'avoir des colonnes de menu trop large j'utilise le max-width avec Mozilla et un hack js pour IE
CODE
    width: 25%;
max-width:20em;
width: expression(25%>20em?20em:25%);
Wolf18
Je n'en tiens jamais compte... Je trouve que c'est beaucoup trop petit, donc je me limite en général autour des 950px.

Maintenant c'est vrai qu'il existe encore des internautes qui naviguent avec cette résolution, mais je pense que de toute façon mes sites ne les interessent pas trop donc voila blush.gif
TheRec
Peut-être que pour vous décider choisir le compromis entre un layout flexible et un layout à largeur fixe il faudrait attaquer le problème sous un autre angle. Du point de vue de l'usabilité il est nécessaire de maîtriser la largeur du texte d'une page, cette affirmation se base sur un étude (qui date un peu je vous l'accorde), The Effects of Line Length on Children and Adults’ Online Reading Performance (2002) et la plus récente suite de cette étude The Effects of Line Length on Reading Online News (2005) – Document en anglais, désolé je n'ai pas trouvé de traduction.

Cela vous indique qu'un design complètement flexible qui permet au texte d'une page de s'étendre au delà de 95 caractères par ligne ou en dessous de 35 cpl ne sera pas "agréable" à la lecture... c'est aussi un de facteur qui pousse beaucoup de gens à utiliser des layouts à largeur fixes qui sont compatibles avec la résolution 800x600, cela donne à peu près 775px "exploitables" (à cause des barres de défilement, bordure de fenêre, etc.) et cela correspond à environ 100 caractères par ligne (espaces compris) et on rejoint la longueur "idéal" d'un point de vue de l'usabilité.
Le problème est que, comme cela a été évoqué précédemment, le Web n'est pas un média "statique", chaque utilisateur peut obtenir des résultats différents (polices installés, taille des caractères, résolution) et donc ce calcul fonctionne dans le cas des configuration "par défaut" des navigateurs (en plein écran).

Pour travailler avec cet état de fait il y a plusieurs solution et selon moi la meilleure est de partir d'un point de référence, c'est-à-dire largeur fixe pour optimiser l'usabilité de la page et laisser la possibilité de briser cette largeur fixe par une action de l'utilisateur (c'est à dire au moyen de Javascript, soit pour présenter la page une feuille de style alternative, soit en ôtant ces largeur fixe directement, la méthode importe peu). Premier inconvénient de cette méthode est que cette fonctionnalité ne sera pas accessible aux personnes qui n'ont pas activé Javascript (volontairement ou non), le contenu restant accessible cela ne me gêne pas outre mesure. Second inconvénient c'est le temps de développement supplémentaire nécessaire, malheureusement peu de clients souhaitent investir dans ce genre de fonctionnalités ce qui me force souvent à revenir au bon vieux layout à largeur fixe et cette largeur fixe n'est pas motivée par la résolution mais par l'usabilité comme je l'ai expliqué précédemment.
pmadfm
Bonjour,

AMHA, l'élastique est effectivement important.

Pour le public, je dirais que la plus grande majorité peut tourner en 1024*768, toutefois si ton affichage peut ou doit être lu par des seniors, il vaut mieux envisager le 800*600.

Peu me contredirons, vers les 45-50 la vue baisse, alors la résolution doit pouvoir s'adapter.

N'est il pas, messieurs les jeunes des années 50 ... wink.gif
tankia
Ce que je fais quand je crée une mise en page de site, je pense au 800x600 en mettant le contenu important (navigation 1ère, logo, articles 1er) dans la zone de vision du site sans besoin de scroller. Par contre, je n'hésite pas à créer le site pour une résolution de 1024x768 car c'est la résolution de la majorité des internautes. La scrollbar horizontale et verticale est là pour que les 800x600 voit le reste du contenu (secondaire) et le Ctrl + est là pour les résolutions supérieures à 1024x768 pour agrandir les textes si les internautes les trouvent trop petits.
Loupilo
Bon ben, je suis d'accord avec Dudu tongue.gif
J'ajouterai quand même que quitte à vouloir proposer une maquette fixe, le choix de ses dimensions doit alors se faire en fonction de son public... Une cible âgée, par exemple, aura tendance à utiliser des résolutions plus faibles que celles permises par leur écran, et la population de 800*600 risque de ne pas être négligeable.
Par contre, pour une cible jeune ou branchée, les 17" sont de loin les plus répandus sur les ordinateurs de bureau (et les 19" percent), et permettent une résolution de 1024*768 ; les portables sont en 17" et ceux avec avec petits écrans ont bien souvent un format 16:9, avec plus de 1200px de largeur : choisir le 1024*768 n'est pas un pari risqué.
Ça dépend vraiment des utilisateurs.

Mais les maquettes étirables restent quand même le choix le plus flexible et le plus universel wink.gif
cweben
Je confirme que j'ai connu des personnes qui utilise leur écran en 800x600 pour uniquement des raisons de ... lisibilité.
(en effet, elles ont l'impression que les caractères sont plus gros).
Mais, très souvent, les sites ne sont pas pensés en 800x600, ce qui rend difficile la navigation.
TheRec
Tout cela démontre une chose, la résolution n'est pas une constante chez les visiteurs donc il n'est pas possible de ce baser sur cette mesure pour créer un site, d'où mon approche du côté de l'usabilité. La contrainte en largeur s'applique pour une question d'usabilité et laisser la possibilité aux visiteur de "casser" cette limite de largeur et rendre la largeur de la page flexible (dans les deux sens, que ce soit fenêtre agrandie, plein écran, ou de taille réduite) permet à ceux qui le souhaitent d'obtenir une mise en page qui le convient mieux (parce qu'ils on une plus grande résolution, deux écrans, etc.). Où le faire dans l'autre ordre c'est-à-dire présenter une page avec une largeur flexible et proposer une alternative avec une largeur fixe.

On ne peut pas se baser sur une expérience empirique et/ou statistique pour définir un nombre d'or dans la réalisation d'une page vu la nature du média et de la diversité des visiteurs. Ce dont je parle se base sur des études scientifiques (certes empiriques dans une certaine mesure).

CITATION(Loupilo @ dimanche 11 février 2007, 12h37) *
Mais les maquettes étirables restent quand même le choix le plus flexible et le plus universel wink.gif

Je ne suis pas d'accord, une page totalement flexible peut se dégrader et/ou nuire à l'usabilité lorsque la la taille a disposition devient plus large ou moins large que les valeur "habituelles"... c'est pour cela que je propose un compromis. Ce que propose Leonick est un début, mais le problème est que cette solution mélange la couche de présentation et la couche de comportement en incluant du Javscript dans la feuille de style (ce n'est pas un hack, c'est une fonctionnalité). C'est pour cela que je suis plutôt pour un système de changement de feuille de style qui ne pose pas ce problème de conception.
Leonick
CITATION(TheRec @ dimanche 11 février 2007, 13h35) *
Ce que propose Leonick est un début, mais le problème est que cette solution mélange la couche de présentation et la couche de comportement en incluant du Javscript dans la feuille de style (ce n'est pas un hack, c'est une fonctionnalité).

En fait, le hack vient de l'appel de cette feuille de style IE
CODE
<!--[if IE]><link rel="stylesheet" type="text/css" href="/css/style-IE.css" media="screen, tv, projection" /><![endif]-->
Loupilo
CITATION(TheRec @ dimanche 11 février 2007, 13h35) *
Je ne suis pas d'accord, une page totalement flexible peut se dégrader et/ou nuire à l'usabilité lorsque la la taille a disposition devient plus large ou moins large que les valeur "habituelles"... c'est pour cela que je propose un compromis. Ce que propose Leonick est un début, mais le problème est que cette solution mélange la couche de présentation et la couche de comportement en incluant du Javscript dans la feuille de style (ce n'est pas un hack, c'est une fonctionnalité). C'est pour cela que je suis plutôt pour un système de changement de feuille de style qui ne pose pas ce problème de conception.

Je parle bien entendu de flexibilité accompagnée de max-width, comme l'indique Leonick. Perso, le mélange CSS/JS ne me gène absolument pas ; et le système de changement de feuille de style, en plus d'être assez contraignant à maintenir, est loin d'être accessible niveau utilisation à un internaute lambda. Demander à un public "de base" de choisir entre 800*600 et 1024*768 me semble être assez audacieux. Enfin, c'est au site de s'adapter à ses visiteurs, et non pas l'inverse.
Mais ce n'est que mon avis wink.gif
TheRec
Oui, le mélange de la couche de comportement de la couche de présentation est gênant dans la mesure ou cela nuit justement à facilité de la maintenance... mais c'est un choix, comme ont peut choisir de mélanger la couche du contenu et de la présentation et on se retrouve avec les mêmes problèmes wink.gif Je ne vais pas trop débattre sur ce point car c'est un peu hors-sujet et je n'ai pas vraiment d'argument plus probant à t'apporter (d'ailleurs je doute qu'il y en ait besoin).

Concernant le choix pour l'utilisateur je ne propose pas de le laisser choisir en "800x600 et 1024x768" (un point technique que je n'ai même pas évoqué, car il n'est pas significatif à mon avis), mais entre un contenu extensible en largeur (dans les deux sens) et un contenu qui a une largeur fixe. Voici un exemple accompagné d'un article (en anglais, désolé pour ceux qui n'en profiteront pas) qui reflète mon point de vue : Fixed Or Liquid?
Et je ne vois pas en quoi un tel système ne serait pas accessible aux utilisateurs, du point de vue de la compréhension. Du point de vue de la maintenance et de l'évolutivité, il est clair que cela demande un peu plus de travail à la conception. Mais en admettant que, comme dans l'exemple ci-dessus, on tire avantage des feuilles de styles et qu'on ne définit que les styles qui changent d'un layout à l'autre (flexible, et largeur fixe) et que les autres styles se trouvent dans une feuille de styles commune, ces problèmes sont tout à fait surmontables.

Pour ce qui est de la mise en place du système ce n'est pas vraiment une difficulté, il existe des style switcher de plusieurs natures: Javascript seulement, PHP (ou langage interprété côté serveur) uniquement, mélange des deux. Si le site est bien conçu l'entier du code agit simplement sur l'en-tête HTML des pages (liaison des feuilles de style). Tout ceci conservant l'accessibilité au contenu et en augmentant l'usabilité des pages. Maintenant il est clair que si l'investissement que cela représente ne vaut pas selon toi le gain en usabilité c'est ton droit, j'exposais juste la manière que je préfère utiliser wink.gif
jahmasta
Bonjour
Tu peux aussi faire ton site à 100% ça permet de gérer tous les cas de figure.
@+
Leonick
Non, car un texte écrit sur du 1280 cela fait des lignes trop longues.
Loupilo
CITATION(TheRec @ dimanche 11 février 2007, 15h13) *
Oui, le mélange de la couche de comportement de la couche de présentation est gênant dans la mesure ou cela nuit justement à facilité de la maintenance... mais c'est un choix, comme ont peut choisir de mélanger la couche du contenu et de la présentation et on se retrouve avec les mêmes problèmes wink.gif Je ne vais pas trop débattre sur ce point car c'est un peu hors-sujet et je n'ai pas vraiment d'argument plus probant à t'apporter (d'ailleurs je doute qu'il y en ait besoin).

Je suis d'accord sur le principe, mais ce JavaScript là est assimilable à la couche de présentation, donc ça ne rentre ama pas dans tes considérations de séparation wink.gif
CITATION
Et je ne vois pas en quoi un tel système ne serait pas accessible aux utilisateurs, du point de vue de la compréhension. Du point de vue de la maintenance et de l'évolutivité, il est clair que cela demande un peu plus de travail à la conception. Mais en admettant que, comme dans l'exemple ci-dessus, on tire avantage des feuilles de styles et qu'on ne définit que les styles qui changent d'un layout à l'autre (flexible, et largeur fixe) et que les autres styles se trouvent dans une feuille de styles commune, ces problèmes sont tout à fait surmontables.

Pourquoi pas. Mais c'est assez gadget pour la difficulté de maintenance que ça comporte... Et pour le rapport utilisateurs/utilisateurs qui s'en servent, aussi.

CITATION
Pour ce qui est de la mise en place du système ce n'est pas vraiment une difficulté, il existe des style switcher de plusieurs natures: Javascript seulement, PHP (ou langage interprété côté serveur) uniquement, mélange des deux. Si le site est bien conçu l'entier du code agit simplement sur l'en-tête HTML des pages (liaison des feuilles de style).

Tout à fait d'accord.
CITATION
Maintenant il est clair que si l'investissement que cela représente ne vaut pas selon toi le gain en usabilité c'est ton droit, j'exposais juste la manière que je préfère utiliser wink.gif

L'idée peut-être séduisante sur le papier, mais pour moi, ça apporte plus de problèmes que ça n'en résoud... Après en effet, chacun peut l'utiliser s'il trouve que ça vaut le coup.
TheRec
CITATION(Leonick @ dimanche 11 février 2007, 14h15) *
En fait, le hack vient de l'appel de cette feuille de style IE

Le code que tu proposes n'est pas réellement un hack, c'est un commentaire conditionnel et c'est une fonctionnalité du navigateur Internet Explorer depuis sa version (un hack CSS est l'utilisation d'une mauvais interprétation du parseur d'un ou de plusieurs navigateur), mais je te l'accorde ce n'est qu'une question de terminologie.

@Loupilo> Ce que je propose et que tu considères comme un gadget est une solution qui permet de ne pas se limiter à une largeur fixe ou une largeur minimum (qui ne satisfont pas mes critères d'usabilité).

Concernant la séparation des diverses couches d'une page Web, pour moi elles sont claires, elles sont motivées par le langage utilisé entre autres (je ne vais pas faire la liste de critères vu que ce paragraphe est déjà hors sujet).
La syntaxe utilisée dans ce cas est du Javascript (invoquée par la fonction CSS expression), dans une feuille de style. Pour moi, et je doute être le seul dans ce cas, cela revient exactement au même que d'utiliser l'attribut style de n'importe quel élément HTML alors que l'on souhaite faire une séparation du contenu et de la présentation. Il n'y a pas d'assimilation à faire selon moi, contrairement à ce que tu penses, si je devais faire ce que Leonick propose j'invoquerai un script écrit en Javascript au chargement de la page (et cela correspond à la couche de comportement, aussi connue sous le nom de behaviour layer).
Comme je l'ai dit, par expérience c'est ce genre d'assimilation qui mène aux problèmes de maintenance. Il est possible de faire ainsi, mais tu ne me verras jamais le conseiller.
BigVicente
Personnellement je dispose d'une résolution de 1280*1024 mais je surf toujours en mode fenêtre. Et celle ci fait de 750 à 1100px de large, au delà je trouve les textes fatigant à lire sur un design étiré (impression personnelle).

Du coup quand c'est possible je fais des designs élastiques pouvant être consultés en 800*600 voir moins mais aussi en 1024*768 et plus. Quand mes designs ne sont pas élastiques, ils sont compatibles 800*600 dans la mesure du possible (pour certains sites comme des sites photos par exemple c'est parfois limite). Je ne suis pas encore près à abandonner cette façon de faire, quand je veux quelque chose de large je passe presque toujours en design élastique, j'essaie de ne pas imposer une résolution minimale trop élevée...
Wefficient
Si tu tiens vraiment à contenter tout le monde, rien ne t'interdit de recuperer la resolution de tes visiteurs et pour ceux dont tu arrives à le savoir, tu les reorriente vers le CSS approprié. Une version 800*600 et une version supérieure.

L'avantage c'est que ton site sera parfaitement représenté dans toutes les resolutions, avec les pubs visibles (si les pubs sont importantes pour le site)
l'inconvenient, c'est que cela peut representer 2 fois plus de boulot selon comment tu administre ton site...
Broyax
Je reste pour ma part en 800x600, ça fait des pages moins lourdes et plus rapides.

Et puis je connais pas mal de gens qui sont encore en 800 sur leurs vieux 15" (si, si, ça existe) tongue.gif
Yazerty
CITATION(Wefficient @ samedi 17 février 2007, 19h44) *
Si tu tiens vraiment à contenter tout le monde, rien ne t'interdit de recuperer la resolution de tes visiteurs et pour ceux dont tu arrives à le savoir, tu les reorriente vers le CSS approprié. Une version 800*600 et une version supérieure.

L'avantage c'est que ton site sera parfaitement représenté dans toutes les resolutions, avec les pubs visibles (si les pubs sont importantes pour le site)
l'inconvenient, c'est que cela peut representer 2 fois plus de boulot selon comment tu administre ton site...


Très peu pour moi, merci wink.gif.

ps : parce que je ne trouve pas la solution très sexy...
ThX
C'est vrai que la redirection en fonction de la résolution n'est pas très "sexy" comme tu dis.

Personnellement, mon site est centré, et fait 750px de large. 10% de mes visiteurs sont en 800x600, je ne veux pas leur imposer un scroll vertical.

Et moi-meme, je suis en 1027x768 sur un 15" tout pourri, na nonono.gif
froidure_nicolas
Je fais du 800*600 aussi pour trois raisons :
  • ne pas laisser d'utilisateurs sur la touche.
  • les personnes qui utilisent d'énormes résolutions naviguent rarement en plein écran. De plus, quand on a une bonne résolution, on a tendance à laisser toujours ouverte une barre latérale (lecteur de flux, extensions etc...).
  • créer un design extensible impose des limitations côté complexité du design.
Bref, je pense que le 800*600 a encore de long jours devant lui sans compter que les ordinateur portables sont de plus en plus nombreux et qu'il faudrait être fou pour les utiliser avec une résolution astronomique...

Et puis, vous en connaissez beaucoup vous, des gens dont l'écran ressemble à ça ?

froidure_nicolas
Ce petit sujet m'a inspiré un billet sur les sidebars qu'on a tendance à oublier et qui sont aussi à prendre en compte. Dans ce cas, même avec une résolution de 728*1024, il faut faire un design du type de ceux compatible avec le 800*600.

Bref, de quoi devenir cinglé !
ludo88
Moi je pars du principe qu'il faut faire un site optimisé pour le plus grand nombre des qu'une large majorité se dégage. Sur mon site j'ai pas loin de 1.5 % de résolutions "farfelues" : pocket pc, smartphone, minitel wink.gif : - de 640 ...
Je ne peux pas faire un site qui accepte du 300*200, donc par principe je laisse des utilisateurs de coté, ceux qui ont encore une résolution en 800*600, restent eux aussi de coté pour améliorer la navigation de plus de 85% des utilisateurs.
C'est un choix : sacrifier 10 ou 15% pour améliorer la situation de 85 ca me parait honnete.

Maintenant si vous me trouvez des stats qui disent qu'il y a plus d'utilisateurs en 800*600 que le contraire, avec toutes les configs qui sortent par défaut avec du 1024 (ordinateurs portables largement compris), je repasserai peut etre à du 800*600.

Mais dans la tendance actuelle je serai plus pour réflechir à passer sur du 1280 (meme si c'est encore trop juste), sauf que la, le probleme des barres latérales ou autre me pose soucis, et que je penaliserai 70% d'utilisateurs : ce qui est pas possible.
Leonick
CITATION(ludo88 @ mercredi 28 février 2007, 14h48) *
Sur mon site j'ai pas loin de 1.5 % de résolutions "farfelues" : pocket pc, smartphone, minitel wink.gif : - de 640 ...
Je ne peux pas faire un site qui accepte du 300*200,
pourtant je pense qu'il va falloir qu'on s'y mette, dès que l'accès internet va se retrouver en illimité sur les portables, ça risque de représenter un quota de visiteurs non négligeables
ludo88
Tous les amateurs de visionage à la loupe parce que sur un pocket pc on voit pas grand chose et sur une résolution en 300 par 200 faut pas trop en mettre, je pense que tant que les écrans resteront à ces tailels et ces résolutions se sera réservé à certains types d'applications : email, recherche rapide...
Dadou
Pour les très petites résolutions, pour moi, ce n'est pas mettre tout le site à cette résolution, mais uniquement, les parties qui peuvent intéresser les utilisateurs nomades (Rubrique contact, des infos succinctes...)
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.