Il existe de nombreux outils en ligne pour “jouer” avec les couleurs et trouver des gammes chromatiques ou les bonnes couleurs à accorder avec la couleur de son choix. Parmi ces outils, j’ai découvert ce week-end le très simple et efficace Elvan Online. Il s’agit d’un générateur de thèmes chromatiques. A partir d’une couleur au hasard ou de la couleur de votre choix, l’outil vous fournit les couleurs en harmonie correspondantes et différentes variations. Le genre d’outil pratique pour les designers ou les simples curieux qui cherchent quelles gamme de couleurs utiliser avec une couleur de base. Dans le même genre, je vous avais déjà présenté l’excellent outil d’Adobe : Adobe Kuler.

Vous en connaissez d’autres ?

Les concepteurs des applis iPhone sont souvent très vigilants à proposer un design propre, moderne si ce n'est innovant dans leurs applis. Cette attention portée au design hérite-t-elle du monde Apple ? Certainement un peu ! Ces développeurs présentent parfois leurs applis iPhone sur un site dédié en plus que sur l'App store. Là encore, le design est au rendez-vous avec des sites très modernes et incontournables pour les amoureux du webdesign... WebdesignerDepot nous en présente une quarantaine : bon appétit :)

Description du site : iPhone applications are hotter than ever. So how do these applications stand out ... One great way to do this is by creating a great website design that showcases ...

Voir le site

Grâce à un partage de l'ami Bastien (exotech.biz) j'ai découvert cette liste de plugins Safari publiée par Webdesigner Depot. On y trouve une sélection des 20 meilleurs plugins pour Safari (car oui il en existe pour ceux qui en doutaient !) et je dois dire que j'ai découvert de petites perles... j'en suis même au point d'hésiter pour switcher comme navigateur comme défaut sur Safari en lieu et place de Firefox... Et vous, vous en connaissez d'autres ?

Description du site : These days we have great choices for Web browsers: Internet Explorer, Firefox, ... Each browser comes with its own set of advantages and features and one of the ...

Voir le site

Si vous êtes comme moi amateur de design innovant et épuré pour les sites Internet, je ne peux que vous encourager à faire un retour sur cette très belle sélection de 22 sites inspirés par Apple.com.. Vous remarquerez qu'il ne s'agit que de sites pour des applications Apple :) On aurait presque envie de se lancer dans le développement d'applis Mac rien que pour avoir ce genre de site !! (trouvé via un partage de Bastien Labelle)

Description du site : Apple is one of the most creative and innovative companies in the world. ... WebdesignerDepot.com is proud to be hosted by ANHosting. ...

Voir le site

Il est souvent beaucoup plus facile d’expliquer quelque chose au travers d’un dessin ou d’une illustration qu’avec de longs discours. En allant plus loin, faire l’exercice de penser visuellement, de faire le travail de représenter sous la forme d’un schéma une idée est extrêmement intéressant. Cela vous permet d’organiser vos idées, d’en comprendre les zones d’ombre ou de combler les vides dans vos concepts pour lesquels il manque quelque chose. Un schéma est toujours plus visuel : vous pouvez ainsi bien plus facilementcapter l’attention de vos interlocuteurs. De la même manière qu’un design sympa attirera d’avantage la curiosité de vos visiteurs, un schéma sera toujours plus souvent lu qu’un long paragraphe !

David Armano qui réalise lui-même régulièrement des illustrations sur le web (et que je propose de temps en temps sur Webilus) a réalisé une conférence sur le sujet justement de “Thinking Visually”. Je vous propose ses quelques slides qui illustrent bien (ça tombe bien !) cette idée !

La déferlante du Web2.0 que l’on voit sur Internet, depuis quelques années maintenant, a changé beaucoup de choses sur le web tant d’un point de vue usage, sociale ou encore graphique.

Pour la partie graphique justement, de nombreux sites ont fleuri sut Internet pour proposer un service ou un outil simple : les générateurs 2.0. Derrière ce nom barbare se cache tout en ensemble d’outils plus ou moins utiles, plus ou moins fun permettant de faire ou de créer facilement des composants ou des éléments 2.0.. Petit tour d’horizon.

Classique : le générateur de logo 2.0

