4.3 ACTIVIDAD DE APRENDIZAJE 4.

3: Diseñar la Interfaz Gráfica del

Usuario.
4.3.1 Descripción de la AA4.3:

Nombre de la Actividad de Diseñar la Interfaz Gráfica del Usuario.

Aprendizaje 4.3:
Resultado de aprendizaje
relacionado al desarrollo
de la actividad:
Estrategia de Aprendizaje:
• Construir el prototipo del sistema de información, a
partir del análisis de las características funcionales
del sistema en relación con facilidad de manejo,
funcionalidad y experiencia del usuario, apoyado
en software aplicado según protocolos de diseño

En esta actividad de aprendizaje se realizará el diseño de la interfaz gráfica de

usuario que permite definir las acciones que activan la comunicación entre el
usuario y el sistema. Para esto se hace necesario conceptualizar sobre principios
del diseño, tipos de interfaces, el proceso de construcción de los mismos y algunos
ejemplos con herramientas que se encuentran disponibles en el mercado.

La apropiación del conocimiento se realiza con el desarrollo del laboratorio 9 “Diseño

de Interfaces” donde se presentan situaciones puntuales donde es requerida la
construcción de interfaces de usuario. El laboratorio incluye la presentación de dos
manuales para el uso de las herramientas: Balsamic Mockups y Gomockingbird,
con las cuales se pueden diseñar interfaces gráficas para aplicaciones software
orientadas a diferentes plataformas.

Con la aprehensión y práctica de estos conceptos, podrá diseñar la interfaz gráfica

para el sistema de información del proyecto formativo, teniendo en cuenta los
requerimientos del sistema, casos de uso, los objetos software y el modelo de la
base de datos, insumos que ha definido y construido en las actividades anteriores.

Como una actividad transversal que complementa su formación integral, deberá

clasificar el mercado potencial para el producto o servicio que está desarrollando
a través de su proyecto. Esta actividad se aborda desde el punto de vista de
emprendimiento y los conceptos relacionados se presentan en un objeto de
aprendizaje que presenta información sobre el mercado, tipos de mercados y como
se realiza la segmentación de estos, el estudio de estos conceptos le permitirá
definir estrategias para posicionar un bien o servicio; aspecto fundamental y
relevante para la aplicación que usted se encuentra actualmente diseñando y
que se contempla desarrollar a través de su proyecto formativo. El resultado de
este análisis preliminar del mercado se presentará a través de un Foro de debate
sobre los planes de segmentación y el tipo de producto y población al cual está
orientado su proyecto.

1
F AVA - F or ma c ión e n Ambie nt e s Vir t ua le s de Apr e ndiz a je S E NA - S e r v ic io Na c iona l de Apr e ndiz a je
 GUÍA DIDÁCTICA PARA LA GESTIÓN DE PROYECTOS
Cod. ADSI-P01-AP04

En resumen, en esta actividad de aprendizaje usted deberá:

• Fundamentarse y ampliar sus conocimientos acerca de:

* Interfaz Gráfica de Usuario

* Herramientas para el diseño de Interfaces

* Tipos de mercado y su segmentación

• Desarrollar el laboratorio 9 “Diseño de Interfaces”.

• Construir las evidencias requeridas y hacer un proceso de autoevaluación

verificando que cumplan con los requerimientos solicitados, utilizando para
ello el instrumento de evaluación proporcionado.

• Finalmente, publicar las evidencias en la plataforma virtual de aprendizaje

con el fin de que sea evaluada por el instructor o equipo de instructores que
apoyan la ejecución del proceso. Como resultado de esta evaluación recibirá la
información que le permita retroalimentar en el proceso y hacer una reflexión
sobre los logros alcanzados.
Ambiente requerido:
Plataforma Virtual de Aprendizaje del Servicio Nacional de Aprendizaje SENA, disponible
en: http://www.senavirtual.edu.co
Material y Bibliografía:

• Objeto de Aprendizaje : Interfaz Gráfica de Usuario

• Objeto de Aprendizaje: El Mercado

• Laboratorio 9 “Diseño de Interfaces” y Manuales relacionados de las herramientas:

Balsamic Mockups y Gomockingbird.

Nota: Las ubicaciones de los materiales y bibliografía mencionada están descritas en el

punto 3 (material de consulta) de esta guía.

2
F AVA - F or ma c ión e n Ambie nt e s Vir t ua le s de Apr e ndiz a je S E NA - S e r v ic io Na c iona l de Apr e ndiz a je
 GUÍA DIDÁCTICA PARA LA GESTIÓN DE PROYECTOS
