Reporte 2

Descargar como pdf o txt
Descargar como pdf o txt
Está en la página 1de 13

Instituto Tecnológico Superior

de Nochistlán

Ingeniería en Sistemas Computacionales


Interfaces Web
Tarea:
“Reporte de Practicas 2 Diseño de Interfaces”
Presenta:
Cristian Lozano
17050200
Docente:
Jesús Damián López

Nochistlán de Mejía, Zacatecas. Junio de 2020

I
Índice

Introducción .....................................................................................................................................3
Practica 1 mapa de composición de la Tienda en Línea ....................................................................4
Practica 2 mapas de composición de la Plataforma Educativa en Línea.............................................5
Practica 3 Mokups de una aplicación de ventas en línea ............................................................. VI
Practica 4 Mokups de un login, registro y recuperación de contraseña ..................................... VII
Login ............................................................................................................................................ VII
Registro ...................................................................................................................................... VIII
Recuperación de contraseña .........................................................................................................IX
Practica 5 Mapa de composición y Mokups de proyecto final .....................................................10
Mapa de Composición Personal ...................................................................................................10
Mokups ........................................................................................................................................11
Conclusiones ...................................................................................................................................13

2
Introducción
La interfaz web son elementos gráficos que permiten al usuario acceder a los contenidos,
navegar e interactuar. Para lograr que un usuario se quede y vuelva, el diseño de la interfaz
es importante.
Para que un diseño web sea efectivo, debe lograr que los usuarios del sitio puedan acceder
con facilidad a los contenidos, interactuar con eficacia con todos los componentes y sentirse
cómodo en forma permanente, y todo ello sin siquiera pensarlo.
El elemento que consigue que esto sea posible es la interfaz, en cuya preparación y diseño
se debe poner especial atención.
Una parte importante de los éxitos o fracasos de los sitios depende en gran medida de este
elemento fundamental del diseño. Por esta razón en este reporte prácticas presento
algunas prácticas sobre mapas de composición y mokups realizados en el software
“Balsamiq”, con el objetivo principal de aprender sobre la creación de un buen diseño
web.

3
Practica 1 mapa de composición de la Tienda en Línea: https://www.shein.com.mx/

INICIO
CENTRO SOPORTE AL
MUJER CURVY+PLUS HOMBRE NIÑOS BELLEZA CARRITO FAVORITOS
PERSONAL CLIENTE

NOVEDADES NOVEDADES NOVEDADES NOVEDADES SHEGLAM MI PERFIL


CONJUTOS A CONJUTOS A CONJUTOS A
P/V 2020 JUEGO JUEGO JUEGO
TENDENCIAS ROPA TENDENCIAS SHEGLAM MIS PEDIDOS
CONJUTOS A
#SHEINathome ROPA #AtHome JUEGO
ACCESORIOS
NIÑA BEBÉ MIS
DE BELLEZA
NOTIFICACIONES
VESTIDOS NADADORES NIÑO BEBÉ CONJUTOS A
ROPA
JUEGO
CUIDADO MIS CUPONES
VERANO2020 BEBÉ PERSONAL
VESTIDOS TOPS

ROPA DE MIS PUNTOS


TOPS ZAPATOS Y
BOTTOMS BAÑO
ACCESORIOS
VISTO
CURVY+PLUS ROPA DE BAÑO ZAPATOS Y
OFERTAS RECIENTEMENTE
ACCESORIOS
ROPA DE BAÑO LENCERÍA Y
EXPLORAR MÁS SERVICIOS
PIJAMAS CONJUTOS A
JUEGO
ZAPATOS Y
REBAJAS
ACCESORIOS OFICINA Y
UTILES
CASA Y VIDA EXPLORA
ESCOLARES

ACCESORIOS
4
Practica 2 mapas de composición de la Plataforma Educativa en Línea: https://www.rcampus.com/index.cfm

INICIO

CASA AULA COMINIDADES PORTAFOLIOS MATRICES ENCUESTAS MÁS…

CASA CLASES CASA DE LAS PORTAFOLIOS GALERÍA ENCUESTAS A


COMUNIDADES HOME CASA
SOBRE CURSOS
BUSQUEDA
RCAMPUES CLUBES CONSTRUIR CONSTRUIR
AYUDA CASA DE LAS
COMUNIDADES MIS MATRICES
GRUPO DE MATRICES MIS ENCUESTAS
PROFESORES
CONSTRUIR
MIS PORTAFOLIOS AYUDA
GRUPOS
MATRICES
AYUDA ASIGNADAS
GRUPOS DE
ESTUDIO
AYUDA

5
Practica 3 Mokups de una aplicación de ventas en línea

VI
Practica 4 Mokups de un login, registro y recuperación de
contraseña
Login

VII
Registro

VIII
Recuperación de contraseña

IX
Practica 5 Mapa de composición y Mokups de proyecto final
Mapa de Composición Personal:

INICIO

Programas Más
Películas Series Mi Lista
de Tv Recientes

POPULARES ACCIÓN POPULARES SERIES NUEVAS

TENDENCIAS ANIME PELICULAS


TENDENCIAS
NUEVAS
DRAMAS TERROR
NUEVOS ESTRENOS DE
LANZAMIENTO
ORIGINALES ESTA SEMANA
DRMAS S
ORIGINALES
COMEDIA PROXIMOS
MEXICANAS
ESTRENOS
ACCIÓN INFANTILES
INFANTILES

NUEVOS COMEDIA
LANZAMIENTO
S
ROMANCE
REALITY

10
Mokups

11
12
Conclusiones
Para que un sitio web sea efectivo y exitoso, debe lograr que uno como usuario podamos
acceder sin problemas, podamos tener facilidad de manejo de la página y todos sus
componentes y sentirse cómodo en forma permanente.
En cierta preparación y diseño se debe poner mucha y especial atención, ya que una gran
parte de éxito y fracasos de los sitios web depende de este elemento del diseño.
En este reporte de prácticas realice un mapa de composición acerca de una tienda en línea
(Shein) y otro sobre una plataforma de educación en línea (Rcampus), descubrí la
importancia y utilidad de estos mapas de composición, pues es tal, que funcionan como una
guía sobre la estructura de la página web en cuestión.

Así mismo en este reporte de prácticas realice mokups, en el software Balsamiq que
funciona para crear prototipos de interfaces web como de escritorio, me gustó mucho
trabajar con este programa porque es muy fácil de utilizar, y puedes crear proyectos en el
muy buenos, dentro de los mokups solicitados por las prácticas son: la página principal de
una aplicación o página de ventas en línea, yo la hice acerca de adidas, de la misma página
realice el mokups de su login, registro y recuperación de contraseña. Estas prácticas
resultaron muy intersantes para mí pues considero que incentivo mi creatividad y mi interés
acerca del desarrollo de interfaces graficas en páginas web.

13

También podría gustarte