Sketchs, Mockups, Wireframes y Prototipos

Mehr dazu

Modelo de Cascada

von Celvin Usiel Hernández Velasco

Material Didáctico

von Yamileth Lucena

RECURSOS EDUCATIVOS DIGITALES (RED)

von Yina Aguilar

insertar imagen

von carlos sanchez

Hernández Reyes Leticia

Sketchs, Mockups, Wireframes y Prototipos

Wireframes

Los Wireframes también pueden estar hechos a mano, solo que es más común verlos en dígital ya que existen herramientas que facilitan su creación.

Su función es conectar a la arquitectura de la información con la parte del diseño visual, esto ayuda a tener estabilidad en la parte funcional así como también las relaciones entre las diferentes plantillas de la pantalla.

¿Qué son? Los Wireframes son los que plasman principalmente la arquitectura que tendrá la información dentro de la página.

Prototipos

En los prototipos como en todo puede que al principio hayan fallas, sin embargo, de esas ismas fallas se puede aprender.

Cuando creamos un prototipo podemos juntar lo que es la parte conceptual con la parte real del proyecto.

¿Qué son? Un prototipo puede definirse como un modelo o una representación altamente detallada de lo que contendrá la página web.

Mockups

Las carácterísticas que poseen son: que en los Mockups pueden llevar imágenes y texto. Así como también una paleta de colores, declaraciones CSS dimensiones de áreas y servicios e iconografía.

Cabe decir que los Mockups son solo una representación visual, son estáticos no tienen ninguna funcionalidad solo representa la interfaz gráfica de como lo vería el usuario.

¿Qué son? Los Mockups son un diseño más avanzado sobre la página, podríamos decir que es un prototipo que está más acercado a la realidad.

Sketchs

Se les caracteríza por estar hechos a mano alzada, por lo regular son hechos a papel aunque también hay sketchs hechos en dígital, no requieren mucho detalle ya que solo se busca mostrar la idea de la página.

Los Sketchs a su vez, tienen que dar una idea general de lo que contendrá la página, por ejemplo: dónde iran los logos, dónde se ubicaran los botones, imágenes, etc.

¿Qué son? Los Sketchs se pueden definir como los primeros bocetos que se hacen antes de pasar nuestra página web a lo dígital.