Cod. ADSI-P01-AP04

Bibliografía complementaria:

• Kendall, Kenneth y Julie. Análisis y Diseño de Sistemas. Pearson Educación. 6ª

edición. México 2005.

• Sommerville, Ian. Ingeniería del Software. Pearson Educación, 7ª edición. Madrid

2005.
Instructor(es) responsable(s) de la actividad:
Para revisar el equipo ejecutor de este programa de formación debe consultar el
documento denominado “Equipo ejecutor de la Ficha.pdf” ubicado en vinculo de
Información del curso.

EVIDENCIA 1: Laboratorio Diseño de Interfaces

Tipo de
Desempeño Conocimiento Producto X
Evidencia
Realizar la práctica presentada en el laboratorio 9 “Diseño de
Interfaces”, en la cual se presentan cuatro procesos puntuales de
diferentes sistemas para que sea diseñada la interfaz gráfica que
Descripción de le permita a un usuario realizar las actividades allí propuestas.
la Evidencia Debe considerar los elementos presentados en los materiales de
estudio, adicionar los datos que considere pertinentes para cada
situación y realizar el “mockup” de la interfaz, primero a mano
alzada y posteriormente utilizando la herramienta.
Entre otros principios, tenga en cuenta la simbología de los
diferentes componentes gráficos de la interfaz y la usabilidad
que debe proporcionar al usuario final.
Descripción de
la Evidencia Los diseños en papel deben ser escaneados y presentados
junto con los diseños realizados en la herramienta los cuales
deben ser exportados a un formato gráfico. Estas evidencias
deberá organizarlas en un documento que deberá enviar como
evidencia.
Documento PDF donde organice los siguientes elementos:

Producto • Diseños de interfaz elaborados en papel y lápiz, escaneados.

entregable:
• Archivos fuente generados por las herramientas de diseño y
las imágenes exportados en formato .png.

3
F AVA - F or ma c ión e n Ambie nt e s Vir t ua le s de Apr e ndiz a je S E NA - S e r v ic io Na c iona l de Apr e ndiz a je
 GUÍA DIDÁCTICA PARA LA GESTIÓN DE PROYECTOS
Cod. ADSI-P01-AP04

El documento solicitado debe enviarse a través de la plataforma

tecnológica del ambiente Virtual de Aprendizaje en el vínculo
correspondiente a la “Evidencia 1 AA 4.3: Laboratorio
Interfaz de Usuario”, que corresponde a la actividad de
aprendizaje 4.3: “Diseñar la Interfaz Gráfica del Usuario”.

Este vínculo está disponible en la opción del menú del curso

Forma de Actividades, en la ruta:
entrega:
• Carpeta del Proyecto: Diseño y construcción de software a la
medida para el sector empresarial.

* Subcarpeta Fase del proyecto: Diseño.

* Subcarpeta de la Actividad de Proyecto 4

* Subcarpeta Actividad de Aprendizaje 4.3

Criterios de Construye interfaces de usuario de acuerdo con los requerimientos
Evaluación: planteados.
Instrumento de
Lista de Chequeo: AP4 - AA4.3 – EV1
Evaluación:

EVIDENCIA 2: Interfaz Gráfica de Usuario para el proyecto de formación

Tipo de
Desempeño Conocimiento Producto X
Evidencia
De acuerdo con los conceptos revisados, los equipos de trabajo
deberán diseñar el mockup de la interfaz gráfica de usuario
propuesta para el sistema de información correspondiente
al proyecto. Es importante considerar los requerimientos
Descripción de planteados en las fases anteriores, casos de uso, el mismo
la Evidencia modelo conceptual de la base de datos y el diseño de objetos
realizado.

La propuesta deberá realizarse utilizando una de las herramientas

planteadas durante la práctica.
Archivo PDF con el mapa de navegación y el diseño de la interfaz
Producto
Gráfica de Usuario propuesta para el sistema de información de
entregable:
su proyecto de formación.

4
F AVA - F or ma c ión e n Ambie nt e s Vir t ua le s de Apr e ndiz a je S E NA - S e r v ic io Na c iona l de Apr e ndiz a je
 GUÍA DIDÁCTICA PARA LA GESTIÓN DE PROYECTOS
Cod. ADSI-P01-AP04

El Archivo solicitado, deberá enviarse a través de la plataforma

tecnológica del ambiente Virtual de Aprendizaje en el vínculo
correspondiente a la “Evidencia 2 AA 4.3: Interfaz Gráfica
de Usuario para el proyecto de formación”, que corresponde
con la actividad de aprendizaje 4.3: “Diseñar la Interfaz Gráfica
del Usuario”.

