Le design des sites aujourd'hui est un point "critique". Et bien souvent les utilisateurs préfèreront un "beau" site à son concurrent moins "évolué" graphiquement.Malheureusement, il n'est pas toujours possible d'avoir à ses côtés un web designer.
Dans ce cas, il faut se retrousser les manches et tenter de faire du mieux que l'on peut.
Savoir créer un design attrayant ne s'apprend pas en quelques lignes. Cependant voici un petit guide pour débutant qui vous aidera dans la création de votre graphisme.
Les contraintes sont nécessaires
Même si ça peut sembler contre-intuitif, un bon design part toujours de contraintes bien établies.
Si vous pensez que votre projet n'a pas de limite, c'est qu'elles ne sont pas forcément évidentes au début. Néanmoins, vous vous devez de déterminer des contraintes sur votre projet au risque de le voir partir dans tous les sens.
Par exemple si vous voulez créer un design pour un site destiné aux mobiles, la première contrainte est la taille de l'écran ou encore le temps d'affichage des pages.
Les contraintes visuelles sont similaires.
Il est préférable d'utiliser une couleur prédominante, et de ne pas faire un site "arc-en-ciel".
En premier lieu, il vaut mieux avoir trop de contraintes que pas assez.
Nous vous conseillons donc d'utiliser une grille CSS pour réduire les choix de mise en page, obtenir une palette de couleur fixe pour limiter le nombre de couleurs qui seront utilisées sur votre site et un petit "guide" de style pour limiter le nombre d'éléments distincts.
Comment procéder
Prenez environ une demi-heure pour mettre à plat vos contraintes.
Voici quelques points d'entrée pour créer votre liste :
- est-ce que vos utilisateurs seront majoritairement sur des PC ou sur des mobiles ?
- combien de tailles d'écrans différentes devez-vous gérer ?
- quel est le but des utilisateurs ?
- combien d'actions seront nécessaires aux utilisateurs pour atteindre ce but ?
- combien de temps devront-ils attendre ?
Une fois cette étape terminée, gardez cette liste à portée de main.
A chaque fois que vous prendrez une décision pour votre site, vérifiez que cette dernière est compatible avec vos contraintes.
Si ce n'est pas le cas, trouvez une autre solution. Ce mécanisme peut être contraignant, mais il est critique pour votre site.
Trouver l'inspiration
Un bon design ne se fait pas à partir de rien.
Les meilleurs artisans et ingénieurs ont toujours été inspirés par leurs pairs.
Vous devez utiliser ce qui existent déjà comme un avantage.
Lorsque vous voyez un design qui vous plait, capturez le et essayer de comprendre pourquoi il vous a plu et pourquoi les éléments de celui-ci fonctionnent (ou ne fonctionnent pas).
Jusqu'à ce que vous ayez suffisamment d'expérience, vous pourrez trouver votre bonheur sur le Web.
Comme par exemple sur Dribbble. Nous vous conseillons également d'utiliser Kuler qui est un site quasi indispensable pour constituer sa palette de couleurs.
Comment procéder
Prenez 15 minutes pour trouver cinq design qui vous plaisent (sans limite de temps vous y passerez facilement une heure ou deux).
Vous devez vous efforcer de trouver ce qui les distingue des autres.
Gardez par la suite cette liste dans un coin.
Lorsque vous ferez face à un blocage créatif, consultez là pour comprendre comment ces différents design ont résolu le problème auquel vous êtes confronté.
Rester cohérent
Bien que des fioritures visuelles sont un moyen de différencier votre site d'un autre, vos futurs utilisateurs seront plus intéressés par les moyens disponibles pour atteindre leur but.
Au lieu de penser chaque nouvelle page de votre site comme un nouveau départ, créez plutôt ces pages en utilisant des éléments visuels existants. Faites de nouveaux éléments graphiques uniquement si ceux déjà présents sur votre site ne répondent pas au besoin de la nouvelle page.
Comment procéder :
Créez un "guide" de style pour votre site.
Ce guide doit être un document vivant et une partie à part entière de votre site (sans toutefois être visible par les utilisateurs).
Chaque fois que vous créerez un nouvel élément graphique, ajoutez un exemple dans ce document en reprenant la méthode que vous avez utilisé jusqu'ici.
Si vous faites une mise à jour d'un élément de style sur votre site, celle-ci devra être reportée sur le guide.
Une fois ce guide terminé, pour créer une nouvelle page, il sera surtout question d'intégration des blocs de votre page dans les éléments de style existants.
Cette méthode permettra d'éviter de refaire le même travail à chaque fois et vos utilisateurs seront plus à l'aise avec la navigation vers de nouvelles pages.
Ce guide n'est bien sûr pas exhaustif.
Il s'agit là uniquement de quelques étapes importantes (voir indispensables) pour vous permettre de créer un design solide et efficace pour votre site.
Source : Easel Blog
Et vous ?
Avez-vous déjà tourné en rond pour la création d'un design ? Si oui, ces différentes étapes vous auraient-elles aidées ? 
Envoyé par icexplorer
).
