Melhorar a experiência do usuário (UE)
Até agora, este artigo concentrou-se inteiramente nos benefícios do uso de estruturas JavaScript e em como isso facilita a construção de aplicativos interativos. Porém, por outro lado, cada estrutura tem suas próprias perspectivas atraentes, incluindo componentes de interface do usuário (UI) e melhorias na experiência do usuário (UE), que exigem muito esforço.
Este capítulo explorará a experiência do usuário dos seguintes frameworks: Prototype, jQuery, YUI, ExtJS e MooTools.
Protótipo
O protótipo é um dos poucos que não inclui componentes de UI prontos ou melhorias na experiência do usuário. Em vez disso, ele transfere para todas as bibliotecas irmãs de script.aculo.us (Scripty2, que é a versão mais recente conhecida). script.aculo.us adiciona amplo suporte para efeitos e comportamentos de protótipo. Esses efeitos incluem: destacar, deformar, colapsar, tremer, deslizar e expandir. script.aculo.us também suporta arrastar e soltar, deslizar, edição em tempo real Ajax e prompts automáticos. Script.aculo.us deixa o design dos controles (como controle deslizante e preenchimento automático) para os desenvolvedores e não fornece skins padrão.
jQuery
Ao contrário da biblioteca Prototype, o jQuery inclui alguma experiência básica do usuário em sua essência. Isso é semelhante a alguns efeitos simples do Script.aculo.us, como slide e fade. No entanto, para recursos de experiência do usuário mais avançados, você precisa baixar a biblioteca jQuery UI, que inclui mais efeitos como arrastar, ampliar e classificar. Ao contrário do Script.aculo.us, o jQuery UI também inclui alguns pequenos widgets ou componentes e fornece aos desenvolvedores uma desculpa mais atraente, facilitando o desenvolvimento. Atualmente, esses componentes incluem: acordeão, selecionador de data, caixa de diálogo, barra de progresso, controle deslizante e guias. Os widgets são totalmente personalizáveis e o jQuery UI possui uma ampla variedade de temas que você pode usar para atender às necessidades do seu próprio site ou aplicativo da web. A Figura 1 mostra o widget jQuery UI Datepicker e o tema Apple.
Figura 1: widget jQuery UI Datepicker
.jpg)