Un générateur de badge (beta de préférence)

N’oubliez pas la Favicon

Envie d’un arrière plan rayé ?

Ou plutôt d’un arrière plan en tartan ?

Pour créer des éléments graphique sauce 2.0

N’oubliez d’ajouter des reflets à vos images !

Et pourquoi pas un ruban en haut de votre site ?

Vous en connaissez d’autres ?

Un nouveau thème graphique

Vous l’aurez sans doute remarqué, le blog a changé visuellement. J’ai en effet adapté le thème de mes deux autres blogs (Webilus et Monetiweb) pour blog.aysoon.com en le déclinant en bleu. C’est quelque chose que je voulais faire depuis longtemps. Cela permet tout d’abord d’unifier les 3 blogs dans une même déclinaison graphique tout en leur laissant leurs spécificités. Je créé ainsi une identité visuelle autour de l’ensemble de mes blogs. Par ailleurs, j’ai eu l’occasion de tester et d’améliorer de nombreuses fois ce thème tant en termes de référencement que de parcours utilisateur. J’ai eu de nombreux retours positifs sur les 2 autres blogs et je pense donc que cela devrait être pareil pour celui-ci. Basé sur un modèle à 3 colonnes en page d’accueil puis 2 colonnes sur les autres pages, ce thème me permet de multiplier les points d’entrées tout en gardant une bonne visibilité pour les contenus et les encarts publicitaires. Par ailleurs, les 3 blogs sont dorénavant sur une version 2.7 de Wordpress avec donc un même thème graphique. Cela me facilité donc aussi la maintenance des blogs ce qui peut prendre pas mal de temps quand on en a 3 :). J’espère que ce nouveau thème vous plaira et que vous ne serez pas trop perdu :) Ceux qui ont l’habitude de naviguer sur Webilus ou Monetiweb s’y retrouveront très vite !

L’ajout de Delicious et Flickr au sein même du blog

L’une des autres particularités de cette nouvelle version du blog est l’ajout directement au sein du blog de mes favoris Delicious (sites ou articles que je trouvent intéressants à garder de côté durant ma veille quotidienne) et de mes photos Flickr (photos que je prends de temps en temps depuis mon mobile et que j’envoie sur Flickr).

Contrairement à ce que l’on trouve en général sur les blogs qui intègrent ces contenus, je ne me suis pas contenté de faire juste une liste des derniers liens ou photos postés via un flux RSS. Pour chaque bookmark Delicious ou chaque photo Flickr, un nouvel article est créé automatiquement avec une capture d’écran ou la photo et une description du contenu (voir un exemple de bookmark ou un exemple de photo). Je pense en effet que ces contenus ont une réelle place sur le blog et doivent donc y être intégrer pleinement. J’avoue mettre pas mal cassé la tête pour ces intégrations automatisées mais cela semble marcher et je suis content du résultat.

Ces contenus sont séparés sur le blog des articles classiques que je peux rédiger. Vous les retrouverez donc dans des blocs séparés dans la colonne centrale de la page d’accueil ou dans la barre de droite sur les autres pages. En revanche, j’ai décidé de les inclure dans le flux RSS (en prenant soin de les identifier dans le titre) afin d’en faire profiter les 4000 abonnés au flux. On verra si je les maintiens dans le flux ou si je les sors à l’avenir… à vous de me dire :)

Un nouvel hébergement

Enfin, j’ai profité de cette nouvelle version du blog pour le migrer sur un autre serveur (un dédié chez OVH) ce qui m’a permis d’en profiter pour remettre à plat toute ma configuration, optimiser la mise en cache proprement et proposer ainsi aux lecteurs du blog, un site optimisé qui semble mieux répondre qu’avant. J’espère que c’est bien le cas…

La mise à jour des DNS a été quelque peu laborieuse mais tout semble ok depuis hier soir.

Quel avenir sur ce blog en 2009 ?

