Améliorer l'expérience utilisateur (UE)
Jusqu'à présent, cet article s'est entièrement concentré sur les avantages de l'utilisation des frameworks JavaScript et sur la manière dont ils facilitent la création d'applications interactives. Cependant, d'un autre côté, chaque framework a ses propres perspectives attrayantes, notamment des composants d'interface utilisateur (UI) et des améliorations de l'expérience utilisateur (UE), qui nécessitent beaucoup d'efforts.
Ce chapitre explorera l'expérience utilisateur des frameworks suivants : Prototype, jQuery, YUI, ExtJS et MooTools.
Prototype
Le prototype est l'un des rares à ne pas inclure de composants d'interface utilisateur prêts à l'emploi ni d'améliorations de l'expérience utilisateur. Au lieu de cela, il s'en remet à toutes les bibliothèques sœurs de script.aculo.us (Scripty2, qui est la dernière version connue). script.aculo.us ajoute une prise en charge étendue des effets et des comportements du prototype. Ces effets incluent : mettre en évidence, déformer, réduire, trembler, glisser et agrandir. script.aculo.us prend également en charge le glisser-déposer, le glissement, l'édition en temps réel Ajax et les invites automatiques. Script.aculo.us laisse la conception des contrôles (tels que le curseur et la saisie semi-automatique) aux développeurs et ne fournit pas de skins standard.
jQuery
Contrairement à la bibliothèque Prototype, jQuery inclut en son sein une expérience utilisateur de base. Ceci est similaire à certains effets simples de Script.aculo.us, tels que le glissement et le fondu. Cependant, pour des fonctionnalités d'expérience utilisateur plus avancées, vous devez télécharger la bibliothèque jQuery UI, qui comprend davantage d'effets tels que le glisser, le zoom et le tri. Contrairement à Script.aculo.us, jQuery UI comprend également quelques petits widgets ou composants et fournit aux développeurs une excuse plus attrayante, facilitant ainsi le développement. Actuellement, ces composants incluent : Accordéon, Datepicker, Dialog, Progressbar, Slider et Tabs. Les widgets sont entièrement thématiques et jQuery UI propose une large gamme de thèmes que vous pouvez utiliser pour répondre aux besoins de votre propre site Web ou application Web. La figure 1 montre le widget Datepicker de jQuery UI et le thème Apple.
Figure 1 : widget Datepicker de l'interface utilisateur jQuery
.jpg)