background preloader

Couleur web : l'accord des couleurs, le cercle chromatique et la palette web

Couleur web : l'accord des couleurs, le cercle chromatique et la palette web
Assembler les couleurs est un exercice difficile pour le webdesigner. Les couleurs sont là pour servir le design, mettre en valeur le site web et le rendre attrayant. Bien souvent la lisibilité d'un site et la clarté de l'information passe aussi par le bon choix des couleurs. "Quel est le bon choix de couleurs pour un site web ?" L'accord des couleurs n'est pas une science exacte, mais connaître quelques principes n'est pas inutile. Les couleurs, c'est subjectif Utiliser les couleurs web Le cercle chromatique et l'accord des couleurs La palette web 1. L'accord des couleurs est subjectif. Certaines personnes vont préférer le rouge alors que d'autres plébiciteront le vert. Il est très difficile de séparer la subjectivité de la symbolique des couleurs car les couleurs ont toutes une influence sur nos émotions, nos humeurs, notre ressentiment... en fonction de notre environnement culturel. Les couleurs sont infinies et il y a tant a dire. 2. Le cahier des charges définie les couleurs. 3.

Structure de site Internet : comment faire ? La structure d’un site a un impact énorme sur le référencement naturel. Une mauvaise conception pose problème: perte de positionnement, contenus non indexés, incompréhension du visiteur… La solution est d’adopter le plus tôt possible une structure adaptée pour votre site. Oui, mais comment… ? Arborescence générale Avant même de parler technique, il faut parler de contenus et de cibles. A qui votre site s’adresse, pour répondre à quels besoins, avec quels outils ou quels contenus ? Dans l’ordre, voici les points clés de la structure de votre site Internet : Quel type de site utiliser ? La dernière question est sans doute la plus épineuse. lister tous les contenus (actuels ou à venir) de votre site webles regrouper en catégoriesles structurer Rien de tel qu’une image pour mieux comprendre : Le problème, c’est que cette structure dépend de votre point de vue. La méthode du tri des cartes et les personas La méthode de tri des cartes implique une aide extérieure. L’html et structure Les balises html

Formation Wordpress : Introduction Applicable sur : WordPress 3.x et 4.xNiveau de difficulté : facile | moyen – difficileDernière mise à jours : 29 juin 2015 Tout le monde peut aujourd’hui créer un site internet. Si on vous a dit le contraire, c’est un mensonge. Attention, je n’ai pas dit que la création d’un site internet se fait en 5 minutes et que cela se fait tout seul, mais je vous promets que si vous suivez sérieusement ce guide, vous y arriverez. Je ne suis pas non plus en train de vous dire qu’un informaticien ne sert à rien. Il va de soi que selon la complexité de votre projet, vous devrez inévitablement faire appel à un Webmaster. Concrètement, voici ce que vous serez en mesure de faire après avoir suivi ce cours WordPress: mettre en place un site internettenir à jour le sitepersonnaliser les fonctions et l’apparence du site internetfaire connaître votre site dans les moteurs de recherche comme Google, Yahoo, Bing… La formation WordPress est organisée en 9 modules :

Pourquoi les standards du W3C ? Pour débuter, un peu d'histoire… Depuis les premières heures du Web, les principaux fabricants de navigateurs ont tenté de se créer un public captif en créant des extensions HTML propriétaires, restituée uniquement par leurs produits respectifs. Le Web s'est ainsi divisé en deux camps : MSIE et Netscape. Pour que leurs sites soient accessibles aux deux principaux navigateurs, les développeurs Web ne pouvaient opter que pour des choix aussi insatisfaisants les uns que les autres : n'utiliser qu'une syntaxe commune aux deux navigateurs, et se retrouver avec un site très pauvre, se démarquant peu de la concurrence ; ne s'adresser qu'à l'un des deux camps et sacrifier ainsi une grande partie de son audience et de sa clientèle potentielle ; faire deux versions du même site, au prix d'un travail bien plus important et forcément plus coûteux. La concurrence entre Netscape et Microsoft a donc mené à une balkanisation du Web, allant complètement à l'encontre de son ambition initiale. Conclusion

