background preloader

Les 7 Principes Fondamentaux de Design d’un Site

Les 7 Principes Fondamentaux de Design d’un Site
Les 7 Principes Fondamentaux de Design d’un Site Cette semaine, le blog accueille Tarik Peudon de Clicboutic, qui nous livre une adaptation d’une grande qualité sur les fondamentaux en ergonomie et webdesign. Une aventure « livresque », au travers des théories fondamentales a avoir en tete a l’heure de concevoir un site. Le design de votre site est plus important que vous ne le pensez pour améliorer vos conversions. Peu importe les tactiques que vous avez déjà mises en oeuvre pour booster votre taux de conversion, si votre site ne ressemble à rien : vous gaspillez vos ressources.Le design ne se réduit pas au travail d’un graphiste.Le design, c’est aussi du marketing.Le design, c’est votre produit et son fonctionnement. Vous trouverez ici 7 principes fondamentaux d’ergonomie et de design qui vous permettront d’améliorer votre site internet. Principe 1 : La Hiérarchie Visuelle La hiérarchie visuelle est l’un des principes fondamentaux du web design. Principe 2 : Le Nombre d’Or 1. 2. 3. 4.

Blog, Freebies | Icojam - sweetest free & premium royalty-free stock icons Cosmo mini is a free version of Cosmo icons and includes 1566 icons in 40×40 sized pixel-perfect PNG + “testdrive” icons in PSD, AI, CSH, SVG, 60×60 sized PNG. All icons are monocolored and divided into following categories: Baby, Basic, Building, Culture, Devices, Documents, Education, Finance, Food 1-3, Holiday, Layout, Medicine, Mobile, Multimedia, Navigation, Player, Symbols, Transport, User, Weather, Work, Furniture, Appliance. License: These icons are free to use in any kind of commercial or non-commercial project unlimited times.Ammount of icons: 1566Sizes: 40×40File Types: .pngTestdrive file types: PSD, AI, CSH, SVG, 60×60 sized PNG. If you need vector and hi-res version of these icons you can buy them on Creative Market: Cosmo icons.

matthieutv : 5 règles d'#ergonomie, web... Les essentiels à la création d'un site internet Vous avez décidé de créer votre site internet. C’est un processus qui implique quelques étapes simples au départ, mais pouvant, sur un site abouti, mettre en œuvre des moyens et des compétences très importants. Un site internet peut être une simple page au format HTML, ou des milliers de pages proposant des animations, des bases de données, voir un site marchand… L’objectif est de vous donner des clés pour la réalisation de votre site internet En amont du projet, il est important de fixer les objectifs du site internet, la cible, le budget à engager. Avant de réfléchir à la conception, la première chose à réserver est le nom de domaine. Passons aux essentiels de la création d’un site internet Avant de vous préoccuper de l’apparence de votre site internet, il est impératif de lister le contenu que vous souhaitez y intégrer pour l’organiser de façon logique, par exemple : par ordre alphabétique, par ordre chronologique, par thème, etc. A ne pas oublier :

L’art du positionnement – Et comment vous pouvez doubler vos ventes Alors ça y est, vous avez décidé de vous lancer dans la vente en ligne ! Vous avez rempli votre boutique de produits et avez effectué quelques ventes mais votre activité tarde à décoller ? OK, il est probablement temps de commencer à vous poser des questions sur votre positionnement. Créer une boutique en ligne au petit bonheur la chance ne vous mènera pas bien loin. Vous devez savoir à qui vous vendez. L’analyse concurrentielle J’adore l’analyse concurrentielle – cela consiste à découvrir qui sont vos concurrents puis à enquêter sur eux comme le ferait un espion. Laissez-moi vous donner un exemple. La boutique Desina a bien compris qu'elle n'avait pas besoin de s'adresser à toutes les femmes Comment positionner vos produits de manière efficace ? Commencez par établir AU MAXIMUM trois types de clients potentiels. Si vous ne savez pas qui cibler, il est temps de créer un sondage et de l’envoyer à vos clients existants. Positionnez vos produits dès la page d’accueil

