Vendredi, c’est en images

Aujourd’hui, place aux pages 404 et à leur créativité sans limite.

Les plus ingénieux d’entre nous en profitent pour détourner leur marque et gagner un peu plus de proximité avec le consommateur.

Tout ceci est finalement très tactique, et tant qu’à atterrir sur une page inutile, autant qu’elle flatte l’oeil…

Vendredi, c’est en images

L’avènement des CMS et l’industrialisation des portails d’information relègue souvent la créativité au second plan.

Et pourtant, quel plaisir de se retrouver face à une page graphique. Un peu de douceur dans ce monde plein de lignes de codes informatique…

Du plus ludique au plus visuel, voici donc pêle-mêle 20 formulaires de contact qui ne vous laisseront certainement pas indifférents !

Parmi les qualités d’un chef de projet, la capacité d’expliquer et de convaincre est sans doute l’une des plus exigeantes, car nous sommes dépositaires du savoir d’un projet, réalisé par des profils tous plus différents les uns des autres, et dont nous devons valoriser les efforts pour éviter la surchauffe.

Bien souvent, nous ne savons comment nous y prendre pour rendre les actions de chacun plus intelligibles. Voici donc une collection d’outils qui vous seront utiles pour donner à voir.

Voici donc 10 outils libres de visualisation des données, sous plusieurs formes. Faites votre marché, pourvu que vos interlocuteurs vous comprennent…

Vendredi, c’est le jour des e-mages

Décidément, le simple est toujours beau. Pour notre plus grand plaisir, voici une tendance qui émerge doucettement et qui vient nous rappeler que lorsque notre message est court, il se suffit à une seule interface. Vous savez, un peu comme ces sites en flash d’agences très créatives.

Seule différence : tout tient dans du html. Rajoutez un soupçon de JS et ces interfaces « à plat » coulisseront selon votre inspiration (et surtout vos clics).

Ne cherchez pas de performance SEO, il s’agit uniquement de présenter graphiquement une information concise à des internautes toujours plus pressés.

Pour peu que vous ayez des talents de mise en page, c’est un excellent moyen de présenter un nouveau produit, un événement, une promotion … ou vous-mêmes ..?

Voici un aperçu de 10 sites « coulissés » du moment.

Le fonctionnel, l’ergonomie ou le référencement arrivent bien souvent en tête dans les préoccupations des concepteurs de sites internet.

Mais s’il est un argument qui prendra de plus en plus de poids avec l’industrialisation des CMS et la proximité toujours plus grande entre sites, c’est bien la couleur.

Il m’est en effet apparu dans mes expériences récentes que les éléments discriminants des interfaces web tenaient bien souvent à peu de choses. Ainsi, 4 couleurs de quelques pixels de large sont devenues le symbole de l’histoire d’une marque presque centenaire, c’est vous dire …

Couleur de fond de page, du bandeau, des liens, des rubriques ou des boutons : Découvrez les messages cachés derrière les couleurs d’un site en lisant ce billet.

Certaines campagnes ont un impact évident. Celle du Fiat Ducato au Brésil en fait certainement partie.

Une baseline efficace, « Vous réfléchissiez à changer votre van ? Voici le nouveau Fiat Ducato. » et un visuel très accrocheur = un cocktail gagnant !

Votre navigateur ne supporte pas JavaScript ou vous avez désactivé JavaScript.

Cliquez sur les flèches pour faire défiler les 3 visuels

Est-ce la fin annoncée des deux stars du web Arial et Verdana ?

En tous cas, la solution proposée par la fonderie Typotheque.com est pleine de promesses : pour ranger aux oubliettes les typos cent fois utilisées, il vous suffira de rajouter une petite ligne de code dans vos codes CSS, et acquérir une licence bien sûr

La démo en images dans ce post.

A l’origine, un framework fournit un ensemble de fonctions facilitant la création de tout ou d’une partie d’un système logiciel. Ici, il s’agit d’intégrer au maximum les briques de mise en forme – les « Grid » (« Grilles ») – pour développer plus rapidement en Ajax, PHP, Javascript ou en HTML

Appliqué aux CSS, l’effet est garanti : Template simple (header, 2 colonnes, footer) ou modèles de page complexes (header, multi-colonnes, multi-bloc, elastique, footer), le développement est largement facilité.

A première vue, cette évolution est mineure, mais en fait, elle va révolutionner votre manière de travailler. Rappelez-vous ce qu’était le web avant les CSS… Bienvenue dans La Grille, Néo

Savez-vous ce qu’est l’oculométrie ? Il s’agit de la science de l’œil, ou plus précisément de ses mouvements. Vous devinez le propos de ce post : Quel est le parcours de l’œil sur une page web ? Selon Nielsen Norman, l’œil décrit un « F » en scannant une page : De haut en bas, puis vers la droite, avant de s’attarder sur les contenus.

Voici une liste de conseils, dont vous mesurerez rapidement l’évidence… Mais ce qui va sans le dire (va encore mieux en le disant – Charles Maurice).

La confrontation avec les professionnels motive les amateurs à créer leurs propres produits sur Internet. C’est ce que révèle une étude* du Journal of Consumer Research, en prenant le cas d’un concours opposant des professionnels du design et des amateurs autours d’objets créés en ligne.

Effectivement, si l’on écarte la personnalisation – peu impliquante car déjà formalisée par l’entreprise grâce à l’Internet-, il existe une voie plus innovante, celle du marketing collaboratif, où l’internaute est vraiment immergé dans le processus de la création-produit.