Voici  une liste de plugins JQUERY très utiles pour améliorer l’expérience utilisateur (l’ergonomie d’un site web).

On s’aperçoit qu’avec ce type de fonctionnalités le rapprochement en terme d’ergonomie et d’intuitivité d’un site web vers une application traditionnelle est très fort. Je dirais même qu’une interface logicielle peut être beaucoup moins ergonomique (je ne parlerais pas bien sûr de WPF qui est une évolution majeure dans le développement de logiciel, malheureusement loin d’être utilisé par grands nombres d’éditeurs de logiciels):

Boites de dialogue :

http://plugins.jquery.com/project/jmodal

Colonnes

http://www.codeasily.com/demo/few-column-list/few-column-list.html

Effets Fading

http://medienfreunde.com/lab/innerfade/

jquery.innerfade.zip (124kb)

Effets de transitons sur des images :

http://www.malsup.com/jquery/cycle/int2.html

Effets de Zooms

http://www.mind-projects.it/jqzoom_v10

http://www.mind-projects.it/projects/jqzoom/

Carrousels:

http://plugins.jquery.com/project/carousel3d

http://plugins.jquery.com/files/carousel3d_1.1_0.zip

http://www.webcssdesign.com/css/coins-arrondis-avec-jquery-css-et-une-seule-image/

Effets panoramiques

http://www.openstudio.fr/Animated-InnerFade-with-JQuery.html?lang=fr

 

 

des blogs font l’inventaire de plugins Jquery :

http://www.noupe.com/jquery/50-amazing-jquery-examples-part1.html

http://www.webcssdesign.com/ajax/jquery-plugins-240-tutoriels-a-decouvrir/

http://www.webdesignerwall.com/demo/jquery/

On poursuit avec des applications Surface sur la santé :

Applications sur le dossier santé d’un patient : Très intéressant pour expliquer au patient ses maux.

 

Explication de la connexion de téléphone mobile sur la Surface :

 

Démonstration sur l’interaction entre un mobile et la Surface

Encore des applications sur Surface :

Un jeu de cible: on lance des petits galets sur la surface et la position donne le score.

Bon exemple de tags.

 

Un autre exemple de TAG  : une carte de visite avec toutes les informations sur l’usager : photo, …

 

Encore un dernier exemple de TAG, on pose une carte sur la surface et des informations en ressortent.

En plus une démo pour le choix d’un bague avec la possibilité de changer le diamant. Le résultat

est  visualisé en 3D. Splendide!!

Après un bref article en novembre 2008, je vous propose de faire un petit tour des applications développées pour Surface.

Pour ma part cet outil qui allie le multi-touch, l’intuitivité, l’utilisation multi-utilisateurs, l’utilisation à 360° peut avoir des applications fabuleuses.

La fluidité  des objets à manipuler est impressionnante et la cerise sur le gâteau, Microsoft Surface peut identifier des objets  posés à sa surface grâce à des Tags collés sur l’objet lui-même.

Je pense que cette table peut changer la façon d’utiliser les logiciels et les ordinateurs en y rajoutant un facteur important :  Une manipulation NATURELLE.

On parle d’ailleurs de NUI : Natural User Interface.

On peux également remarquer que tous les logiciels présentés ont un design superbe, très professionnel.

Application pour l’éducation : vie scolaire

On va donc voir des applications pour l’éducation avec la manipulation de photo mais également de jeux à plusieurs autour de la table :

Voici donc les 1eres vidéos :

La manipulation de carte de façon très naturelle.

La détection d’accidents sur une carte