Mejorar la experiencia del usuario (UE)
Hasta ahora, este artículo se ha centrado exclusivamente en los beneficios del uso de marcos de JavaScript y en cómo facilita la creación de aplicaciones interactivas. Sin embargo, por otro lado, cada marco tiene sus propias perspectivas atractivas, incluidos los componentes de la interfaz de usuario (UI) y las mejoras de la experiencia del usuario (UE), que requieren mucho esfuerzo.
Este capítulo explorará la experiencia del usuario de los siguientes marcos: Prototype, jQuery, YUI, ExtJS y MooTools.
Prototipo
Prototype es uno de los pocos que no incluye componentes de interfaz de usuario listos para usar ni mejoras en la experiencia del usuario. En cambio, se remite a todas las bibliotecas hermanas de script.aculo.us (Scripty2, que es la última versión conocida). script.aculo.us agrega un amplio soporte para efectos y comportamientos de prototipo. Estos efectos incluyen: resaltar, deformar, colapsar, temblar, deslizarse y expandirse. script.aculo.us también admite arrastrar y soltar, deslizar, edición Ajax en tiempo real y mensajes automáticos. Script.aculo.us deja el diseño de los controles (como el control deslizante y el autocompletado) a los desarrolladores y no proporciona máscaras estándar.
jQuery
A diferencia de la biblioteca Prototype, jQuery incluye una experiencia de usuario básica en su núcleo. Esto es similar a algunos efectos simples de Script.aculo.us, como deslizar y desvanecer. Sin embargo, para funciones de experiencia de usuario más avanzadas, debe descargar la biblioteca jQuery UI, que incluye más efectos como arrastrar, hacer zoom y ordenar. A diferencia de Script.aculo.us, jQuery UI también incluye algunos pequeños widgets o componentes y proporciona a los desarrolladores una excusa más atractiva, lo que facilita el desarrollo. Actualmente, estos componentes incluyen: acordeón, selector de fecha, cuadro de diálogo, barra de progreso, control deslizante y pestañas. Los widgets son totalmente tematizables y jQuery UI tiene una amplia gama de temas que puede utilizar para satisfacer las necesidades de su propio sitio web o aplicación web. La Figura 1 muestra el widget jQuery UI Datepicker y el tema de Apple.
Figura 1: widget de selección de fechas de jQuery UI
.jpg)