DISEÑO DE INTERFACES DE PROGRAMACIÓN

LABORATORIO N° 02

Metáforas

CODIGO DEL CURSO:

Alumno(s) Nota

Fabricio Huanca Dospesos

Grupo
Ciclo
Fecha de entrega

DISEÑO DE SOFTWARE E INTEGRACIÓN DE SISTEMAS

PROGRAMA DE FORMACIÓN REGULAR
 Diseño de Interfaces de Programación – Lab 02 Nro. DD-106
Introducción al Diseño de Interfaces de Programación Página 1 de 13

I.- OBJETIVOS:
 Diseñar y entender las metáforas en el software

II.- SEGURIDAD:
Advertencia:
En este laboratorio está prohibida la manipulación del
hardware, conexiones eléctricas o de red; así como la
ingestión de alimentos o bebidas.

III.- FUNDAMENTO TEÓRICO:

Revise sus diapositivas del tema antes del desarrollo del laboratorio.

IV.- NORMAS EMPLEADAS:

No Aplica
V.- RECURSOS:
 En este laboratorio cada alumno trabará con un equipo con Windows 8.

VI.- METODOLOGÍA PARA EL DESARROLLO DE LA TAREA:

 El desarrollo del laboratorio es individual.

VII.- PROCEDIMIENTO:
Nota:
Las secciones en cursivas son demostrativas, pero sirven para que usted pueda instalar las herramientas de
desarrollo en un equipo externo.

TRABAJO CALIFICADO

A. Investigue sobre 03 (tres) sitios web y/o software de escritorio que utilicen metáforas en su
interfaz gráfica y describa cada metáfora detalladamente.

B. Investigue sobre 03 (tres) aplicaciones móviles que utilicen metáforas en su interfaz gráfica y
describa cada metáfora detalladamente.

PUNTO A – Plantilla

PINTEREST

Plataforma para encontrar imágenes de recetas ,inspiraciones de hogar estilo y creatividad

 Diseño de Interfaces de Programación – Lab 02 Nro. DD-106
Introducción al Diseño de Interfaces de Programación Página 2 de 13

Una lupa que representa

El buscador de las imágenes

Se representa como una nube de

conversación donde se puede hacer
conversaciones con amigos.

La campana es la representación de aviso de

una notificación.

El signo de interrogación es la seccion de

dudas ,consultas y problemas con respecto a
funcionalidad de la pagina web

Para subir la imagen a una red social o

compartir con amigos

Un emoticon donde se puede reaccionar con

emojis de gestos sobre la imagen

Buscar mas imágenes parecidas o

relacionadas a la imagen buscada

La flecha indicando para atrás es para

regresar ala pagina anterior o la imagen
 Diseño de Interfaces de Programación – Lab 02 Nro. DD-106
Introducción al Diseño de Interfaces de Programación Página 3 de 13

PLATZI

Plataforma de educación online donde se especializados en ingeniería de sofware ,negocios y

emprendimientos

Son como puntos sujetados como atajos y

los cursos avanzados en los cursos elegidos

Es una medalla que representa los logros

obtenidos en los cursos avanzados

Una campana que avisa noticias, lives ,y de

nuevos cursos

Una lupa que busca los cursos o materias

que quieras estudiar
 Diseño de Interfaces de Programación – Lab 02 Nro. DD-106
Introducción al Diseño de Interfaces de Programación Página 4 de 13

Un corazón que indica que si te gusto el

comentario o aporte de la otra persona

Una bandera como un checkpoint del avance

de los videos del curso ,y designar el nivel de
del curso

Una fleca curveada para atrás que es para

responder el comentario de la otra persona

Flechas de atrás y adelante que sirve para el

siguiente o anterior video del curso

YOUTUBE

Plataforma de compartir y crear videos por los usuarios para entretenimientos

La cámara con el signo mas significa para

subir un video a la plataforma

El micrófono es para hacer una búsqueda de

videos por voz

El emoticon de fuego es como la tendencia

que arde en esos momentos

El reloj guarda infomacion de los videos que

