Proceso de Construcción de Interfaz Gráfica de Usuario App2

ESCUELA SUPERIOR POLITECNICA DE CHIMBORAZO
ESTUDIANTE DE:
FACULTAD DE INFORMÁTIVA Y ELECTRÓNICA
CARRERA DE SOFTWARE
TEMAS:
Proceso de construcción de Interfaz gráfica de usuario
AUTOR:
JOAO BARRIONUEVO 6676
DOCENTE:
ING. JULIO ROBERTO SANTILLAN CASTILLO
CURSO: OCTAVO
PARALELO: “A”
APLICACIONES INFORMÁTICAS II
Mediante la conformación de equipos de hasta dos estudiantes, elabórese lo siguiente:
1. Un esquema gráfico que presenta las etapas del proceso de construcción de la

interfaz gráfica de aplicaciones informáticas
2. Una breve descripción de las características más relevantes de cada etapa
Analisis: Es posible que quieras empezar a ser creativo desde el principio, pero el
primer paso en el proceso de diseño de la interfaz de usuario es entender el
proyecto. ¿Para quién? ¿Cuál es el objetivo final? Responder estas preguntas le
ayudará a construir una base sólida para el proyecto.
Una ejemplificación sencilla del cumplimiento de cada una de estas etapas.
Para el desarrollo de esta actividad, emplear como referente los planteamientos

teóricos de fuentes bibliográficas confiables y certificadas.
Realizar un único envío de los documentos generados en un solo fichero

comprimido dentro del plazo establecido.
Prototipado: La creación de prototipos no solo muestra la funcionalidad y el

flujo de su diseño a las partes interesadas, sino que también le permite ver (y
probar) sus diseños en acción. Hay varias excelentes herramientas de creación de
prototipos para elegir, que van desde simples maquetas con un clic hasta
simulaciones interactivas avanzadas, que le permiten navegar por el producto
digital en el lugar de los usuarios y refinar el diseño antes de la etapa de
desarrollo del producto.
Diseño: Con la estrategia visual acordada, puedes comenzar a desarrollar tus

wireframes desde bocetos de baja fidelidad hasta diseños de fidelidad media,
agregando marca y personalidad para darles vida.
Pruebas: Probar sus prototipos con usuarios reales lo ayudará a identificar

cualquier problema de usabilidad o puntos débiles que haya pasado por alto en el
camino. También le ayuda a tener una idea de cómo su estrategia de diseño visual
resuena entre los usuarios reales y cómo cumple (o supera) sus expectativas.
3. Una ejemplificación sencilla del cumplimiento de cada una de estas etapas.
Paso 1: Investigación de Usuarios
Ejemplo: Encuestas y entrevistas revelan que los usuarios de una aplicación de

lista de tareas desean una interfaz intuitiva y fácil de usar para gestionar sus
tareas diarias.
Paso 2: Definir Objetivos
Ejemplo: Basándose en la investigación, se establece el objetivo de diseñar una

interfaz que permita a los usuarios agregar, organizar y marcar tareas de manera
eficiente, priorizando la simplicidad y la accesibilidad.
Paso 3: Wireframes
Ejemplo: Se crean wireframes de baja fidelidad que esbozan la disposición de la

lista de tareas, botones de acción y opciones de filtrado. Se valida con usuarios y
se ajusta según sus comentarios.
Paso 4: Diseño Visual
Ejemplo: Se eligen colores suaves y una tipografía legible. Se desarrolla un panel

de estado de ánimo que refleja la simplicidad y se crea una biblioteca de
elementos visuales como iconos y botones.
Paso 5: Creación de Prototipos

Ejemplo: Se utiliza una herramienta de creación de prototipos para transformar
los diseños estáticos en un prototipo interactivo. Los usuarios pueden hacer clic
en las tareas, experimentando con la navegación y la funcionalidad.
Paso 6: Pruebas e Iteración
Ejemplo: Usuarios reales prueban el prototipo, identificando que el botón de

agregar tarea no es intuitivo. Se ajusta el diseño y se realiza otra ronda de
pruebas hasta que la interacción sea fluida.
Paso 7: Transferencia de Desarrollo
Ejemplo: Se preparan especificaciones detalladas y una guía de estilo que incluye

la paleta de colores, fuentes y comportamientos interactivos. Los desarrolladores
utilizan esta documentación para implementar la interfaz en la aplicación final.

Proceso de Construcción de Interfaz Gráfica de Usuario App2

Cargado por

Copyright:

Formatos disponibles

Proceso de Construcción de Interfaz Gráfica de Usuario App2

Cargado por

Información del documento

Descripción original:

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

Proceso de Construcción de Interfaz Gráfica de Usuario App2

Cargado por

Copyright:

Formatos disponibles

ESCUELA SUPERIOR POLITECNICA DE CHIMBORAZO

Proceso de construcción de Interfaz gráfica de usuario

JOAO BARRIONUEVO 6676

ING. JULIO ROBERTO SANTILLAN CASTILLO

Mediante la conformación de equipos de hasta dos estudiantes, elabórese lo siguiente:

1. Un esquema gráfico que presenta las etapas del proceso de construcción de la

2. Una breve descripción de las características más relevantes de cada etapa

Una ejemplificación sencilla del cumplimiento de cada una de estas etapas.

Para el desarrollo de esta actividad, emplear como referente los planteamientos

Realizar un único envío de los documentos generados en un solo fichero

Prototipado: La creación de prototipos no solo muestra la funcionalidad y el

Diseño: Con la estrategia visual acordada, puedes comenzar a desarrollar tus

Pruebas: Probar sus prototipos con usuarios reales lo ayudará a identificar

3. Una ejemplificación sencilla del cumplimiento de cada una de estas etapas.

Paso 1: Investigación de Usuarios

Ejemplo: Encuestas y entrevistas revelan que los usuarios de una aplicación de

Paso 2: Definir Objetivos

Ejemplo: Basándose en la investigación, se establece el objetivo de diseñar una

Ejemplo: Se crean wireframes de baja fidelidad que esbozan la disposición de la

Paso 4: Diseño Visual

Ejemplo: Se eligen colores suaves y una tipografía legible. Se desarrolla un panel

Paso 5: Creación de Prototipos

Paso 6: Pruebas e Iteración

Ejemplo: Usuarios reales prueban el prototipo, identificando que el botón de

Paso 7: Transferencia de Desarrollo

Ejemplo: Se preparan especificaciones detalladas y una guía de estilo que incluye

También podría gustarte