Largeur & Hauteur de votre site

[Madeline]

.. quelle est la bonne dimension de largeur de page (celles que j'appelle conviviale)... ou disons plutôt la dimension maximale pour rester convivial?

J'avais posé la question à JC. Il m'a répondu et j'ai pensé utile, pour d'autres utilisateurs du forum, de mettre sa réponse dans un nouveau sujet spécifique. Ce que j'ai fait en tête de cette discusion.

Aussi Je pose ma question différemment

Dans le contexte de création d'un site web, quelle est la bonne largeur de page à définir, pour satisfaire les utilisateurs ayant des écrans de différentes largeurs ?
Ceci afin de ne pas obliger les visiteurs à faire défiler les pages.

iWeb propose comme largeur par défaut 700 px.
Personnellement je trouve ça pas très large et par exemple, pour mon site j'ai défini la largeur de certaines pages à 800 px. Est-ce OK ou est-ce trop large ?[b]-

[MireilleG]

Madeline,
Ta page s'affiche très bien et 800 px est une très bonne taille. J'avais un site une fois il y a assez longtemps et j'avais poussé jusqu'à 1000px c'était un peu large mais ça s'affichait très bien quand même.
Maintenant si nous voulons faire plaisir aux utilisateurs iphone il va falloir faire des pages assez étroites et on en voit de plus en plus. Mais il faut surtout penser à qui s'adresse le site.
Mireille

[koeklin]

la largeur d'écran 99,1 % des visiteurs du site "débuter sur Mac" est de 1024 minimum

[Madeline]

la largeur d'écran 99,1 % des visiteurs du site "débuter sur Mac" est de 1024 minimum

Merci Koeklin...
alors cela veut-il dire que si je définis mes pages entre 1000 px, et 1100 px, il n'y a pas de problèmes pour la plupart des navigateurs, 99.1 % ?

Je ne vais pas tout refaire mon site... mais je vais adapter, surtout pour certaines pages
Merci merci

[MireilleG]

Madeline fais quand même attention si tu refais quelques pages ça peut être déroutant d'avoir des pages de largeur différente dans le même site.
Mireille

[MireilleG]

Il est vrai que la hauteur est aussi très importante. Nous avons tous l'habitude de faire rouler le texte de haut en bas et cela ne nous dérange pas. Mais j'ai horreur d'avoir aussi à aller de gauche à droite parce que la page est trop large. Par contre j'aime beaucoup les sites où je n'ai rien à dérouler mais ce n'est pas toujours pratique selon les renseignements.
Mireille

[jeancharleslast]

Je viens de faire quelques tests intéressants. Si d'autres peuvent les continuer.....

Sur un MACBOOK 13'
Dimensions de pages (en pixels) maximum sans avoir à dérouler:
1280 x 750 (1280 x 600 si le visiteur a un dock "en bas")

Sur un iMac 20'
1680 x 950 (1680 x 800 avec un dock en bas..)

Du coup, je privilégie 600 en hauteur..Ce qui passe pour tout 13' (le minimum..)
Et largeur 800 maximum....

C'est perso

[ericdlg]

Compliqué tout cela. Moi et mon iMac 24" on râle souvent de tomber sur des sites qui présentent des pages non redimensionnables... donc, en général, j'aime les pages qui s'étirent en hauteur comme les sites de news (macgé...). Mais bon, cela ne va pas avec tous les styles de sites. Je crois qu'au-delà de 1000x800 les choses peuvent être un peu risquées car il est très chiant de devoir aller chercher des morceaux de pages dans tous les sens. Mireille a raison.

En fait, c'est surtout une question d'ergonomie. Pas mal de sites sont étroits (comme les thèmes standards d'iWeb d'ailleurs) et fonctionnent très bien. D'autres prennent le partie de la page unique et imposent alors de cliquer pour passer à la page suivante (si beaucoup d'infos illustrent un onglet). Il faut juste que tout soit clair, facile et agréable à utiliser. Mais, à voir la production web, beaucoup ne savent pas ce qu'est la simplicité.

[zepatente]

Personnelement je précpnise un sondage sur son propre site car tout dépend se l'objectif et vers qui s'adresse le site .

Un petit google analytics sur uniquement la page d'accueil permeterra se voir si la dimension n'est pas trop grande.


@+

[PJG]

beaucoup ne savent pas ce qu'est la simplicité.

Et bien moi je ne vois pas grand chose sur tes pages. Aïe, aïe, aïe...bobo les yeux.

[ericdlg]

Evidement. Cette page fait en gros 1050x850 pixels. Elle s'affiche donc au max de ce que peut faire un écran 17" classique (1280x1024). Là, tu ne montres qu'une partie. Par-contre, il est vrai que l'affichage ne se fait correctement que dans Firefox et Safari... pas dans Internet Explorer.

Je suis photographe de métier et j'ai envie de faire du graphisme web. J'essaie donc des solutions.