Enfin je voulais vous parler un peu de mes projets pour 2009 concernant ce blog. Vous le savez peut-être, je travaille (dans la vraie vie, celle du jour) en tant que consultant et chef de projet Web dans une PME à Vincennes : Noven. Depuis un an et demi maintenant, j’encadre donc la création et le développement de sites Internet pour de grands comptes (Canal+, Annonces Jaunes, SFR, Voyages-SNCF.com, AirFrance, etc.). Ce travail me prend bien évidemment énormément de temps et il est parfois difficile de continuer à bloguer (a fortiori quand on décide de tenir non pas 1 mais 3 blogs !). Cependant, je ne veux pas arrêter. Je considère pleinement le blogging comme un autre travail (de nuit celui-ci) dans lequel j’y intègre beaucoup de veille (je continue de lire à peu près 600 flux RSS). Les 3 blogs ont maintenant tous au moins un an, possèdent pas mal de contenus, de nombreux commentaires et continuent donc d’être visiter quotidiennement par plusieurs milliers de personnes. Il est donc hors de question d’arrêter de bloguer même si je le fais plus rarement…

De la même manière il n’est pas dans mes projets (à courts termes) de devenir blogueur à plein temps. J’aime trop mon job pour l’arrêter pour l’instant… mais 2009 ne fait que commencer et s’annonce déjà comme une année à part… au fait, bonne année ;)

Apple a su inventer l’informatique, allier design, ergonomie et produit, bousculer la musique et l’achat de musique en ligne, réinventer l’interface avec les téléphones mobiles avec à chaque fois l’audace de mener ses travaux sur deux fronts : la partie logicielle et la partie matérielle…

Le but n’est pas de faire ici l’éloge de la marque. J’aime tout simplement ses produits pour de diverses et multiples raisons. Je souhaitais partager avec vous quelque uns des enseignements que l’on peut éventuellement retenir du parcours d’Apple.

Réfléchir sur une expérience totale

Apple n’est pas une société de logiciels. Ce n’est pas non plus une entreprise de matériel. C’est une entreprise qui produit de l’expérience : l’objectif est d’emmener l’utilisateur d’un environnement où logiciel et matériel cohabitent au mieux. Imaginez un MacBook sans MacOs X. En gardant comme objectif de créer une réelle expérience pour l’utilisateur, Apple travaille à développer un produit complet où les limites matérielles sont compensées par la partie logicielle et inversement. L’utilisateur a ainsi l’impression de ne pas acheter un seul élément mais bien un ensemble complet.

La simplicité avant tout

Sur l’ensemble des interfaces d’Apple, la simplicité est de rigueur, elle est même une contrainte obligatoire des produits Apple : ne pas proposer plus que nécessaire, et si on peut en enlever encore un peu, c’est encore mieux ! Un iphone ? un seul bouton. Un iPod ? une roue tactile et même pas un interrupteur On/Off. Un nouveau périphérique à brancher sur son Mac ? vous avez 99% de chance de ne pas avoir besoin de driver, etc. les exemples sont nombreux. Sans jamais faire de compromis sur la puissance des produits en eux-mêmes, Apple se soucie avant tout de la facilité d’utilisation pour toucher plus d’utilisateurs et ne pas perdre les utilisateurs actuels. Moins il y a à apprendre, plus il y a à profiter…

Une ligne de produits cohérente

Le design des produits Apple, leur esthétique, leurs formes : Appke semble toujours imaginer ses produits sur la base de même charactéristiques génétiques afin de créer au final une ligne de produits cohérente et semblant former une vraie famille. De l’ipod au MacBook, du moniteur Cinema Display au Mac Mini, de Apple.com à MacOs X, l’ensemble des produits ont toujours cette griffe caractéristique de la marque Apple. Au lieu de concevoir des lignes de produits distinctes, Apple se recentre toujours sur sa famille de produits.

Chaque lancement est unique

Lors de la sortie d’un nouveau produit (qui n’est généralement jamais prévue à l’avance), Apple convie habituellement la presse quelques jours avant, sans envoyer un simple communiqué de presse. C’est souvent Steve Jobs, himself, qui présente alors le produit en question. L’objectif : créer un buzz autour du lancement, faire passer le message exact que le PDG souhaite donner sur ce produit, créer bien souvent la surprise… En même temps, les sites Internet et notamment les Apple Store du monde entier sont mis à jour simultanément. Qui d’autres peut faire ça ?

Avoir le soucis du détail