Este vínculo está disponible en la opción del menú del curso

Forma de Actividades, en la ruta:
entrega:
• Carpeta del Proyecto: Diseño y construcción de software a la
medida para el sector empresarial.

* Subcarpeta Fase del proyecto: Diseño.

* Subcarpeta de la Actividad de Proyecto 4

* Subcarpeta Actividad de Aprendizaje 4.3

Diseña la interface gráfica de usuario para el sistema de
Criterios de
información cumpliendo con requerimientos técnicos y
Evaluación:
funcionales del sistema.
Instrumento de
Lista de Chequeo: AP4 - AA4.3 – EV2
Evaluación:

Socialización de la clasificación del mercado potencial

EVIDENCIA 3:
para el sistema de información
Tipo de
Desempeño Conocimiento Producto X
Evidencia
Tomando como referencia la información presentada sobre “El
Mercado” a través del objeto de aprendizaje relacionado, debe
identificar el tipo de mercado y caracterizar el segmento de
mercado al cual pertenece o podría pertenecer la aplicación que
usted se encuentra actualmente diseñando.
Descripción de
la Evidencia
Elabore un documento y compártalo en el foro temático
“clasificación del mercado potencial para el sistema de
información”, donde presente la información relacionada con el
tipo de mercado al cual está dirigido su proyecto de formación y
el plan de segmentación realizado, que debe contener:

5
F AVA - F or ma c ión e n Ambie nt e s Vir t ua le s de Apr e ndiz a je S E NA - S e r v ic io Na c iona l de Apr e ndiz a je
 GUÍA DIDÁCTICA PARA LA GESTIÓN DE PROYECTOS
Cod. ADSI-P01-AP04

• Identificación del mercado global que existe para el producto

o servicio a ofrecer.

• Selección de la base para segmentar el mercado indicando los

criterios utilizados.

• Selección de las variables y factores de segmentación.

• Caracterizar el segmento.

Para participar en el foro “Socialización de la clasificación

del mercado potencial para el sistema de información”, cada
Descripción de aprendiz debe previamente construir el documento con los
la Evidencia elementos solicitados. Posteriormente debe ingresar al foro y
seguir el siguiente procedimiento:

1. Publicar un mensaje donde socialice con sus compañeros el

documento construido, comentando además sobre la importancia
de establecer el mercado potencial para su producto a desarrollar
y la manera como lo estableció.

2. Revisar por lo menos las participaciones de dos compañeros

del proceso formativo y opinar sobre sus mensajes respondiendo
a las preguntas:
* ¿A qué otro segmento de mercado considera que podría
Descripción de incluirse como mercado objetivo el proyecto?
la Evidencia
* ¿Qué otros factores de segmentación podría utilizar?
Archivo compartido en el foro temático, que contiene la
información de la segmentación de mercados.
Producto
entregable: Secuencias de participación en el foro temático publicadas
de acuerdo a las instrucciones dadas en la descripción de la
evidencia.

6
F AVA - F or ma c ión e n Ambie nt e s Vir t ua le s de Apr e ndiz a je S E NA - S e r v ic io Na c iona l de Apr e ndiz a je
 GUÍA DIDÁCTICA PARA LA GESTIÓN DE PROYECTOS
Cod. ADSI-P01-AP04

Participar en el foro temático “Socialización de la clasificación del

mercado potencial para el sistema de información”, de acuerdo
a las indicaciones dadas en la descripción de la evidencia. Podrá
ingresar al foro a través del enlace disponible en la opción del
menú del curso Actividades, en la ruta:

Forma de Carpeta del Proyecto: Diseño y construcción de software a la

entrega: medida para el sector empresarial.

• Subcarpeta Fase del proyecto: Diseño.

* Subcarpeta de la Actividad de Proyecto 4

* Subcarpeta Actividad de Aprendizaje 4.3

• Identifica las variables y factores a considerar en una
segmentación de mercado. Clasifica el mercado potencial
Criterios de para el producto o servicio.
Evaluación: • Argumenta sobre la importancia de realizar una segmentación
del mercado y asume una actitud crítica constructiva frente a
los procesos realizados por los demás participantes.
Instrumento de
Lista de Chequeo: AP4 - AA4.3 – EV3
Evaluación:

7
F AVA - F or ma c ión e n Ambie nt e s Vir t ua le s de Apr e ndiz a je S E NA - S e r v ic io Na c iona l de Apr e ndiz a je