background preloader

Ergonomie web : les bonnes pratiques - STUDIO VITAMINE l'agence web

Ergonomie web : les bonnes pratiques - STUDIO VITAMINE l'agence web
Un site ergonomique est celui qui conduit le visiteur le plus simplement et le plus rapidement vers l’information recherchée. Nous allons quitter Internet pour quelques instants, pour mieux y revenir plus tard. Qui n'a jamais éprouvé de difficulté à utiliser tel ou tel matériel dans la vie de tous les jours ? Qui n'a pas eu à ouvrir un mode d'emploi pour utiliser un appareil photo numérique ? Qui n'a jamais ressenti ce phénomène de frustration de ne pas pouvoir utiliser pleinement un matériel faute de savoir s'en servir ? D'où la question.

http://ergonomie-web.studiovitamine.com/

Signification des couleurs en E-marketing et en Ergonomie Web . Sur la demande de plusieurs clients et stagiaires, les consultants-rédacteurs de Trinity Advise se sont mobilisés pour vous proposer un dossier complet sur les codes couleurs web et la signification des couleurs pour Internet. Vecteurs de cohérence graphique, les couleurs dictent de nombreux comportements à l’inconscient de l’internaute. Elle génèrent des réactions et des émotions que nous ne savons pas concrètement évaluer et chiffrer en e-marketing, sauf avec les nouveaux outils de test d’ergonomie web (eye tracking, mouse tracking, neuromarketing). Comment sont perçues les couleurs sur Internet, quel est leur impact sur la navigation et comment influencent-elles les internautes dans le tunnel d’achat ?

Liens - ergonomie, architecture de l'information, utilisabilité derniers liens User Interface (Q&A) Une plateforme de Questions / Réponses dédiée à l'expérience utilisateur web et mobile. » Visiter le site Baekdal.com Le site de Thomas Baekdal est très riche en ressources diverses, la plupart appartenant au champ de l'expérience utilisateur. Bonnes pratiques pour les déclarations @font-face Petit rappel historique À l’origine, les déclarations CSS @font-face faisaient partie de la norme CSS 2.0 et étaient supportées aussi bien par Internet Explorer 6 que par Netscape 4. Nous étions alors à la fin des années 90 et la guerre entre ces deux navigateurs faisait rage. Malheureusement, les constructeurs ainsi que les fondeurs ne parvinrent pas à se mettre d’accord à l’époque sur un format de fonte et le haut débit n’étant pas encore généralisé, cette technologie ne fut que peu ou pas utilisée. En conséquence, lors de l’écriture de la norme CSS 2.1, cette fonctionnalité fut purement et simplement supprimée. Avec CSS 3, c’est le grand retour en force des fontes web à travers le module CSS Fonts qui redéfinit la méthode d’insertion des fontes personnalisées dans les navigateurs.

Tout savoir sur l'Expérience Utilisateur (User eXperience ou UX) Design is much more than how something looks like and feels like, design is how it works. C’est en général très compliqué et long de rendre les choses simples. Et ce n’est pas moi qui le dit. Très bon article de Krystal Higgings sur l’importance et la manière de créer une vraie expérience quand un utilisateur ouvre une application mobile pour la première fois. Ce premier lancement doit à la fois séduire l’utilisateur tout en lui apprenant rapidement comme se servir de l’application : laisser jouer l’utilisateur plutôt que lui montrer comment il doit faire, lui présenter une interface avec du contenu sans qu’il ait à le remplir lui même, mettre en valeur les key features et l’inciter à découvrir le reste.

Comment utiliser une fonte «non-standard» sur un site Web Il est de notoriété publique que l'usage des fontes sur le Web est limité à une poignée de fontes non pas standardisées, mais suffisamment répandues pour pouvoir être utilisées sans trop de risques. Et cela pour une raison très simple: la police de caractères que l'on souhaite utiliser doit être présente sur le système de l'utilisateur pour être utilisée par le navigateur. Quand @font-face tombe à l'eau CSS 2 (publié en 1998) comprenait un mécanisme qui autorisait les auteurs de pages web à proposer une fonte au téléchargement, fonte qui serait ensuite utilisée dans la page.

Création automatique de sites Web En bref ... On peut classer les générateurs automatiques de sites en 3 catégories : En détail ... Générateurs en ligne Blog de Dominique Deloche Cette grille du processus de la démotivation donne des indications sur la gravité des risques psychosociaux susceptibles d’affecter l’état de santé des subordonnés concernés. Le rôle du manager de proximité est de détecter au plus tôt les indices de la démotivation ; plus le manager de proximité est en capacité de repérer tôt les symptômes de la démotivation dans le processus, mieux il pourra limiter les risques psychosociaux qui peuvent apparaître dans son équipe et y remédier résolument et rapidement. Le processus de la démotivation se dégrade en neuf niveaux. A chaque niveau, si on ne fait rien, les effets de la démotivation sont plus dommageables pour le subordonné et pour l’activité (voire l’équipe) : Les risques psycho-sociaux portent sur les effets négatifs du stress sur le subordonné, sous pression du fait de son incapacité à surmonter son incompétence relative, momentanée et ponctuelle sur un point précis de son travail. Un simple recadrage suffit la plupart du temps.

10 outils bluffants pour créer des visuels sur les réseaux sociaux Illustrer un article de blog, un Tweet ou un post Facebook est souvent une étape qui s’avère être un vrai casse-tête… Quelle image choisir ? Est-ce qu’elle est libre de droit ? Quelle est la bonne dimension pour qu’elle ne soit pas coupée ? Grâce à My Marketing Manager, cette étape va devenir ludique, rapide et surtout efficace pour attirer du trafic sur votre canal de communication ! Avec Canva il est très simple de réaliser tous les types de montages photos inimaginables. L’outil est gratuit.

Mind mapping pour la gestion de projet Il existe 4 types de raisonnement : 1 – “En chaîne” = séquentiel : étape par étape . Il s’agit d’un raisonnement séquentiel. 2 – “En étoile” ou “radial”= ex. le “SON” est le seul point commun à tous les concepts, d’où appellation de connaissances cloisonnées. L’élément central est le seul point commun à tous les concepts développés. 3 – “Arbre hiérarchique” : décomposition en sous parties comme pour le cas de l’analyse d’un problème à travers sa décomposition en sous-parties pour pouvoir les étudier plus facilement. Humeur : tout le monde il est beau, tout le monde il est ergonome Attention, Explicit Words Attention, le présent texte contient des mots grossiers qui peuvent être nuisibles aux padawans (apprentis) ergonomes : « connerie », « bullshit » (caca de taureau) et « branlette ». Comment ce billet a muri Il y a quelques temps, j’ai décidé de me lancer dans un petit point lexical sur les composants d’interfaces graphiques utilisateur à l’usage des concepteurs. Comme il y a pas mal de choses à dire, je me suis dit que j’allais plutôt faire une série de billets.

L’impact de notre alimentation sur la planète L’empreinte écologique est une mesure de la pression que nous exerçons sur la nature. Cet outil évalue la surface productive nécessaire à une population pour satisfaire ses besoins en ressources naturelles et absorber ses déchets. Concrètement, il s’agit d’un outil permettant de modéliser les impacts environnementaux de tout ce que nous consommons pour subvenir à nos besoins, y compris superflus !

Related: