Mock-ups y Wireframes para tus páginas web (Pidoco)

- mayo 22, 2018

Sé que para este punto ya habrán empezado su página web o bueno, tienen una idea de como empezarla y si siguen pensándolo es momento de pasar todas estas ideas a papel o bueno a digital.

Al hacer una página web es bueno tener un mockup o un wireframe para tener presente la organización de nuestra página, donde vienen los cabeceros, los menus, los links, fotos y demás.

Aunque probablemente se esten preguntando cual hacer, si un wireframe o un mockup. Pues bueno, un wireframe es mas sencillo que el mockup ya que son los recuadros y la diagramación sin información y colores, se puede hacer a mano o en diferentes herramientas online. Es recomendable empezar por los wireframes y continuar con los mockups donde ya incluimos colores, información y es muy cercano al resultado final de la página, excluyendo las interacciones con el usuario. Si queremos interacciónes y ya tenemos el wireframe y el mockup podemos llegar a realizar un prototipo que ya incluya las interacciones.

Acá les dejo una muestra de mi wireframe hecho en Pidoco una página web realmente sencilla y rápida para realizarlos. Hice un wireframe de lo que me imagino que será algún día mi página web desde un dispositivo móvil.