INSTITUTO SUPERIOR TECNOLÓGICO

JOSÉ OCHOA LEÓN

PLAN DE CLASES No. 06

MODULO: DISEÑO DE INTERZAS WEB

INSTRUCTOR: Genesis Rossibel Bustamante FECHA: 20/ septiembre /2021

NÚMERO DE ACTIVIDAD: 6

FORMA DE ENSEÑANZA: Conferencia

RECURSOS DIDÁCTICOS PARA LAS CLASE: Diapositivas, Encuadre, Syllabus,

Plan calendario, Plataforma MOODLE

I. INTRODUCCIÓN.

I.1. Saludo y organización de la clase.

Bienvenida al módulo de diseño de interfaz, tema de hoy “Componentes UI”

I.2. Análisis de la asistencia a clases.

Rubrica de asistencia

I.3. Trabajo con la fecha.

No aplica

I.4. Análisis de la técnica de cierre. No aplica

I.5. Chequeo del trabajo independiente. Revisión de aspectos principales de la tarea

I.6. Motivación a la clase.

Demostrar que componentes conforman el diseño UI, para conocer en que se basa el
diseño y como se logra la interfaz de usuario.

I.7. Anuncio del tema de la clase.

Componentes UI.

I.8. Anuncio del objetivo de la clase.

Desarrollar y adquirir conocimientos de los componentes que conforman el diseño UI,

y que acciones cumplen dentro del mismo.

II. DESARROLLO.

Diseño UI
La expresión UI viene de User Interface, que significa Interfaz del Usuario. La idea del
UI es guiar al usuario por tu aplicación durante el tiempo que él la usa

Después de entender que es un diseño UI, vamos a describir sus componentes.

Componente de presentación. Es la responsable de la visualización

de la interfaz, especifica las pantallas que se presentarán al usuario y
el estilo de interacción. Se define lo siguiente:
 Se especifica el aspecto y apariencia de la interfaz.
 Se define el estilo de interacción, tipos de diálogo y de
interfaz.
 Se identifican los objetos de interacción.
 Se establece el esquema de ventanas.
 Se definen los dispositivos de hardware, asociados a la
entrada y salida, a incorporar en la interfaz.
Componente de Control de Diálogo. Está a cargo del manejo de la
secuencia de eventos y del control de las técnicas de interacción
provistas en la interfaz.
 Se especifica el comportamiento de la interfaz.
 Se define el manejo, control, secuenciación y lógica del
diálogo.
 Se controlan y se manejan los objetos de interacción
presentes en la interfaz.
 Se controla y se maneja el sistema de ventanas.
 Se definen aspectos de navegación e interacción entre las
diferentes ventanas o páginas que conformen el sistema.
 Se establece la estructura, secuencia, el proceso del
intercambio de información entre el usuario y la aplicación.
 Se identifican, controlan y manejan los objetos
computacionales necesarios a nivel de interfaz del usuario,
tales como objetos sintácticos.
 Se definen los servicios propios de interfaz del usuario, o
sea funciones sintácticas.
 Se controla y se administra el hardware interactivo que
incluye la interfaz.
  Se especifica el tipo de asistencia, sistemas de búsqueda,
tipo de feedback, que la interfaz va a proveer.
 Se especifican como ser aspectos de adaptación,
inteligencia, colaboración que deben ser manejados y
controlados a través de esta componente.

III. CONCLUSIONES GENERALES.

III.1. Conclusiones de la clase.

- Cada componente en el diseño UI define varios aspectos que es lo que permite

que el diseño UI se pueda generar con sus respectivas acciones.

- En el diseño UI todos sus componentes están centrados en el usuario cada

uno se centra en cumplir diferentes acciones, encargado de distintas funciones
para lograr un pagina web eficiente y fácil de usar para el usuario.

III.2. Evaluación del aprendizaje en la clase.

Preguntas estilo encuesta (Quiziz)

III.3. Orientación del trabajo independiente.

No Aplica

III.4. Anuncio del tema de la próxima clase.

Diseño UX/UI de Ideas a prototipos

III.5. Aplicación de técnica de cierre.

Orientaciones:

Nube de palabras

Bibliografía

(2013). En J. Díaz, GUÍA DE RECOMENDACIONES PARA DISEÑO (pág. 20).

Buenos Aires, Argentina: Editorial de la Universidad de La Plata.
Elaborado por: Revisado y Aprobado por:

____________________________ ______________________________
Genesis Bustamante Zhiminay Lcda. Laddy Quezada Tello
ESTUDIANTE-ISTJOL DOCENTE-ISTJOL