background preloader

Webdesign

Facebook Twitter

Create Your Own @font-face Kits. TypeWonder - Beta. Fontello - icon fonts generator. College Ruled Editor - SVGeneration. Jeffehobbs/embedresponsively. Long shadow generator. De l'intérêt des transitions pour concentrer l'attention. Je me suis toujours intéressé aux effets de transitions et à la façon dont elles pouvaient sublimer une page web. Vous n’êtes pas censé ignorer que les possibilités d’affichage et de présentation de HTML sont historiquement limitées : du texte, des images, des tableaux, des formulaires et des boutons.

Du coup, certains ont essayé de faire mieux (Vive les transitions !). Le problème est que pour réaliser ces transitions à l’époque, il fallait utiliser du code plutôt lourd et complexe à manier (Quel framework pour les animations en Javascript ?). Heureusement, les choses ont bien changé avec HTML5 et surtout la version 3 des spécifications des feuilles de style. Du coup, les designers se sont à nouveau lancés dans la scénarisation de textes et la narration interactive. Et comme toujours, une plus grande sophistication entraîne nécessairement plus de complexité. Les transitions n’échappent pas à la règle, pour mon plus grand bonheur, et j’espère pour le vôtre. Test : votre site Internet répond-il à ces questions essentielles ?

L’approche centrée utilisateur (user-centric) fait parfois peur puisqu’elle nous met en danger. Elle impose d’identifier les besoins des visiteurs et de construire en fonction les informations qui y répondront. Il est bien plus simple de faire l’inventaire des contenus disponibles et de les disposer selon sa propre logique !

L’étude des besoins utilisateurs s’appuie généralement sur des études et la conception de persona. Dans la vraie vie, cette méthodologie n’est pas toujours facile à mettre en oeuvre. Vos produits et/ou services 1. Aller droit au but ! 2. Le premier point attise la curiosité, celui-ci doit prouver au futur client qu’il a eu raison de vouloir en savoir plus ! 3. Le prix est parfois si bien caché qu’il peut générer une vraie frustration quand on le découvre. 4. Si votre offre (bénéfices, caractéristiques) est séduisante, le mode opératoire pour en profiter doit être clair et sans ambiguité.

Vous et votre entreprise 5. On n’achète pas qu’un produit ou un service. 6.

CSS

Frameworks. JavaScript. Référencement. UI. ZenHTMLSelectorsEn - zen-coding - Selectors and aliases for Zen HTML plugins - Set of plugins for HTML and CSS hi-speed coding. &what; -- Discover Your Character.