Toujours plus de 3D avec Flash

Si vous appréciez les interfaces en 3D mais que vous rechignez à installer d’autres plug-in, alors jetez donc un oeil à ce film de présentation : PaperVision Showreel 2007. On y voir tout une série d’applications de la 3D exploitant uniquement Flash et la librairie Papervision3D (dont j’avais déjà parlé dans un précédent billet : De la 3D de qualité avec Papervision3D et le nouveau Flash Player).

Mention spéciale à cet outil de personnalisation 3D pour le constructeur de minivan Brahma.

BrahmaBus

 

(via Hebi Flash blog)

Tout savoir sur la navigation page à page

Comme tout internaute lambda vous devez forcément avoir été confronté un jour ou l’autre à un système de navigation page à page. Mais si enfin, ne serait-ce qu’en bas de page de résultats de Google :

GooglePagination (1)

 

Je vous propose dans ce contexte de découvrir un article très complet sur la navigation page à page : Pagination Gallery: Examples And Good Practices.

Voici les meilleures pratiques identifiées par l’auteur :

  1. Proposer de larges zones cliquables ;
  2. N’utilisez pas le soulignement des liens (recommandation à nuancer) ;
  3. Identifier de façon évidente la page en cours de lecture ;
  4. Espacer les liens ;
  5. Fournir des liens ‘Suivant‘ et ‘Précédent‘ ;
  6. Fournir des liens ‘Premier‘ et ‘Dernier‘ (si pertinent, c’est à dire en cas de très grosse pagination) ;
  7. Positionnez les liens ‘Premier‘ et ‘Dernier‘ aux extrémité.

L’article est en prime illustré avec une galerie très complète de copies d’écrans. Mes deux préférés sont les paginations de Digg et de MSDN :

DiggPagination

MsdnPagination

 

 

Et vous, quels sont vos exemples préférés ?

J’adore les outils gratuits

Non c’est vrai, vraiment vrai : j’adore les outils gratuits. Je vous propose donc de découvrir le bog suivant : Free Tools.

Le but de ce blog est de présenter toutes les solutions pour le développement de site Internet ou d’applications métiers orientées web, mais on y trouve surtout beaucoup d’outils et de librairies javascript (et un peubeaucoup d’Ajax) classés selon des catégories et sous-catégories. Tout ce qui est présenté doit être de qualité professionnelle et bien évidemment gratuit (licence free, GPL, Creative Commons, MIT…).

Exemples de ce que j’ai trouvé dans les derniers billets :

  • Ext Js, un framework Ajax très prometteur ;
  • Prototip , qui vous permet de créer des info-bulles simples ou complexes (avec ou sans image, CSS…) ;
  • AJAX Star Rating Bar, un script PHP pour faire des petits modules de vote avec des étoiles ;
  • Tablesorter, un plugin jQuery qui permet de trier les colonnes d’un tableau sans qu’il soit nécessaire de recharger la page ;
  • FreeMap , une incroyable collection de cartes…

Bref, un site indispensable pour celles et ceux qui veulent se simplifier la tâche au quotidien. (Merci à Marc pour le lien et bravo pour son travail)

Vive les schémas de conception !

Connaissez-vous les schémas de conception ? Mais si enfin, les design patterns : ce sont des principes de conception qui servent à résoudre des problèmes récurrents (affichage et manipulation d’une liste, sélection multiple… cf. la définition de Wikipedia : Patron de conception).

Quand on parle de schémas de conception dans le cadre d’une interface, ils prennent la forme de petits éléments d’interface qui servent à composer un écran. Pour faire simple, les schémas de conception sont les mots du concepteur qui servent à rédiger les phrases (les écrans) d’un livre (un site).

Et où trouve-t-on une description du vocabulaire du concepteur ? Mais dans un dictionnaire bien sûr !J’en arrive donc au sujet de mon billet, le très bon livre Designing Interfaces.

DesigningInterfaces

 

Ce livre, ainsi que le site qui l’accompagne est une véritable mine d’or : sont présentés un ensemble de schémas de conception très bien décris et détaillés.

Un livre que je recommande à tout concepteur d’applications ou d’interfaces riches, en complément du toujours très bon Pattern Library for Interaction Design (avec une nouvelle version du site) et de l’indispensable Yahoo! Design Pattern Library.

Et tant que j’y suis, pour parfaire votre culture des interfaces et savoir d’où l’on vient, je ne saurais que trop vous recommander l’incroyable, le formidable, le stupéfiant Designing Interactions (sans doute le meilleur livre sur l’interactivité jamais écrit).

E-book + iPod Touch = Amazon Kindle

Grosse surprise hier lors de l’annonce par le patron d’Amazon du lancement d’un nouveau terminal dédié à la lecture de livres électroniques : Amazon Kindle.

Kindle

 

Au-delà de son look quelconque, ce petit terminal propose une expérience utilisateur tout à fait intéressante :

  • C’est un terminal autonome (pas besoin d’ordinateur) et extrêmement petit (une demi page A4) ;
  • Il utilise un affichage révolutionnaire d’encre électronique (décuplant ainsi la durée de vie des batteries) ;
  • Il se connecte automatiquement à la boutique Amazon (les livres que vous y achetez sont téléchargés en moins d’une minute grâce au réseau de téléphonie mobile) ;
  • Vous pouvez vous abonner à des grands journaux ou à des blogs pour pouvoir les lire tout les matins sans avoir à allumer votre ordinateur.

 

Kindle2

Et c’est bien là où ce produit est révolutionnaire : il élimine deux sources de problèmes (l’ordinateur et les opérateurs de téléphonie). Comprenez par là que dès lors où vous devez relier un terminal à votre ordinateur, tout se complique : problème de synchronisation, logiciels à installer et paramétrer, conflits… De même, dès que vous commencez à vouloir exploiter le réseau de téléphonie mobile, les opérateurs vous tombent dessus avec leurs histoires d’abonnements, de paiement à la minute…

Amazon a donc opté pour une expérience radicalement différente en rendant transparente la connexion de son terminal à l’internet. Tout ce fait par l’intermédiaire de Wispernet, la technologie d’Amazon qui repose sur le réseau haut-débit de Sprint. Vous noterez au passage qu’Amazon devient donc un MVNO verticalisé.

Cette approche transparente de l’utilisation du réseau de téléphonie mobile (pas de forfait, tout est inclus dans le prix du livre) est une petite révolution. Elle ouvre la voie a une expérience d’usage complètement différente. Ça ne vous rappelle rien ? Mais si enfin : l’iPod Touch et sa connexion Wifi grâce à laquelle vous pouvez acheter des morceaux sur iTunes sans passer par votre ordinateur.

Pour plus d’informations je vous recommande cette série de liens :

Vivement que ce produit soit disponible en France !