[PJG]

J'aime bien la présentation de ton site, mais j'ai vraiment du mal à lire les textes.

[ericdlg]

C'est vrai, t'as raison. C'est un site fait en deux nuits pour présenter mon boulot et mes mômes à une copine de longue date. J'avais envie d'un truc classe et pas trop vu.

J'utilise toujours iWeb, mais maintenant je me forme sur Flash CS3... parce que j'ai tenté de faire des choses sympas sous Keynote mais il est trop limité côté intéractivité. On peut y faire des sites entiers mais on bute vite sur des problèmes lourds à gérer. Mais bon, quand on voit l'usine à gaz qu'est Flash...

[naty]

Bonsoir,
je rebondis sur ce sujet car j'aimerais savoir comment interagir sur les deux bandes de chaque côté dans les pages Iweb.
Je suis en train de faire ma page d'accueil avec Photoshop, version scrapbooking, donc mon intention est de faire ma page en jpeg et de la placer sur ma page Iweb, mettre des boutons invisibles pour gérer les liens, etc,....

Plusieurs problèmes se posent : J'ai vu que les pages pouvait être dimensionnées par exemple en 1100x 600, cela veut-il dire que mon image doit être de ce format ? (ma question est surement bête mais j'aimerai être sure de la réponse.)
Le 1100 c'est la largeur de mon image ou celle de mon image + les 2 bandes ?
Comment supprimer ces bandes car du coup elles ne vont pas avec mon arrière plan ?

Merci pour vos réponses et votre aide

NATY

[zepatente]

Bonjour,

si tu le désires j'ai fait un tutoriel video sur ce qu'est l'ergonomie d'une page celà te donnera, je l'espère, des réponses

@+

[jeancharleslast]

Bonsoir,
je rebondis sur ce sujet car j'aimerais savoir comment interagir sur les deux "bandes" de chaque côté dans les pages Iweb.

Les bandes verticales dont tu parles dépendent de la largeur choisie dans l' inspecteur de page d' iWeb et surtout de la résolution écran du visiteur..(préferences systéme)

Exemple: tu choisis 1200 de large dans l' inspecteur pour ta page.

Si ton ordinateur a une résolution de 1920 par exemple, il y à une différence de 720 pixels. Cette différence sera traduite par 2 bandes de 360 de large dont la couleur sera celle de l' arriére plan du navigateur choisie dans l' inspecteur.

Si ton ordinateur a une résolution de 1200; la page de ton site, remplira toute la largeur de l' ecran et il n' y aura pas de "bandes" sur le coté..

SI Largeur de ta page = largeur choisie en résolution écran------> PAS DE BANDES
Si largeur de ta page < largeur choisie en résolution ------->BANDES
Si largeur de ta page > largeur choisis-------->PAS DE BANDES le visiteur fera défiler la page horizontalement...(plutot chiant...)

Cela dépend donc de la moyenne de la résolution des gens...
Et de ton choix.
Par soucis de précaution, si tu choisis la même couleur pour l' arriere plan navigateur, les "bandes" se verront moins...

Pour preuve, regarde le site APPLE par exemple, avec un portable 12' le site remplit l' ecran et avec un IMAC 24' il y à du rab à gauche et à droite...

[MireilleG]

Ajoutons aussi que nous n'avons aucun contrôle sur l'équipement des visiteurs. Mais une chose est certaines les gens n'aiment pas à avoir à naviguer horizontalement et verticalement donc il vaut mieux rester dans les normes de 1000px maximum. Bien que j'ai vu dernièrement 2 ou 3 sites dont la navigation est horizontale au lieu de verticale. C'est un peu déroutant mais on s'y fait. Je ne crois que cela deviendra la norme surtout qu'avec le iphone on a maintenant tendance à réduire la largeur plutôt que de l'agrandir.
Mireille

[Madeline]

Par soucis de précaution, si tu choisis la même couleur pour l' arriere plan navigateur, les "bandes" se verront moins...

Pourquoi se verront moins... ?
Si la couleur de l'arrière plan est semblable à celle du plan...
Alors les bandes ne se voient plus... il me semble.
C'est ce que j'ai sur mon site... en tous cas

[jeancharleslast]

Oui, mais je dis "moins" parce que le site ne remplira la page...
il y aura donc des "bandes" mais qui se voient moins grace à la couleur identique...Ou plus du tout en fait...

A voir si l'on parle de "bande" ou d "espace"

[PJG]

Je suis en train de faire ma page d'accueil avec Photoshop, version scrapbooking, donc mon intention est de faire ma page en jpeg et de la placer sur ma page Iweb, mettre des boutons invisibles pour gérer les liens, etc,....

Bonjour naty, ça c'est une très bonne idée il faut te procurer le magazine Avosmac N° 82 page 40 et 41, j'ai écris un article sur le sujet. "Alléger iWeb c'est bien"