Grid Designer 2 Pourquoi vous allez détester le nouveau Twitter pour iPhone Qu’est-il passé par la tête du directeur produit de Twitter quand il a décidé de lancer leur nouvelle application iPhone ? Entre la volonté de faire le pire client de l’histoire du service – même leur première Web application était meilleure – et un soudain élan de philanthropie envers ses concurrents matérialisé par cet énorme cadeau de Noël, mon coeur balance. Le nouveau client Twitter pour iPhone n’est pas mauvais, c’est une catastrophe. En théorie, je n’aurais même pas du m’en apercevoir. Je n’utilise plus Twitter depuis presque un an, remplacé par l’excellent Tweetbot, mais il a eu la bonne idée de pourrir la vie de tout le monde, y compris ceux qui l’ont installé mais ne veulent plus l’utiliser. 1. Pourquoi Twitter a-t-il décidé de supprimer l’accès aux fonctionnalités d’interactions d’un simple glissement du doigt ? Il peut alors : Y répondre.Le retweeter.L’ajouter aux favoris.Découvrir les conversations subséquentes.S’abonner directement à son auteur. 2. 3. 4.

Nouvelles tendances du graphisme web Actu du 11/07/2013 L'évolution des technologies, des services proposés sur Internet, et le passage au « web 2.0 » se sont accompagnés d'une évolution des standards du web design, une sorte de nouvelle école, probablement influencée à la fois par la simplicité et la légèreté de Google, et le look zen de Mac OS et de l'univers Apple en général. Cette nouvelle tendance graphique, dite simplement « graphisme web 2.0 » a évolué rapidement et a imposé des codes qui sont maintenant quasiment incontournables. Le web design n'a jamais été aussi bon et percutant, mais arrive paradoxalement à une limite, qu'il faudra savoir dépasser car tous les sites commencent à se ressembler, et qu'il devient de plus en plus difficile de différencier un graphisme d'un autre. L’ambiance et l’espace Globalement, le web design va vers une simplification du contenu et de la mise en page, de façon à focaliser l'attention de l'internaute vers les éléments les plus importants. Comment créer la simplicité ? La typographie

3 conseils pour optimiser vos appels à l’action Par Karine Proulx Dans Plus... Aucun commentaire Les deux facteurs clés pour générer des revenus grâce à votre site web sont a) le nombre de visiteurs qui navigue sur votre site et b) votre taux de conversion – à savoir si ces visiteurs cliquent en grand nombre ou non sur vos « call-to-action ». Un « call-to-action » (CTA) est un terme marketing anglophone qui réfère à « l’appel à l’action ». L’appel à l’action est en fait le geste désiré. Par exemple, si votre site web offre des services, le geste désiré est que les visiteurs du site vous appellent pour une consultation. Cet article offre 3 conseils d’optimisation de CTA afin de maximiser votre taux de conversion. Conseil #1 : Optimisez le visuel de vos appels à l’action Jouez sur les contrastes afin de faire ressortir votre appel à l’action (CTA) : Conseil #2 : Présentez-y votre valeur ajoutée Parfois, il ne faut qu’un petit coup de pouce supplémentaire afin d’inciter le client à passer à l’action. Pour se faire, songez à : À la prochaine!

FreePSD Les hommes sont des obsédés, les femmes sont vénales - Etude eye tracking Miratech Miratech et ses partenaires internationaux ont mené la première étude eye tracking internationale pour mesurer comment les hommes et les femmes regardent la photo d’une jeune femme sexy. Conclusion : les hommes regardent la poitrine et les femmes regardent la bague. Miratech a mené une étude sur 210 participants, moitié hommes et femmes, répartis dans 7 pays : France – MiratechDanemark – EyefactPays Bas – Concept7Angleterre – BunnyfootBrésil – Checon PesquisaEspagne – Université Pompeu FabraEtats-Unis – Customer Experience Labs Certains partenaires sont membres du réseau IUTP, International Usability Testing Partnership, dédié aux tests utilisateurs et aux études consommateurs. L’étude était menée individuellement. Pendant que le participant regardait la photo, son regard était mesuré à l’aide de la technologie eye tracking. Les résultats ont été compilés et analysés par les équipes de Miratech. Photo originale Différences hommes/femmes Les hommes sont tous les mêmes Intérêt de l’eye tracking

Related: