UNIDAD 4

UNIDAD 4
INTRODUCCIÓN
AL FRAMEWORK
¿QUÉ ES EL FRAMEWORK?
Es un conjunto de herramientas, bibliotecas y

convenciones predefinidas que simplifican el proceso de
desarrollo de aplicaciones web o móviles en el lado del
cliente, es decir, en el navegador o en la interfaz de
usuario de una aplicación
¿Para qué nos
sirven?
Estos frameworks proporcionan una estructura organizada
para el código, lo que facilita la creación de interfaces de
usuario complejas y dinámicas. Algunos ejemplos populares
de frameworks de frontend incluyen React.js, Angular, Vue.js
y Ember.js.s.
Los frameworks frontend también suelen
proporcionar funcionalidades integradas para
manejar tareas comunes, como el enrutamiento de
páginas, la gestión del estado de la aplicación y la
manipulación del DOM de manera eficiente.
FRAMEWORK Un framework de frontend es una herramienta
EN poderosa que simplifica y agiliza el proceso de
desarrollo de aplicaciones web y móviles,
FRONTEND permitiéndote crear interfaces de usuario atractivas y
funcionales con mayor rapidez y eficiencia.
INTERFAZ DE USUARIO
UI
En el frontend se refiere a la parte de una aplicación o
sitio web con la que interactúa un usuario directamente.
Esto incluye todo lo que un usuario ve, toca, mueve o
interactúa de alguna manera en la pantalla de un
dispositivo, ya sea un ordenador, un teléfono inteligente,
una tableta u otro dispositivo.
La interfaz de usuario en el frontend se compone de varios elementos, como:
• 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.
• Diseño y estructura: La disposición visual de los elementos en la pantalla, incluyendo la organización

del contenido, el uso de colores, tipografías y espacios en blanco para mejorar la legibilidad y la
estética.
• 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.
• Feedback y respuesta: Es importante proporcionar retroalimentación visual o auditiva inmediata

cuando los usuarios realizan una acción, como hacer clic en un botón o enviar un formulario. Esto
ayuda a los usuarios a comprender qué está sucediendo y a mantenerlos informados sobre el estado
de la aplicación.
La experiencia de usuario en el frontend se trata de
crear interfaces de usuario que sean intuitivas,
eficientes y agradables de usar, lo que conduce a una
mayor satisfacción y fidelidad por parte de los
usuarios. Esto requiere una combinación de diseño
centrado en el usuario, accesibilidad, rendimiento y
retroalimentación efectiva.

UNIDAD 4 - Frond

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

UNIDAD 4 - Frond

Cargado por

Copyright:

Formatos disponibles

Es un conjunto de herramientas, bibliotecas y

• Diseño y estructura: La disposición visual de los elementos en la pantalla, incluyendo la organización

• Feedback y respuesta: Es importante proporcionar retroalimentación visual o auditiva inmediata

También podría gustarte