Le web à votre mesure
Soluo a été très réactif […] Ils ont su s’adapter à mon site en place en ajoutant le blog qui correspondait à toutes mes attentes.
Dominique Gibert, Editions Diateino
Soluo aide les entreprises et les startups à réaliser leur vrai potentiel. Nous créons des sites internet et des applications web qui sont élégants et surtout pertinents avec votre activité et vos utilisateurs.
Archive de février 2010
6 astuces pour le Designer Web en manque d’inspiration
Par raphaelle, publié dans Design le 25 février 2010
Je vous propose quelques astuces qui peuvent aider le Designer Web à retrouver sa muse. Si vous en avez d’autres n’hésitez pas à les partager dans les commentaires.
1) Consulter des galeries de sites
Ces galeries n’arrêtent pas de se multiplier sur le web.. Elles sont très utiles car elles offrent souvent une sélection de très bons designs dans l’air du temps. Il est inutile de les consulter toutes car on finit par retrouver les mêmes liens et on risque de se disperser. Mieux vaut en choisir quelques unes qui vous conviennent.
Certaines permettent de filtrer les résultats par catégories (charte graphique, style, type de site, éléments de design) :
D’autres galeries ne permettent pas de filtrer les résultats par catégorie mais sont tout de même intéressantes :
2) Consulter des collections d’éléments
Il s’agit d’un concept un peu différent des galeries de sites. Patterntap est composé de 45 collections d’éléments web. Admettons que vous souhaitiez trouver des idées de style de navigation, il vous suffit de consulter la collection de capture écrans de navigations. Parmi les 45 collections on trouve : header, footer, boutons, icônes, titres, typographie, listes, 404…
Je ne connais que Patterntap dans ce genre. Si vous en trouvez d’autre n’hésitez pas à les partager dans les commentaires.
3) Jeter un œil sur la concurrence
Allez voir à quoi ressemblent les sites des concurrents de votre client et d’autres sites du même domaine. S’il s’agit d’un restaurant, regardez des sites de restaurants à travers le monde. Cela vous donnera des idées de ce que vous aimeriez faire ou au contraire de ce que vous voulez à tout prix éviter.
4) L’auto-inspiration
Si vous travaillez comme designer web depuis quelques années, vous avez probablement réalisé quelques bon designs dont vous avez momentanément oublié l’existence. Les consulter peut vous aider à reprendre confiance et trouver de nouvelles idées. Le mieux est d’avoir votre propre site portfolio que vous gardez à jour.
5) Utiliser un site de bookmarking
J’utilise Delicious depuis plusieurs années mais il y en a d’autres (Digg, StumbleUpon…). L’essentiel est d’en choisir un et de l’utiliser activement.
Quand vous surfez sur le web et que vous voyez un site dont le design vous plait, ajoutez-le à vos favoris et choisissez bien les mots-clef que vous lui associez. Si c’est un site très sombre n’hésitez pas à ajouter le mot « sombre » ou « dark ». Si vous aimez particulièrement le logo, et la typographie, ajoutez donc les mots « logo » et « typographie ». Peut-être est-ce un site de ecommerce? Ajoutez donc le mot « ecommerce ». Vous serez bien content de retrouver ces sites plus tard quand vous manquez d’inspiration.
Vous pouvez aussi faire une recherche parmi les favoris des autres utilisateurs. C’est souvent plus utile que de passer par un moteur de recherche classique.
6) S’éloigner de l’ordinateur
C’est sans doute le conseil que j’applique le moins ; beaucoup vous le diront, prendre une pause et regarder le paysage ou un livre de design (pas forcément web) peut aider à trouver de l’inspiration.
Et vous, qu’est ce qui vous inspire ?
Mise à jour : the Smashing Magazine vient de publier un article avec d’autres conseils pour trouver de l’inspiration (en anglais).
5 sites à faire pâlir Flash
Par raphaelle, publié dans Design le 17 février 2010
Cet article n’a pas pour but d’entrer dans la polémique « Flash contre Javascript ». Personnellement je suis une fervente défenseuse des formats ouverts et des contenus accessibles pour tous. Il est vrai que Flash a toujours sa place sur le web pour certains types de projets nécessitant de la vidéo et des animations complexes.
Cependant j’aimerais casser l’idée reçue qu’il y a systématiquement besoin de Flash pour créer des expériences riches. Il est temps de réaliser que HTML + CSS + Javascript peuvent produire des interfaces très riches en terme d’expérience utilisateur, tout en offrant beaucoup plus d’avantages que Flash.
Un prochain article traitera des éléments d’interfaces pour lesquels Javascript peut être utilisé au lieu de Flash. En attendant, voici une collection de 5 sites hauts en couleurs qui n’utilisent pas Flash.
World of Merix
Il s’agit du site d’une agence polonaise qui produit des sites internet. Ils expliquent qu’ils produisent des sites en HTML et qu’ils s’attachent à respecter les standards W3C.
Le site se charge rapidement et l’expérience est agréable On aimerait un peu plus d’interaction avec la carte. Le site est contenu dans une seule page dont le HTML est bien structuré.
Voir le site World of Merix
Tori’s eye
Visuellement c’est assez charmant. On a envie de faire au moins une recherche pour voir ce qui se passe. C’est le genre de petite expérimentation qu’on aime partager et consulter à l’occasion. Par contre ce site demande beaucoup de ressources et son temps de chargement est assez long. On aimerait voir une barre de chargement afin d’avoir une idée du temps d’attente.
Voir le site Tori’s eye
The Show 09
A part le petit effet d’animation interactive sur la page d’accueil lorsque l’on descend la page, et quand on clique sur “Try it”, il ne se passe pas grand chose. Et pourtant, ce site n’est-il pas superbe? Le design en lui même est très actuel et fait une utilisation remarquable de sIFR et de PNG transparents. Si ça ne vous suffit pas, vous pouvez faire l’expérience d’un peu de réalité augmentée: cliquez sur “Try it”, imprimez le PDF puis cliquez sur “get started”.
Voir le site The Show 09
FormFiftyFive
FFF c’est un groupe “d’artistes vagabons“ qui présentent leur travaux divers. Le site est assez minimaliste et ça lui va bien. Pour moi, c’est assez représentatif de ce qu’un site en HTML (avec Javascript) peut apporter : la simplicité, la classe, et des fonctionnalités très actuelles. Je pense à la possibilité de filtrer par tag et les commentaires des internautes façon Twitter feed. A condition d’avoir créé son compte, on peut sélectionner nos travaux préférés et le garder en mémoire sur le site.
Voir le site FormFiftyFive
Tennessee trails & byways
Ceci est un site dédié à la promotion de l’état du Tennessee (USA) et de ses trésors culturels cachés. On reproche à ce site un temps de chargement assez long mais l’expérience en vaut la peine ; c’est charmant et on a assez envie de faire un tour dans cette région.
Voir le site Tennessee trails & byways
Si vous connaissez d’autres sites sympas qui n’utilisent pas Flash, n’hésitez pas à les partager. Encore une fois, cela n’enlève rien à Flash mais il faut savoir choisir la technologie la plus adaptée à un projet donné.
Note sur l’avenir de Flash avec l’arrivée de HTML5 et CSS3
La donne va encore changer avec la naissance de HTML5 et de CSS3 ; beaucoup plus d’effets visuels seront possible avec seulement quelques lignes de code. Surtout, Flash risque de perdre le terrain de la vidéo car HTML5 contient un lecteur natif. Déjà, des sites comme YouTube utilisent HTML5 pour la vidéo. Cependant il y a un conflit entre les principaux acteurs du web (Apple, Mozilla, Google etc) quant au codec à utiliser : l’un est un format ouvert, l’autre est non libre et payant. Une affaire à suivre.
Quelques liens
Pour en apprendre plus sur ce qu’offrent HTML5 et CSS3, lisez l’article de Raphaël Goetter sur Alsa Créations.
Pour en savoir plus sur le conflit des codecs video avec HTML5, voici un article des Echos du Net.