estuviste viendo con el tiempo con la
finalidad por si quieres volver a ver ese video
 Diseño de Interfaces de Programación – Lab 02 Nro. DD-106
Introducción al Diseño de Interfaces de Programación Página 5 de 13

El pulgas arriba es para indicar si te gusto el

video y el pulgar hacia abajo significa que te
disgusto el video

Los tres puntos muestra opciones de

guardar,denunciar sobre el video

La tuerca permite la configuración de la

reproducción del video como la
calidad,velocidad de reproduccion

La pantalla con wifi tiene el propósito de

transmitir inalámbricamente por la red wifi a
un televisor cercano

GOOGLE HOME
 Diseño de Interfaces de Programación – Lab 02 Nro. DD-106
Introducción al Diseño de Interfaces de Programación Página 6 de 13

Es una aplicación dedicada a configurar,agregar dispositivos y controlar compatibles con la

casa

El micrófono es para realizar una acción de

control en vez de usar los botones de
acciones
El signo mas es para agregar o vincular un
nuevo dispositivo para la casa

El papel muestra información de los

dispositivos vinculados con la aplicación

El teléfono en la casa es un botón para hacer

una llamada directa a la casa

La tuerca es para realizar configuración mas

detallada del dispositvo
La flecha circular para atrás con el numero 30
es para la acción de retroceder 30 segundo
de la reproducción

El circulo con línea azul indica la intensidad

de volumen y donde puede manipular la
intensidad del volumen

Los tres puntos muestra los detalles del

dispotivo y a que casa esta conectada
 Diseño de Interfaces de Programación – Lab 02 Nro. DD-106
Introducción al Diseño de Interfaces de Programación Página 7 de 13

GMAIL

Sirve para enviar correos privados y recibir correos de manera segura y todo se guarda en la
nube

La bandera es para marcar los gmail que

quieres tener guardados

El lápiz con la hoja indica para redactar y

escribir un nuevo gmail

El tacho de basura es donde están los gmail

borrados por si los quieres recuperar

La estrella son los gmail guardados

especialmente para tener una búsqueda
rapida
 Diseño de Interfaces de Programación – Lab 02 Nro. DD-106
Introducción al Diseño de Interfaces de Programación Página 8 de 13

Las flechas arriba y abajo son para subir o

bajar de gmails

La caja es para la archivacion de los gmails

recibidos

Una carpeta para guardar gmails

La flecha para atrás es para responder el

gmail recibido

YAZIO
 Diseño de Interfaces de Programación – Lab 02 Nro. DD-106
Introducción al Diseño de Interfaces de Programación Página 9 de 13

Una aplicación donde ingresas tus alimentos consumidos para controlar las calores que comer
y saber como controlas tu alimentación

La barra de estadística es para el análisis de

cómo va tu energía,ingesta de nutrientes,etc

El mas es para añadar una

comida,snack,bebida y actividades

Un calendario donde puedes ver las calorías

comidas en ese dia

El diario muestra los apuntes del dia como

las proteínas,carbohidratos de los alimentos
o la actividad física registrada
 Diseño de Interfaces de Programación – Lab 02 Nro. DD-106
Introducción al Diseño de Interfaces de Programación Página 10 de 13

La burbuja indica la cantidad de comidas

agregadas de las comidas

El recuadro con el código es para capturar un

código de barras para faciliar el registro del
alimento

Una carpeta para crear comidas creadas por

uno y con las calorías especificadas por el
usuario

El mas en la burbuja es para agregar las

cantidades del alimento

CONCLUSIONES:
-Que las interfaces deben ser de buen agrado al usuario
-Las metáforas ayudan al usuario un uso mas fácil de la aplicación
-Las metáforas deben tener similitud con la acción del botón
-Las metáforas verbales ayudan al usuario a familisiarse a un nuevo
sistema________________________________________________________________________________
__________________________________________________________________________________________
 Diseño de Interfaces de Programación – Lab 02 Nro. DD-106
Introducción al Diseño de Interfaces de Programación Página 11 de 13

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________