Carrousel, accordéon, fenêtre modale et cie

Vous voulez savoir comment fonctionne un carrousel, une fenêtre modale, un accordéon, un menu déroulant « méga Â» et bien d'autres solutions Web modernes?

Lisez 8 Layout Solutions to Improve Your Design. Tout est là!

Domus : l'informatique au service de l'homme

Présenté pendant l'émission le Code Chastenay à Télé-Québec, voici un reportage (vidéo) qui ne manque pas d'intérêt pour les concepteurs d'interfaces dans le domaine de la domotique.

Un autre bel exemple de l'informatique au service de l'homme.

Merci Pierre de m'avoir mentionné ce reportage.

Le bureau, version BumpTop

Anand Agarawala a présenté lors du TED 2007 une nouvelle interprétation du bureau électronique qui est fort intéressante et qui se rapproche plus de sa contrepartie dans le monde réel.

À quand un tel bureau sur Mac OS?

Navigation visuelle dans iTunes 7

J'aime bien la dernière version de iTunes présentée hier par Steve Jobs. Contrairement aux précédentes mises à jour, celle-ci offre une réelle amélioration de l'expérience utilisateur. La principale amélioration passe par quelque chose de tout simple : l'affichage des pochettes des albums.

Grâce à l'interface de navigation « Cover Flow Â» acquise par Apple et intégrée dans iTunes, on peut maintenant balayer visuellement sa discothèque, comme on le faisait avant l'avènement de la musique en ligne. D'ailleurs en l'essayant hier soir, j'ai redécouvert de vieux albums dont je ne me rappelais plus l'existence...

Ma seule déception est que iTunes n'ait pas réussi à trouver les pochettes de tous mes albums =(. En espérant que cette situation soit corrigée sous peu...

Lapin interactif !

Décidément, c'est la semaine du lapin (voir billet précédent) ! En effet, une firme française, Violet, vient de lancer un compagnon interactif baptisé Nabaztag. Haut de 23 cm, ce "périphérique" se relie sans fil à Internet et vous tient au courant de la température qui fera demain, lit vos courriels et j'en passe.

De plus, le-dit lapin peut communiquer verbalement en lisant ou en chantant, mais aussi, non verbalement en changeant de couleurs ou en faisant bouger ses oreilles.

J'en veux un !

Question de feedback

Sur Hotmail, lorsque vient le temps de créer votre mot de passe (ou de le changer), un indicateur (texte et couleur) vous informe du niveau de sécurité dudit mot de passe au fur et à mesure que vous le tapez.

Voilà une solution simple qui permet de sensibiliser les utilisateurs à l'importance de choisir un mot de passe sécuritaire et qui évite d'avoir un long texte sur ce que devrait être un bon mot de passe à même la page.

Une journée quelque part ...

Sur le site Their Circular Life (application Flash), vous pouvez à l'aide d'une molette, voir et entendre ce qui s'est passé pendant une journée dans un lieu donné.

J'aime bien ce moyen de navigation qui permet à l'utilisateur de visionner rapidement une journée ou de " prendre conscience du moment " comme le disent les auteurs du site en déplaçant délicatement le curseur.

Expérience intéressante ! Comme quoi, la simplicité est souvent la meilleure solution.

Visite dans une galerie d'art

Voici un exemple de navigation qui est fort amusante à utiliser.

Sur le site de la Hype Gallery, on parcourt une galerie d'art à l'aide d'un cadran qui permet d'indiquer la direction ainsi que la vitesse de notre visite. Intéressant, même si ça ne s'applique pas à tous les domaines.

Design d'information

Voici un bel exemple de design d'information, simple et élégant à la fois.

Sur le site de Flickr, un index présente les 150 sujets les plus populaires. Plus le texte est gros, plus le sujet est populaire. Bravo !