Webdesign
< vincentpereira
Get flash to fully experience Pearltrees
une sélection de plus 100 sites internet qui sont tous en ligne, pas besoin de logiciel. Vous retrouverez une bonne partie de ces article sous le label effet photo 14 sites pour retoucher des photos correctement et sérieusement. Toutes ses photos sont retouchées en ligne, pas besoin de logiciel embarqué. Certaines applications sont lourdes, d’autres légères. j’ai récemment refait une passe sur les 7 meilleurs logiciel de modification photo en ligne.
Depuis plusieurs semaines, je suis amené à analyser un grand nombre de sites (pour des formations ou des projets de refonte). Après de nombreuses heures à décortiquer des sites (vitrines et marchands), je constate que souvent parfois, certaines règles de bases sont oubliées. J’en profite donc pour faire un point sur ce qui me paraît essentiel dans la conception d’un site : la prise en compte du comportement et des habitudes des internautes (et plus précisément de votre cible). Bon, partons du postulat suivant : les internautes qui visitent votre site doivent se l’approprier rapidement .
L’un des principes fondamentaux de l’ergonomie est la prise en compte des habitudes des internautes. Les études d’ eyetracking ont montré que notre regard fuit les zones qui ressemblent à une petite annonce ou à une bannière. Ce comportement porte même un nom : il s’agit de la « cécité de bannières ».
Mais, au juste, comment les internautes « lisent-ils » les pages webs ? Ou plutôt, comment parcourent-ils du regard ces pages ? Démarrent-ils en haut à gauche de l’écran puis lisent-ils peu à peu tous les éléments qui leur tombent sous les yeux ou bien « picorent-ils » littéralement du regard et dans un ordre aléatoire les divers éléments de la page ? A regarder l’enregistrement d’une parcours oculaire sur une page web, on a surtout l’impression que l’internaute lambda de base de la rue regarde un peu n’importe comment la page qui lui est présentée. Il n’y a pas d’ordre apparent et il semblerait que ce soit un peu la chance qui le fasse tomber sur une zone ou une autre. - L’endroit le plus probable où se trouve l’élément qu’il recherche selon les usages en cours sur le web .
Un des mystères les plus épais du web a été résolu depuis bien longtemps, mais le eye-tracking a permis de mieux comprendre le fonctionnement des internautes lorsqu’il s’agit de plonger profondément dans la page et de s’enfoncer sous la ligne de flottaison. Pour rappel, la ligne de flottaison, c’est cette ligne de démarcation qui sépare ce qui est visible immédiatement à l’affichage d’une page web de ce qui n’est visible que lorsqu’on déroule la page à l’aide de sa molette de souris ou de la scrollbar (barre d’ascenseur). Sous la ligne de flottaison, pensait-on, point de salut, les internautes n’y vont pas. Ce n’est pas que faux, mais pas que vrai, non plus
Un mois, une thématique sur info-ecommerce.fr, et ce mois de novembre, nous sommes toujours sur le thème « augmenter ses revenus « . Vous ai-je déjà parlé du fait que le visuel me semblait important dans une boutique e-commerce ? Je crois, oui… Un endroit où le visuel est oublié (à tord), c’est l’ensemble du processus de commande . Rappelez-vous, au supermarché, vous étiez très fier d’avoir acheté ce mixeur nouvelle génération, vous patientez devant la caisse et vous regardez votre produit, votre nouveau bébé… et vous avez hâte d’en découdre avec la caissière pour déballer votre produit.
Vendredi, c’est le jour des e-mages Décidément, . Pour notre plus grand plaisir, voici une tendance qui émerge doucettement et qui vient nous rappeler que lorsque notre message est court, il se suffit à une seule interface. Vous savez, un peu comme ces sites en flash d’agences très créatives. Seule différence : . Rajoutez un soupçon de JS et ces interfaces « à plat » coulisseront selon votre inspiration (et surtout vos clics).
Vous allez donc pénétrer dans une galerie interactive qui vous fera voyager à travers les différentes toiles de l’artiste. Pour passer d’une cinématique à une autre vous devrez taper dans les mains, jouer avec votre souris, souffler fort, … Mais comment est-ce possible rouspète déjà ma mère incrédule derrière son écran (tiens salut maman !) ? L’innovation vient de l’utilisation de votre webcam (pas obligatoire mais tellement plus fun pour la visite). Il vous suffira de lire les consignes en haut à droite … mais je ne vous en dis pas plus, ça serait dommage de trop en dire.
Aujourd’hui c’est mercredi, la journée des grands enfants ! Pour fêter ça, je vous propose un voyage sur un site internet que je trouve magique. C’est le site officiel de l’acteur Jim Carrey . L’univers graphique n’est pas sans rappeler l’ambiance des œuvres de Tim Burton. Les webdesigners apprécieront la performance de ce site en full flash .
Voici un mini-site retraçant la carrière du célébrissime Michaël Jordan et l'histoire de sa marque de chaussures Air Jordan . Ce site au design particulièrement soigné, qui rappelle les livres en relief pour enfant, vient de remporter un Webby awards 2010 dans la section Design . Créée en 1996, la cérémonie des Webby Awards récompense chaque année les créations les plus originales sur Internet dans près de 70 catégories.
La grande innovation de ce site est qu’il propose aux visiteurs de colorier ses pages. Une expérience qui permet à l’internaute de vivre un agréable retour en enfance (ha, les livres de coloriages !) en écoutant les chansons de l’artiste. Une balade ludique dans un univers poétique.