Reporte 2
Reporte 2
Reporte 2
de Nochistlán
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
ACCESORIOS
4
Practica 2 mapas de composición de la Plataforma Educativa en Línea: https://www.rcampus.com/index.cfm
INICIO
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
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