Archive pour la catĂ©gorie ‘Design Web’

3 janvier 2012

À quand un site Web « intelligent »?

Depuis l’essor du Web, nous assistons Ă  l’évolution technologique dans la rĂ©alisation des sites internet. Des sites figĂ©s et Ă  but purement informatif, nous sommes passĂ©s Ă  des sites web plus ergonomiques, interactifs, tenus Ă  jour et parfois mĂŞme, quasi instantanĂ©s. Ă€ quand prĂ©voyez-vous de voir apparaĂ®tre sur vos Ă©crans des sites Web dits « intelligents » ? Des sites capables de raisonner et de devancer vos besoins avant mĂŞme que vous ne les ayez annoncĂ©s ? (Lire la suite…)

EN SAVOIR PLUS | 1 commentaire »

Mots-clés : , , , ,

4 octobre 2011

APNG : Le PNG animé !

Le fichier APNG (Animated Portable Network Graphics) est une extension non officielle du PNG, un format d’image numĂ©rique libre de droits crĂ©Ă© par le WC3. Il s’agit, comme son nom le suggère, d’un format permettant l’animation. Contrairement Ă  son prĂ©dĂ©cesseur, le GIF animĂ©, il possède bien entendu les qualitĂ©s du PNG rĂ©gulier : la transparence 8-bit (qui permet l’anti-alias) ainsi que l’image 24-bit (16,777,216 couleurs). Conçu spĂ©cialement pour des animations graphiques sur le Web et en remplacement du GIF, il peut aussi ĂŞtre utilisĂ© dans des interfaces utilisateurs de logiciels (GUI) et des applications XUL (XML User Interface Language).
(Lire la suite…)

EN SAVOIR PLUS | Les commentaires sont fermés

13 septembre 2011

FAQ : Une page riche, ergonomique et interactive

Dans les projets Web, la page FAQ est souvent peu considĂ©rĂ©e lors de la conception. Après tout, pourquoi y consacrer du temps? C’est une page qui affiche juste une liste des « Frequently Asked Questions », l’accès Ă  la page se fait souvent par un lien microscopique en bas du footer, et puis dans le fond c’est juste une « mode » personne ne s’en sert vraiment.

Mauvais dĂ©part! La page FAQ lorsqu’elle est bien conçue, peut devenir une page de rĂ©fĂ©rence dans un site web, une page d’Ă©coute et d’Ă©change avec les internautes, une page porteuse de trafic et bien plus encore!

(Lire la suite…)

EN SAVOIR PLUS | 4 commentaires »

Mots-clés : , ,

6 septembre 2011

34 exemples de sites Web utilisant le défillement parallaxe

Une nouvelle tendance apparaît : les sites utilisant le défilement parallaxe. Ils sont inspirés des jeux vidéo des années 80 et 90. L’effet donne l’illusion d’un site en 3D et d’une certaine profondeur. Voici 34 exemples de sites Web utilisant cette technique. Tous n’utilisent pas forcément le déroulement de calques mais chacun se sert du défilement parallaxe d’une manière ou d’une autre.

(Lire la suite…)

EN SAVOIR PLUS | Les commentaires sont fermés

Mots-clés : ,

29 août 2011

Les nouveaux jumeaux d’Adobe: Edge et Muse

Durant le mois d’août, Adobe a dévoilé Edge et Muse, deux logiciels en prototype qui viendront enrichir notre boîte à outils numériques. Si je conçois parfaitement Edge comme un remplaçant ou une alternative à Flash, j’ai plus de mal à comprendre le positionnement de Muse.
(Lire la suite…)

EN SAVOIR PLUS | Les commentaires sont fermés

Mots-clés : , ,

26 juillet 2011

La pyramide des besoins des internautes (De Maslow Ă  Dawson)

La conception de riches expĂ©riences interactives repose sur une bonne comprĂ©hension des comportements, des besoins et des Ă©motions des internautes. C’est pourquoi la psychologie cognitive et l’ergonomie Web vont de pair. Ă€ la croisĂ©e de ces chemins, je vous prĂ©sente la pyramide des besoins des internautes dĂ©veloppĂ©e par Alexander Dawson. (Lire la suite…)

EN SAVOIR PLUS | Les commentaires sont fermés

Mots-clés : , , ,

29 mars 2011

Design Web réactif en CSS3 : des grilles fluides et des images flexibles

En tant que concepteurs et dĂ©veloppeurs Web, nous sommes constamment mis au dĂ©fi par l’arrivĂ©e de nouvelles technologies. Avec l’apparition d’appareils aux rĂ©solutions toujours plus variĂ©es, le Web se doit de devenir plus flexible pour faire face à cette nouvelle demande et cette flexibilitĂ© dĂ©bute avec la grille. Une grille fluide est la première Ă©tape pour faciliter la consultation de votre site, aussi bien sur un petit Ă©cran d’appareil intelligent qu’un Ă©norme Ă©cran de 32 pouces.

(Lire la suite…)

EN SAVOIR PLUS | 6 commentaires »

Mots-clés : , , ,

15 mars 2011

25 sites Web faits Ă  la main : le retour de la plume et la peinture

Au cours des dernières années, le design Web a été en grande partie influencé par les images vectorielles et les couleurs en à-plats. Néanmoins, j’ai récemment remarqué un revirement de tendance quant aux textures, aux graphiques et aux textes qui simulent d’être faits à la main. Cette tendance semble en pleine croissance en 2011 et laisse transparaître un style plus humain et plus organique du Web. Voici 25 exemples de sites qui utilisent la plume et la peinture pour ajouter de la profondeur et de l’originalité. Un vrai retour aux sources, au goût du jour!

(Lire la suite…)

EN SAVOIR PLUS | 2 commentaires »

Mots-clés : , , ,

1 mars 2011

25 sites Web qui font du bruit !

RĂ©cemment, j’ai remarquĂ© beaucoup de sites Web avec une lĂ©gère texture de fond. On trouve notamment des textures qui donnent un effet de statique (noize) ou encore des motifs lĂ©gers, qui ajoutent de la substance au style trop souvent vectoriel des sites Web. Ci-dessous, voici donc une collection de 25 sites Web prĂ©sentant une belle variĂ©tĂ© de textures lĂ©gères, mais riches. N’hĂ©sitez pas Ă  cliquer sur les images pour voir la richesse des textures en taille rĂ©elle.

(Lire la suite…)

EN SAVOIR PLUS | Les commentaires sont fermés

Mots-clés : , ,

21 février 2011

Dix bonnes raisons de procéder à une refonte de votre site Web

Si votre site Web a plus de trois ans, vous avez dĂ» probablement procĂ©der Ă  son entretien Ă  quelques reprises. Si vous ne l’avez pas fait, il est probable qu’au moins un des 10 points ci-dessous s’applique Ă  vous et que vous devriez commencer Ă  planifier une refonte.

(Lire la suite…)

EN SAVOIR PLUS | 4 commentaires »

Mots-clés :