SEO et création de site web au Maroc Rendre l'information accessible à tous | brochure-translations | Guidelines | Resources | European Blind Union L'Union Européenne des Aveugles demande que l'information soit accessible à tous, y compris aux personnes aveugles et malvoyantes, en même temps qu'aux autres et sans frais supplémentaires. Dans la présente publication, nous nous intéressons à l'accessibilité des documents imprimés et des documents électroniques, destinés à un large public, dont les sites web, les livres, les factures, les lettres, les prospectus, etc. Cette publication a été réalisée avec l'aide du programme communautaire pour l'emploi et la solidarité sociale - PROGRESS (External link) . 1.1. À qui s'adresse cette publication ? Les responsables de la communication réaliseront que rendre l'information accessible à tous n'a rien de compliqué et que ce geste peut faire une réelle différence pour leur organisation ou leur entreprise. Comme tout le monde, les personnes aveugles et malvoyantes lisent sur plusieurs supports. 2. Tout d'abord, parce que c'est juste. 3. 4.1. L'information est plus qu'un simple texte. 4.1.1. 4.1.2.

Les secrets de la pensée libérée : 27 façons d’utiliser le mindmapping (cartes mentales) Ce billet se propose de vous offrir la traduction d’un fabuleux billet publié sur Bootstrapper intitulé “Secrets of Thinking Outside the Box: 27 Ways Digital Entrepreneurs Can Use Mindmapping“. Il se lit comme un conseil aux cyber entrepreuneurs en leur prescrivant les mindmaps comme développeur de leur business. Note : j’ai été jusqu’à reproduire toute la bibliographie (hyperliens) de l’auteur dans la traduction. Via l’excellent Brainsfeed (Pierre-yves Debliquy). L’une des méthodes de développement de la pensée les plus puissantes et efficaces est le mindmapping. Résumé Le Mindmapping stimule à la fois les hémisphères de la création et de la logique du cerveau. Mindmapping est parfois appelé « pensée radiante. » (radiant thinking dans le texte). Organisation de l’information 1. Conception et planification 3. Management 11. La résolution de problèmes, la prise de décision, l’établissement d’objectifs ‘établissement d’objectifs / gestion du temps.

Une obsession. Simplifier le Web. Je possède une adresse de courrier électronique depuis 1986. À ce moment existait au Canada un réseau point à point du nom de Bitnet. C'était un peu après les dinosaures ;-) Plus tard, au début des années 90, j'ai utilisé les premiers outils qui ont été conçus pour Internet : Archie, Gopher, WAIS, Telnet, IRC, FTP... Nommez-les, je les ai utilisés. Je me rappelle comme si c'était hier lorsque j'ai consulté le site gnn.com (global network nativigator) avec la première version de Mosaïc sur mon Mac portable. C'est mon entrée en matière aujourd'hui pour une raison très simple. Or simplifier et un travail d'une très grande complexité! Je me suis donc donné sur une série de repères pour mieux comprendre et mieux expliquer le Web. Je ne sais si j'y suis parvenu. Clef #1 : la visibilité Pour une présence efficace sur le Web, il faut d'abord que les gens vous trouvent. Mon guru de la visibilité s'appelle Matt Cutts de Google. Clef #2 : l'interopérabilité Clef #3 : l'utilisabilité

Techniques pour les règles d'accessibilité du contenu Web 1.0 Note du W3C 5-mai-1999 Cette version: Les autres versions de ce document ne sont pas disponibles. Latest version: Version précédente : Dernière version des "règles pour l'accessibilité du contenu Web 1.0" Editeurs : Wendy Chisholm, Centre R & D Trace, Université du Wisconsin -- Madison Gregg Vanderheiden, Centre R & D Trace, Université du Wisconsin -- Madison Ian Jacobs, W3C Copyright © 1999 W3C (MIT, INRIA, Keio), Tous droits réservés. Résumé Ce document est une liste de techniques qui met en place la liste des contrôles définie dans le guide des "règles d'accessibilité du contenu Web 1.0". Ce document fait partie d'une série de documents sur l'accessibilité publiés par le groupe d'initiative sur l'accessibilité du Web (WAI). Statut de ce document 1 Priorités [Priorité 1] [Priorité 2] [Priorité 3]

