Tutoriaux sur le design de site

Hello -

Je suis à la recherche de tutoriaux ou de cours sur le design de site.
Pas des tutoriaux techniques sur comment mettre en forme, avec CSS et tout le toutim, cela, j'ai en stock.
Je cherche des tutoriaux genre "Comment faire un site lisible et clair, ou les titres ressortent clairement, la hiérarchie de l'information également, la fonction de chaque bloc de texte dans la page également, etc", ou bien "Comment choisir la couleur d'un texte en fonction des couleurs dominantes", "Comment utilisé correctement les icones", etc.
Apparament, j'ai pas le feeling pour ce genre de chose... j'ai donc besoins d'un coup de main.

A+

Tu peux déjà commencer par l'entrée en matière de Raphael dans ces tutos

par ici

Et un petit tour sur opquast et ses bonnes pratiques.

C'est pas ce que je recherche.
Je recherche des infos sur le design au sens "vrai" du terme.
Il est tout à fait possible de suivre les recommandations de Raphael et Opquast et avoir au final un site incompréhensible pour le visiteur, à cause d'une mise en forme peu lisible.

A+

Sur le design ou le graphisme ? Attention, rien à voir malgré la confusion générale entre les 2 termes.

Dans le design, on entend la conception, l'agancement des éléments etc, et dans graphisme le look.

Donc, c'est bien niveau agancement et tout ça, ergonomie, choix des choses qui vont ensemble etc.

Y a pas de tutos pour ça malheureusement

Si j'ai un conseil à te donner, c'est l'inspiration, regarder ce qui est fait ailleurs pour voir ce qui se fait, et ensuite à partir de là, faire ton truc à ta sauce.

Pour les ressources :

http://www.webstandardsawards.com/
http://www.csszengarden.com/
http://www.unmatchedstyle.com/
http://www.stylegala.com/
http://www.cssbeauty.com/
http://cssvault.com/
http://www.weeklystandards.com/
http://www.cssdrive.com/
http://www.nv30.com/mt/blogomania/
http://meryl.net/css/index.php
http://www.w3csites.com/sites.asp
http://www.wow-factor.com/

a écrit :
Sur le design ou le graphisme ? Attention, rien à voir malgré la confusion générale entre les 2 termes.

Dans le design, on entend la conception, l'agancement des éléments etc, et dans graphisme le look.

Donc, c'est bien niveau agancement et tout ça, ergonomie, choix des choses qui vont ensemble etc.

Personnellement je l'ignorai merci

poupsylo a écrit :
Sur le design ou le graphisme ? Attention, rien à voir malgré la confusion générale entre les 2 termes.

Dans le design, on entend la conception, l'agancement des éléments etc, et dans graphisme le look.

Donc, c'est bien niveau agancement et tout ça, ergonomie, choix des choses qui vont ensemble etc.

Personnellement je l'ignorai merci
C'est pas une définition super rigoureuse ni très très précise hein ! C'etait juste dans l'idée Mais le terme design en anglais recouvre bien plus que le graphisme et en fait, ne recouvre pas vraiment le graphisme

Ne recouvre pas du tout le graphisme, en fait.
Le design, le vrai, c'est faire en sorte qu'une chose soit la plus facile et la plus rapide possible à appréhender, utiliser et/ou mettre en oeuvre (c'est simpliste, mais c'est l'esprit).
L'esthétique peut avoir son importance mais n'est pas une obligation.
C'est un moyen, pour le "vrai" designer, et non une fin, et c'est une fin, et non un moyen pour le graphiste.
Et c'est là ou c'est chaud, sur le web.
Il faut être graphiste ET designer simultanément, avoir les deux casquettes.
Et je ne suis pas vraiment graphiste (je manque de pratique), et surtout je ne suis pas designer.

A+

azazel > Ne recouvre pas du tout le graphisme, en fait.

Hmm oui et non, j'en met quand même un bout dedans
Mais dans l'esprit en effet, ca n'en fait pas partie.

Sinon convaincu par ma proposition plus haut ?

Bonjour,

Des liens sur l'ergonomie, la structuration du contenu:

http://www.redaction.be/

http://www.veblog.com/

http://www.usabilis.com/articles/index.html

Olivier a écrit :
azazel > Ne recouvre pas du tout le graphisme, en fait.

Hmm oui et non, j'en met quand même un bout dedans
Mais dans l'esprit en effet, ca n'en fait pas partie.

Sinon convaincu par ma proposition plus haut ?

Oui et non.
En fait, il n'y a apparament pas de tutorial sur le design au sens vrai du terme, à savoir comment faire passer un message efficacement...
Les sources que tu indiques et que je connais déjà donne de très grandes lignes, mais ne vont pas malheureusement très loin à ce niveau.
Mais c'est mieux que rien.

A+

azazel a écrit :
En fait, il n'y a apparament pas de tutorial sur le design au sens vrai du terme, à savoir comment faire passer un message efficacement...

Si j'ai bien compris, tu cherches des tutoriels sur l'Ergonomie web en fait ?

salut, donc si j'ai bien compris, tu cherches des conseils sur comment présenter son site pour qu'il ait une navigation intuitive ?

Au detour d'un blog (je ne me rappel plus lequel), je suis tombé sur ce site : www.ergologique.com , la section "conseils" devrait t'aider .
++

Salut,
on parle de moi

Essaye d\'orienter tes recherches sur les sites qui parlent :
- d'ergonomie => Comment adapter les sites à l'utilisation qu'en font leurs utilisateurs (en très très gros, ergonomie = utilisabilité + utilité)

et les disciplines qui en découlent
- l'utilisabilité => facilité d'utilisation du site, de navigation, de compréhension

- l'architecture de l'information => comment on organise l'information (que ce soit au niveau macro du site (arborescence) ou micro (contenu d'une page)). Objectif : comprendre ce qui est important de ce qui l'est moins, trouver facilement ce qu'on cherche, etc.

- de présentation de l'information => plus proche du design graphique, c'est la réflexion qui concerne l'information transmise par les éléments visuels (ex : couleurs et effets des liens, groupement des infos similaires par position ou par taille ou par apparence visuelle, éviter de surcharger avec des éléments qui nuisent à la lecture sans apporter d'info ni d'attrait visuel...)

- L'accessibilité => c'est pas ici que je vais apprendre ce que c'est à qui que ce soit, mais ça s'intègre dans la reflexion de conception (i.e. design), parce que c'est directement lié à "qui va utiliser le site" et "comment" (contexte, matériel...).

Bref, l'objectif d'ergologique c'est exactement d'expliquer ce genre de choses, mais il y a aussi, par exemple :
- Ergolab
- le blog de Fredcavazza
- Directeurartistique.net
et si tu n'a pas peur de lire en anglais, les ressources sont très nombreuses (par exemple digital-web)

bon courage.

PS : Ma définition du mot "design"
Modifié par Emeric (28 Apr 2005 - 17:26)