Chaque produit proposé par Apple a été imagine dans les moindres détails tant d’un point de vue design qu’utilisation finale par le client. L’un des exemples classiques de ce soucis du détail et du design est l’absence de vis qui est apparue sur les iPod. Pourquoi rendre visible des détails qui dénigrent le design général de l’appareil ? Le résultat : un produit dont on se demande encore comme il est assemblé. Plus récemment avec les nouveaux MacBook et leur socle “Unibody” qui rend possible la disparition de toute vis sur le chassis de ces ordinateurs. C’est un exemple caractéristique du soin apporter par Apple.

“Touchez-le, essayez-le…”

Si vous avez déjà eu l’occasion de vous rendre dans un Apple Store (certains devraient prochainement ouvrir à Paris) ou, à défaut, vous être rendu dans un Apple Corner d’une Fnac, vous vous souviendrez certainement de la présentation des produits dans ces magasins. Il sont tous là, disponibles, allumés, non verrouillés… Le future client peut donc les voir en action, les essayer, les écouter Quoi de mieux avant d’acheter ? Les Apple Store rencontre un succès énorme dans tous les pays où ils sont présents. Est-ce que cela est grâce au design des boutiques ou aux produits disponibles à l’essai ? Sans doute les deux…

Un appareil doit être beau

J’en parlais déjà plus haut : Apple a toujours gardé en ligne de mire de proposer des produits au design abouti et imaginé pour être utilisables facilement. Mais ce n’est pas tout. Apple souhaite également que ses produits plaisent, séduisent, soient des références du design de demain, en se différenciant des produits habituels proposés par d’autres fabricants. En plus de disposer d’un appareil ou d’un logiciel efficace et bien pensé, Apple souhaite que ceui-ci soit beau, séduisant, agréable à l’oeil et au toucher.

Tous les produits peuvent être réinventés

Ce n’est pas parce qu’un type de produit est déjà présent depuis plusieurs années sur le marché et en de nombreux modèles qu’il ne peut pas être mieux conçu. Prenons l’exemple de l’iPod. En 2001, le marché des lecteurs de MP3 est en train de se développer petit à petit, et le concept d’avoir de la musique numérique dans un appareil connecté à un ordinateur est de plus en plus commun. Apple est reparti de zéro pour imaginer comment démocratiser réellement ce marché et rendre ce type de produit accessible et surtout facile à utiliser. iPod + iTunes : en quelques années Apple a complètement réinventé et fait explosé ce marché. tous les produits peuvent être réinventés : il suffit de les réfléchir différemment et intelligemment.

article inspiré de basement.org

Dans le même ordre d’idée, l’environnement dans lequel on travaille et plus exactement le bureau sur lequel on passe ses journées peut aussi être un facteur de réussite si celui-ci est bien organisé, agréable, confortable et optimisé pour le travail…

En me baladant sur Flickr et surtout sur le très divertissant WhereWeDoWhatWeDo.com j’ai trouvé quelques bureaux qui donnent envie d’être essayé et qui laissent imagine comment leur possesseur y travaille..

N’hésitez pas à mettre en commentaire la photo de votre propre bureau ^_^

Petite sélection :

Pour ma part, cela donne :

Et vous ?

L’auteur, interactive designer et freelance de métier, nous propose ainsi tout un ensemble d’exemples concrets en AIR mais aussi des tutoriaux, de l’actualité et quelques ressources pratiques pour les développeurs. Le site est bien fait et met surtout en avant les différents applications AIR invitant les lecteurs à les notes ou à les commenter.

Deux applications ont particulièrement attiré mon attention :

• Finetune qui est un player audio en développement depuis les premières release de AIR et qui commence vraiment à proposer une expérience intéressant aux utilisateurs.
• WebKut qui est une application pour faire des captures d’écran très facilement avec des possibilités de ne captures que certaines parties de l’écran

Ce catalogue d’applications en ligne me fait beaucoup penser au catalogue d’applications en Flex lancé par Adobe il y a quelques mois. Dommage que comme celui-ci, freshAIRapps.com ne soit pas réalisé lui-même dans une technologie riche.

Bref ce site est une belle idée à suivre pour tout ceux qui s’intéressent aux technologies riches et plus particulièrement à AIR.