Ergonomie web - Interview de l'auteur : Amélie Boucher L'ergonomie c'est comme le référencement : les secrets sont généralement bien gardés ! Cet ouvrage s'aventure donc dans les terres inconnues de l'Edition. Qu'est-ce que Ergonomie web, paru aux Editions Eyrolles, apporte aux lecteurs en quête d'informations en matière d'ergonomie et à qui s'adresse-t-il ? Amélie Boucher : C'est un non-sens de vouloir faire de l'ergonomie une discipline qui entretienne la culture du secret. Ergonomie web offre donc à la fois des conseils pratiques simples à appliquer et des pistes méthodologiques pour intégrer l'ergonomie au quotidien dans un projet web. Quelque soit leur métier, tous les acteurs du web pourront y acquérir un niveau de base, une sorte de "culture générale" d'ergonomie web. Retour au sommaire On comprend bien à la lecture de votre ouvrage que l'ergonomie ce n'est pas que du bon sens et d'ailleurs qu'est-ce que le "bon sens" ! Il existe d'abord les véritables "normes", au sens propre, de type ISO.

Ergonomie : Pourquoi il est dangereux de s’écarter des conventions ? Ne pas respecter les conventions, c’est s’exposer à des risques L’ergonomie n’est pas une question de règles absolues. C’est aussi, bien au contraire, le respect des conventions que les usages du web imposent et qui vont, parfois, à l’encontre des bonnes pratiques ergonomiques. Aussi, bousculer une convention, vouloir faire mieux peut partir d’une bonne intention, mais représente toujours un risque. En innovant, vous risquez d’aller à l’encontre de ce que les internautes peuvent rencontrer, les désorienter et, finalement, les perdre. Voyons voir comment. La page panier de C-and-a.com Je prendrai mon exemple de chez C-and-a.com, site récemment sorti dont on pourrait discuter longuement de l’ergonomie, mais dont un point en particulier a retenu mon attention. Un panier peu conventionnel Comme vous pouvez le voir, dans une tentative de « griller » les étapes, le panier contient également le module d’identification. Mais en ayant compressé ainsi l’action, il a pris plusieurs risques : Conclusion

L'ergonomie dans le web design J’ai la chance d’inaugurer un nouveau thème rédactionnel pour le blog. Si je vous dis ergonomie, architecture d’information, expérience utilisateur… Ca vous parle ? C&r... ressources webdesign Conception Web by DUCERF Julien L’internaute a un objectif principal : répondre à son besoin ! Après avoir introduit la notion de parcours internaute, soyons plus concrets en nous intéressant aux étapes d’analyse et de conception de ces parcours. On peut distinguer deux niveaux dans le parcours internaute : L’un est un parcours inter-pages, c'est-à-dire de page en page; et un autre intra-page, c'est-à-dire à l’intérie... inspiration

Ergonomie Web : Les bonnes pratiques, 12 règles pour s'initier à la conception d'interfaces à forte utilisabilité par Arnaud Lemercier Cet article fortement inspiré du livre Ergonomie Web d'Amélie Boucher (ergolab), a pour but de vous initier à l'ergonomie Web. Vous y trouverez que l'essentiel et les bonnes pratiques à avoir en tête lors de vos conceptions d'interface web. Article lu 2562 fois. Utilisabilité (ou usabilité)▲ L'utilisabilité est définie par la norme ISO 9241 comme « le degré selon lequel un produit peut être utilisé, par des utilisateurs identifiés, pour atteindre des buts définis avec efficacité, efficience et satisfaction, dans un contexte d'utilisation spécifié ». l'efficacité : le produit permet à ses utilisateurs d'atteindre le résultat prévu ; l'efficience : atteint le résultat avec un effort moindre ou requiert un temps minimal ; la satisfaction : confort et évaluation subjective de l'interaction pour l'utilisateur. Utilité▲ L'utilité d'une application désigne sa capacité à aider à la réalisation de l'objectif de son utilisateur. Ergonomie▲ Persona▲ Affordance▲ L'architecture▲ Le site est bien organisé

Related: