Documentos de Académico
Documentos de Profesional
Documentos de Cultura
UNIDAD 4 - Frond
UNIDAD 4 - Frond
INTRODUCCIÓN
AL FRAMEWORK
¿QUÉ ES EL FRAMEWORK?
• Elementos de la interfaz gráfica: Componentes visuales con los que los usuarios interactúan, como
botones, menús desplegables, campos de entrada, listas, barras de progreso, etc.
• Interactividad: La capacidad de los usuarios para interactuar con los elementos de la interfaz, como
hacer clic en botones, arrastrar y soltar elementos, deslizar en pantallas táctiles, etc.
• Respuesta y retroalimentación: La forma en que la interfaz responde a las acciones del usuario, como
mostrar mensajes de confirmación, errores o cambios visuales cuando se realiza una acción.
• Navegación: Los elementos que permiten a los usuarios moverse por la aplicación o el sitio web,
como menús de navegación, enlaces, botones de retorno, etc.
Los frameworks y bibliotecas de frontend, como React.js,
Angular, Vue.js, y herramientas de diseño como CSS y
JavaScript, son utilizados para crear interfaces de usuario
interactivas y atractivas en el frontend. Estos proporcionan
herramientas y componentes predefinidos que facilitan el
desarrollo de la interfaz de usuario y la hacen más consistente y
eficiente.
EXPERIENCIA DE USUARIO
UX
En el frontend se refiere a cómo los usuarios perciben y
experimentan la interacción con una aplicación o sitio web
en su navegador o dispositivo. La UX se centra en crear
interfaces de usuario intuitivas, eficientes y satisfactorias
que cumplan con las necesidades y expectativas de los
usuarios.
aspectos clave de la experiencia de usuario en el frontend:
• Usabilidad: La interfaz de usuario debe ser fácil de usar y comprender. Los elementos de la
interfaz deben estar bien organizados y etiquetados, y las acciones del usuario deben ser claras y
predecibles.
• Accesibilidad: La aplicación o sitio web debe ser accesible para todos los usuarios, incluidas
personas con discapacidades. Esto implica garantizar que la interfaz sea compatible con lectores de
pantalla, tenga buen contraste y proporcione alternativas para contenido multimedia.
• Rendimiento: La velocidad de carga y la capacidad de respuesta son fundamentales para una buena
experiencia de usuario. Las aplicaciones frontend deben cargar rápidamente y responder de manera
fluida a las acciones del usuario, incluso en conexiones de red lentas o dispositivos con recursos
limitados.
• Diseño centrado en el usuario: El diseño de la interfaz de usuario debe estar basado en las
necesidades y comportamientos reales de los usuarios. Esto implica realizar investigaciones de
usuario, pruebas de usabilidad y recopilación de comentarios para iterar y mejorar continuamente
la experiencia.
• Consistencia: La interfaz de usuario debe ser coherente en todo el sitio o la aplicación. Los
elementos de diseño, la navegación y la interacción deben seguir un patrón establecido para que
los usuarios puedan anticipar el comportamiento y encontrar lo que necesitan de manera rápida y
fácil.