Actualidad

Website wireframes: Qué son y cómo diferenciarlos de los Mockup y de los prototipos

11/06/2021

Desde Nubulus sabemos que estos tres conceptos pueden dar lugar a confusión cuando uno se inicia el diseño web. Y es completamente normal, no sólo porque pueden ser palabras nuevas sino porque desgraciadamente es frecuente encontrar sus significados intercambiados o, incluso, que se hable como si fueran conceptos sinónimos. Sin embargo, aunque todos ellos se refieran a etapas del diseño web, describen fases diferentes dentro del flujo de trabajo. 

 

Website wireframes: Què són i com diferenciar-los dels mockups i dels prototips.

 

Wireframe, Mockup y Prototipo: Diferencias.   

  • Webiste wireframe: Los wireframes son bocetos esquemáticos donde se plantea la arquitectura básica de un proyecto, es decir, la colocación de los contenidos. Estos se realizan durante la fase más inicial y son el tipo de representación más básica de un proyecto. Es por ello que, en esta etapa inicial, no se utilizan herramientas visuales como colores, tipografías o textos, que nos puedan distraer de la parte más importante de esta etapa: La estructura del contenido web
  • Mockup: Los mockups son representaciones más realistas del producto final. Estos van un paso más allá que los wireframe, ya que en esta fase se aplican elementos visuales, como diferentes tipos de topografías o bien la gama de colores finales, consiguiendo así una representación más cercana del producto final. Sin embargo, estos siguen sin ser funcionales, tratándose aún de un esquema.
  • Prototipo: Es en esta etapa cuando nuestro proyecto se parece más a ser su versión final, ya que los prototipos ya son versiones funcionales. Es pues, la etapa en la que se puede simular la interacción y la experiencia del usuario. La manera más adecuada para probar el funcionamiento web. 

  

En resumen, los wireframes utilizan al principio del flujo de trabajo y definen la estructura básica de nuestro proyecto, los mockup, en cambio, definen el aspecto visual y el diseño, y por último, los prototipos, los cuales se utilizan para probar la interacción del usuario con la web. 

  

¿Qué beneficios aportan los wireframes en nuestro proyecto? 

Ya que, los wireframes son una representación básica y sencilla de realizar, permiten crear varias versiones de manera rápida, permitiendo así, una visualización clara de la colocación de todos los contenidos web. 

Esto también los convierte en una herramienta fundamental para facilitar la comunicación, ya sea con miembros del mismo equipo o con los clientes, ya que permite visualizar ideas de manera sencilla y efectuar cambios de manera rápida. 

  

¿Cómo puedo crear un wireframe

Actualmente existen una gran cantidad de herramientas que se adaptan a las diferentes necesidades de cada proyecto, así como, a las habilidades del diseñador y sus recursos. 

Estas van desde las más clásicas, como es el dibujo con lápiz y papel, hasta las más avanzadas, que serían el uso de herramientas específicas como Adobe Xd, Blasamiq, Mogups o cazón, Invision, Sketch, etc. También podemos encontrar herramientas con un uso más general, pero sin que dejen de ser útiles para el diseño de wireframes como Photoshop, cambios, Powerpoint o Illustrator. 

  

Los wireframes son, pues, un paso esencial para el diseño web, ya que, nos permiten crear una estructura bien definida desde el primer momento, ahorrándonos así tiempo y costes inesperados. 

Actualidad

.

¿Qué es y cómo solicitar el Kit Digital?

Actualidad

01/02/2022

¿Qué es y cómo solicitar el Kit Digital?

 ¿Qué es y cómo solicitar el Kit Digital?
¿Qué es y cómo solicitar el Kit Digital?

Website wireframes: Qué son y cómo diferenciarlos de los Mockup y de los prototipos

Actualidad

11/06/2021

Website wireframes: Qué son y cómo diferenciarlos de los Mockup y de los prototipos

Website wireframes: Qué son y cómo diferenciarlos de los Mockup y de los prototipos
Website wireframes: Qué son y cómo diferenciarlos de los Mockup y de los prototipos

El nuevo rumbo de WhatsApp: Más allá de la mensajería instantánea

Actualidad

11/06/2021

El nuevo rumbo de WhatsApp: Más allá de la mensajería instantánea

El nuevo rumbo de WhatsApp: Más allá de la mensajería instantánea
El nuevo rumbo de WhatsApp: Más allá de la mensajería instantánea

Technovation Girls Catalonia

Actualidad

14/06/2021

Technovation Girls Catalonia

Technovation Girls Catalonia
Technovation Girls Catalonia

¿Qué son los Marketplaces y qué beneficios pueden aportar a tu negocio?

Actualidad

14/06/2021

