background preloader

Ressources conception web

Facebook Twitter

Plaidoyer pour l'ergonomie des interfaces numériques. Qu’est ce qu’une interface numérique ?

Plaidoyer pour l'ergonomie des interfaces numériques.

Avec le multimédia, l’homme invente de nouvelles interfaces permettant des interactions toujours plus abouties avec la machine. L’interface homme-machine est la couche entre ces deux entités par laquelle ont lieu ces interactions. On peut trouver sans problèmes d’autres formes d’interfaces, mais la relation qui va nous intéresser ici est la relation homme-machine. Le GUI – graphical user interface – est la première interface graphique. C’est une interface qui permet de sortir de l’IRC (écran noir) et d’apporter la possibilité d’une communication visuelle de la machine vers l’homme.

D’un point de vue philosophique, dire que ces interactions homme-machine augmentent les capacités de l’homme et celles de la machine n’est pas chose neutre. Cette expansion de la machine se vérifie en partie à travers le 20e siècle en ce qui concerne l’informatisation de certaines activités humaines, une révolution de l’innovation, silencieuse et fataliste. Fred Cavazza - Bonnes pratiques d'ergonomie web appliquées au commerce en ligne. Ergonomie web et logiciel, architecture de l'information, utilisabilité sites Internet – Ergolab.

OpenClassrooms - La grille fluide. Screenfly / Test Your Website at Different Screen Resolutions. Web Features - Parallax Background Builder. Susy. Responsinator. Google veut démocratiser le Material Design sur le Web. Google a publié un ensemble d'outils permettant aux développeurs Web d'adopter les codes de Material Design sur leurs sites Internet.

Google veut démocratiser le Material Design sur le Web

A l'occasion de la conférence I/O 2014, Google introduisait une toute nouvelle interface utilisateur pour son système Android. En reprenant les codes du flat design, la firme de Mountain View s'alignait alors sur les stratégies de Microsoft et d'Apple. Google souhaite désormais démocratiser Material Design sur le Web avec un nouveau framework baptisé Material Design Lite. Chacun des éléments graphiques adoptés sur Android 5.0 Lollipop pourront ainsi être directement embarqués au sein des applications Web. C'est le cas des badges, des boutons, des menus des tableaux, des champs texte, de la police Roboto ou encore de l'agencement des différents éléments.

Blog - Events, News, and Videos for Web Designers and Developers. Future of Web Design – A conference for web designers & developers in 2015 & beyond. Web Design Blog - Webdesigner Depot. WebdesignerTrends - Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels. Top Web Design Trends for 2015. There’s no clear-cut scientific formula to great design because it’s undoubtedly considered more of an art than a science.

Top Web Design Trends for 2015

Strangely there are many recognizable patterns which seem to reappear time and again. These might be called popular design techniques but from an industry perspective many people refer to them as design trends. This post delves into the most fascinating design trends gaining recognition by modern web designers. Although trends are often created by people who are willing to push boundaries, all trends have a direct effect on the design industry as a whole. New designers and developers can learn a lot by crafting websites around these trends – but no matter what your skill level there’s always something to learn by studying the most favored qualities of website layouts.

Ghost Buttons One of the fastest growing trends in web design is the ghost button. Ghost buttons are designed to be empty or semi-transparent by default. Feature List Icons Galleries & Slideshows. Le brief créatif. L’objectif du brief créatif est d’identifier le besoin client, les objectifs de l’objet graphique et la problématique à laquelle il doit répondre.

Le brief créatif

Prévoir de 30 à 60 minutes environ. L’idéal est de le réaliser en direct avec le client mais on peut également le faire par téléphone. 1- Prérequis pour réaliser le brief créatif - Chiffrage et périmètre du projet réalisé - Être accompagné du chef de projet - Avoir préparé le brief en ayant lu les éléments dont on dispose déjà : expression du besoin / cahier des charges, communications, identité de marque, chartes… Un benchmark préalable peut être profitable pour suggérer des idées au client durant le brief.2- Qui est le client ?

9- Les contraintes. Useful resources and inspiration for creative minds. Webdesign Inspiration & tutoriels. Tutoriels. Découvrez les tutoriels vidéo de Team8 : HTML / CSS / PHP – Débuter en programmation Web.

Tutoriels

Continuer la lecture Video2brain propose deux nouveaux tutoriels en rapport avec le web design. Continuer la lecture Dans ce tutoriel, nous allons voir comment mettre en place un effet de rotation en 3D sur un élément au survol de la souris. Une fois qu’il sera réalisé, vous serez vraiment étonné par le résultat de votre travail. Continuer la lecture Un petit tutoriel (en anglais, encore !) Continuer la lecture Un petit tutoriel (en anglais) pour réaliser une animation en HTML5. Continuer la lecture Vous souhaitez réussir votre prochaine campagne web marketing ? Continuer la lecture Vous souhaitez vous lancer dans l’e-commerce ? Continuer la lecture. CSS Gallery for Web Design Inspiration - CSS Nectar.