Escuela de Ciencias Básicas Tecnología e Ingeniería

Unidad 1 Introducción al diseño de sitios web

Tema: Explicación Maquetación o Mockup del
sitio web - Llenado del Guion del sitio web
Mario Luis Avila Pérez
11 de Septiembre de 2019
Importancia de la Maquetación.

• Wireframe, prototipo, maqueta

¿Qué es • Diseño de baja fidelidad
un • Son los bocetos iniciales de un diseño
mockup? • Se recomienda crearlos a mano y luego
pasarlos al computador
Ventajas
Prototipo de baja fidelidad

Sketch, Marvel POP

Test de usabilidad en el prototipo de BF

Se le solicita a los usuarios evaluar la aplicación en los siguientes ámbito

1. Estética y diseño del 1 al 9 otorgando calificación 5

2. Facilidad de uso del 1 al 9 otorgando calificación 8

3. Contenidos e información del 1 al 9 obteniendo la 6

4. Utilidad del 1 al 9 , calificaron 7

9
8
7
6
5
4
3
2
1
0
Estética y diseño Facilidad de uso Contenidos e información Utilidad
Prototipo Alta Fidelidad

Quant-ux
Conclusiones

Mediante el uso de mockup , wireframes o prototipos de baja fidelidad se puede realizar un

diseño centrado en el usuario.

El diseño centrado en el usuario garantiza que los productos o páginas web reúnan las
características de usabilidad necesarias para garantizar el éxito.
La realización del test de usabilidad permiten obtener realimentación del usuario.
-mejoramiento de los contenidos. De esta manera el cliente se siente más a gusto con el
producto
- Sitios web centrados en los requerimientos que el cliente necesita y la facilidad de uso
- teniendo en cuenta que es el usuario quien finalmente va a estar interactuando con el
producto y quien experimentará de primera mano los dolores o satisfacciones que cause el
producto.
Referencias.

Fuentes, J. R. L. (2015). Desarrollo de Software ÁGIL: Extreme Programming y Scrum. IT Campus Academy.

Serrano-Cobos, J. (2016). Tendencias tecnológicas en internet: hacia un cambio de paradigma. (Spanish). El

Profesional De La Información, 25(6), 843. doi:10.3145/epi.2016.nov.01. Recuperado de:
http://bibliotecavirtual.unad.edu.co/login?url=http://search.ebscohost.com/login.aspx?direct=true&db=edb&AN=1198
02414&lang=es&site=eds-live

Austria, X. (2018). Cómo alcanzar el futuro. (cover story). Entrepreneur Mexico, 26(3), 34-36. Recuperado de:
http://bibliotecavirtual.unad.edu.co/login?url=http://search.ebscohost.com/login.aspx?direct=true&db=zbh&AN=1294
32780&lang=es&site=eds-live

Pratt, A., & Nunes, J. (2012). Interactive Design: An Introduction to the Theory and Application of User-
centered Design. Beverly, Mass: Rockport Publishers. Recuperado de:
http://bibliotecavirtual.unad.edu.co/login?url=http://search.ebscohost.com/login.aspx?direct=true&db=nlebk
&AN=576512&lang=es&site=eds-live
¡GRACIAS POR SU
ATENCIÓN!