En els últims anys, l'hàbit d'adquirir productes i serveis per internet ha anat en augment, i els petits comerços que han sigut capaços d'adaptar-se i especialitzar-se en forma d'eCommerce han tingut major facilitat per a sobreviure a aquest canvi, no obstant això, la creació d'un eCommerce no és l'única opció per a un petit negoci que vol sobreviure en el món digital. En aquest article t'expliquem que és un Marketplace i perquè pot ser realment útil per al teu negoci.

¿Qué son los Marketplaces y qué beneficios pueden aportar a tu negocio?
¿Qué son los Marketplaces y qué beneficios pueden aportar a tu negocio?

Novedades en el mundo eCommerce: La unión de Shopify con Facebook e Instagram.

Actualidad

14/06/2021

Novedades en el mundo eCommerce: La unión de Shopify con Facebook e Instagram.

Novedades en el mundo eCommerce: La unión de Shopify con Facebook e Instagram.
Novedades en el mundo eCommerce: La unión de Shopify con Facebook e Instagram.

Trusted Shops. Generamos confianza.

Actualidad

14/06/2021

Trusted Shops. Generamos confianza.

Trusted Shops. Generamos confianza.
Trusted Shops. Generamos confianza.

Así se aplicará el IVA en las tiendas online a partir de julio.

Actualidad

14/06/2021

-Así se aplicará el IVA en las tiendas online a partir de julio.

Así se aplicará el IVA en las tiendas online a partir de julio.
Así se aplicará el IVA en las tiendas online a partir de julio.

Instagram protegerá a los menores de edad.

Actualidad

14/06/2021

Instagram protegerá a los menores de edad

Instagram protegerá a los menores de edad.
Instagram protegerá a los menores de edad.

Ya puedes encontrar en Google Maps los negocios donde ir a reciclar.

Actualidad

14/06/2021

Ya puedes encontrar en Google Maps los negocios donde ir a reciclar.

Ya puedes encontrar en Google Maps los negocios donde ir a reciclar.
Ya puedes encontrar en Google Maps los negocios donde ir a reciclar.

Ya está disponible la tienda online solidaria de Casa Tierra.

Actualidad

14/06/2021

Ya está disponible la tienda online solidaria de Casa Tierra.

Ya está disponible la tienda online solidaria de Casa Tierra.
Ya está disponible la tienda online solidaria de Casa Tierra.

La importancia de las valoraciones de producto en tu tienda online.

Actualidad

14/06/2021

La importancia de las valoraciones de producto en tu tienda online.

La importancia de las valoraciones de producto en tu tienda online.
La importancia de las valoraciones de producto en tu tienda online.

Cal Modest

Actualidad

29/07/2021

Cal Modest

Cal Modest
Cal Modest

¿Por qué tener la página web de tu negocio siempre actualizada y rediseñarla cada cierto tiempo?

Actualidad

27/08/2021

¿Por qué tener la página web de tu negocio siempre actualizada y rediseñarla cada cierto tiempo?

¿Por qué tener la página web de tu negocio siempre actualizada y rediseñarla cada cierto tiempo?
¿Por qué tener la página web de tu negocio siempre actualizada y rediseñarla cada cierto tiempo?

El #hashtag y todo lo que necesitas saber.

Actualidad

13/09/2021

El #hashtag y todo lo que necesitas saber.

El #hashtag y todo lo que necesitas saber.
El #hashtag y todo lo que necesitas saber.

La newsletter, una aliada en la comunicación entre tu negocio y los clientes.

Actualidad

13/09/2021

La newsletter, una aliada en la comunicación entre tu negocio y los clientes.

La newsletter, una aliada en la comunicación entre tu negocio y los clientes.
La newsletter, una aliada en la comunicación entre tu negocio y los clientes.

¿Cómo pueden ayudar a tu alojamiento turístico los Google Hotel Ads?

Actualidad

13/10/2021

¿Cómo pueden ayudar a tu alojamiento turístico los Google Hotel Ads?

¿Cómo pueden ayudar a tu alojamiento turístico los Google Hotel Ads?
¿Cómo pueden ayudar a tu alojamiento turístico los Google Hotel Ads?

Cómo crear una buena biografía de Instagram.

Actualidad

01/10/2021

Cómo crear una buena biografía de Instagram.

Cómo crear una buena biografía de Instagram.
Cómo crear una buena biografía de Instagram.

La importancia de un buen servicio posventa en tu tienda online.

Actualidad

01/10/2021

La importancia de un buen servicio posventa en tu tienda online.

La importancia de un buen servicio posventa en tu tienda online.
La importancia de un buen servicio posventa en tu tienda online.

Clients

.

Empresas que han confiado en nosotros.