imagen porcentaje

Matricúlate con los mejores descuentos

Programas Exclusivos UAH

imagen porcentaje

Matricúlate con los mejores descuentos

Mockplus, diseño de prototipos de interfaces (UX/UI)

mockplus-diseno-prototipos-interfaces-ux-ui

Mockplus es una de las numerosas alternativas existentes en el mercado para diseñar y prototipar interfaces de usuario para diferentes plataformas: PC (Windows), Mac, Apps (iOS y Android) y Web.

La dura competencia entre las herramientas de mockups

Si bien hace unos años era obligatorio prototipar interfaces de usuario web/app con Photoshop, Illustrator o InDesign, y una buena colección de recursos gráficos e iconos; hoy en día, muchos profesionales del diseño optan por herramientas como MockFlow o la más reciente incorporación al catálogo de Adobe, Adobe Experience Design CC (Adobe XD). Dos soluciones destacadas pero que únicamente suponen la punta del iceberg de la totalidad de opciones disponibles.

¿Qué ofrece Mockplus a los diseñadores de interfaces (UX/UI)?

De la misma forma que su competencia más directa, Mockplus es un editor WYSIWYG con el que diseñar prototipos de interfaces de usuario es rápido e interactivo, permitiendo “arrastrar y soltar” elementos a su espacio de trabajo, con una buena colección de elementos gráficos de interfaz prediseñados. En total, más de 400 iconos y 200 componentes gráficos de interfaz: cajas de texto o de imágenes, barras de desplazamiento, botones, diferentes tipos de menús, etc.

Eso en cuanto al diseño propiamente dicho, pero Mockplus incluye además un generador de códigos QR que una vez escaneados desde un dispositivo móvil con conexión, permiten la previsualización directa del prototipo en el dispositivo, algo especialmente útil si deseas comprobar la usabilidad del diseño en su destino final o en diferentes dispositivos.

Mockplus Pro y Free: dos versiones y algunas diferencias

Mockplus está disponible en dos versiones: Free (gratuita) y Pro (20$ al mes, o 119$ al año). Ambas versiones comparten el mismo núcleo de prestaciones, aunque como es lógico, la versión Pro cuenta con algunos añadidos que la diferencian.

En ambos casos, Mockplus ofrece

  • Soporte de elementos gráficos para todas las plataformas (iOS, Android, PC, Mac, Web)
  • Estilos de wireframe y sketch intercambiables, es decir, puedes pasar de un estilo a otro directamente, sin tener que rehacer los diseños.
  • 200 componentes gráficos diseñados específicamente para cubrir las necesidades de prototipado para cada plataforma.
  • 8 componentes de marcadores de uso común para crear anotaciones en los prototipos, tales como flechas o notas.
  • Diseño interactivo visual con soporte para “arrastrar y soltar” acciones sobre los elementos, sin necesidad de programación.
  • Librería de componentes de interacción habituales como Popup Panel, Alter Window, Popup Menu, Sliding Drawer, Stack Panel, Image Carousel y Scroll Box.
  • Librería de comandos y eventos de interacción como mostrar y ocultar, mover, redimensionar, zoom, rotar, etc.
  • Ejecución de interacción secuencial y simultánea para múltiples componentes.
  • Fácil edición de los estados de los elementos interactivos, como por ejemplo, cambiar el color al hacer clic.
  • Con los denominados Masters, es posible aplicar cambios simultáneamente en diferentes elementos que comparten dicha propiedad. Por ejemplo, cambiar el color corporativo de los botones.
  • Librería de Favoritos. Aquellos elementos que son utilizados con mayor frecuencia pueden guardarse en My Favorites para reutilizarlos y disponer de ellos en un acceso rápido. Ahorrando un valioso tiempo de edición.
  • Exportación a HTML. En una próxima actualización de Mockplus, se podrán exportar los proyectos directamente a HTML.
  • Generación y escaneo de códigos QR para previsualización directa de los diseños en dispositivos móviles sin necesidad de conexión física por cable USB.
  • Para evitar sustos innecesarios, Mockplus realiza copias de seguridad automáticas, permitiendo establecer el intervalo de tiempo entre copias de seguridad. Así, en caso de error de la aplicación, podrán recuperarse fácilmente.
  • Las páginas de trabajo pueden ser marcadas con diferentes colores mediante etiquetas (Page Tag), lo que ayudará a identificarlas claramente o bien para indicar el estado de su desarrollo.
  • Modificación de elementos por lotes. Con esta funcionalidad, se pueden realizar modificaciones de múltiples elementos simultáneamente, desde determinadas páginas seleccionadas o el proyecto completo.
  • Los marcadores de componentes serán utilizados para indicar información adicional sobre su uso, requerimientos y otros detalles cuando son visualizados.
  • Importación y exportación de componentes como fragmentos para la colaboración con otros miembros del equipo. De la misma forma, también es posible exportar una o varias páginas del proyecto.
  • Como es habitual en todas las aplicaciones de diseño, Mockplus incluye reglas y guías personalizadas para alinear elementos. Permitiendo establecer las unidades de medidas, como píxeles o porcentajes.
  • Mockplus no es ajeno a las redes sociales y ofrece opciones de compartir los prototipos directamente en Facebook, Twitter y Google+ para recibir opiniones o mostrar los avances del proyecto.
  • La aplicación dispone de más de 70 atajos de teclado para acceder a las opciones más comunes de importación, edición y exportación.

Opciones que en la versión de Mockplus Pro se complementan con:

  • Publicación del proyecto en la nube para su sincronización, acceso y visualización desde diferentes dispositivos. Con la función de Cloud Sync, los proyectos pueden ser almacenados en la nube y protegidos mediante contraseña.
  • Se incluyen más de 400 iconos prediseñados que son ampliados y actualizados en cada nueva versión.
  • Los proyectos pueden ser impresos en papel para su revisión offline, presentaciones, etc.
  • Exportación de imágenes a PNG o JPEG con configuración de calidad personalizada, bien de la página actual, un componente, un grupo de elementos o del proyecto completo.
  • Exportación de demo empaquetada. Los proyectos pueden ser exportados a .exe (Windows) o .app (Mac) para ser visualizados directamente sin necesidad de disponer de Mockplus instalado en el equipo.

La presencia de Mockplus en el mercado

Aunque no sea una aplicación especialmente conocida, especialmente si la comparamos con MockFlow o Adobe XD, Mockplus cuenta entre su cartera de clientes a empresas del renombre internacional de IBM. Algo que no es casualidad, ya que Mockplus ofrece prácticamente todo lo que un diseñador de interfaces de usuario puede desear: dispone de versión gratuita, es compatible con las plataformas de Windows y Mac (lo que ofrece la doble posibilidad de almacenar los proyectos en local o en la nube), e incluye una amplia variedad de elementos gráficos prediseñados, así como numerosas opciones para añadir elementos y acciones de interactividad sin necesidad de utilizar ni una sola línea de código, todo mediante un intuitivo sistema gráfico de “arrastar y soltar”. ¿Le diste ya una oportunidad a Mockplus? ¿Cuál es tu herramienta favorita?

Enlace | Mockplus

15/06/2016 | , | Artículos Arquitectura

Miguel Gómez

Miguel Gómez

vuestroscomentarios

Miriam Martínez 26-06-2017

¡Gracias a vosotros! No olvidéis poner en el resumen el enlace a la entrada del blog ;) Un saludo!

Martin 23-06-2017

Hola Miriam, muchas gracias por tu respuesta! Aquí te dejo mi correo de trabajo para que podáis poneros en contacto conmigo: martin@jongde.com. Y muchas gracias por el permiso de hacer resumen en nuestro sitio web sobre este artículo de Mockplus.

Miriam Martínez 21-06-2017

Buenos días Martín. Nos alegra que os guste el artículo. Si publicáis en vuestro blog el mismo contenido y lo indexáis, aparecerá en google como contenido duplicado y no es beneficioso para ninguno de los dos. No tenemos problema en que hagáis un resumen o reseña y pongáis el link a nuestro blog. Muchas gracias por el tema de las licencias, trasladamos al Departamento Académico de la escuela tu ofrecimiento para que puedan contactar contigo ¿Nos puedes facilitar un mail/ teléfono de contacto? Muchas gracias. Un saludo :)

Martin 21-06-2017

Hola, soy Martin del grupo de Mockplus. Encontramos este artículo por casualidad porque todavía no hemos desarrollado la versión en español. Agradecemos mucho por haber redactado un artículo tan detallado sobre nuestro producto y nos gustaría republicarlo en el blog oficial de nuestra página web con su permiso. Además si necesiten usar esta herramienta en clase, podemos ofrecer certificado gratis para estudiantes y docentes. Muchas gracias y esperamos su respuesta. Saludos cordiales.

Escribe tu
Comentario

Si quieres personalizar tu avatar, click aquí.
Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *
Recuerda que los comentarios deben ser revisados por un administrador.

O si lo prefieres, déjanos tus datos y nosotros te llamamos.

*Selecciona una titulación

Te llamamos sin compromiso

Puedes llamarnos al 91 401 07 02 (Centro Maldonado) o al 91 435 58 43 (Centro Povedilla).

Si lo prefieres, déjanos tus datos y nosotros te llamamos.

Solo hasta el 25 de marzo

¡MATRÍCULA

GRATIS!

Solo quedan


*Consulta condiciones aquí
Mockplus, diseño de prototipos de interfaces (UX/UI)
Buzón de Sugerencias
SOLICITAR UNA CLASE DE PRUEBA GRATUITA
Mockplus, diseño de prototipos de interfaces (UX/UI)

Horario atención al cliente

  • Lunes a viernes

    • De 9 a 14 horas
    • De 16 a 21 horas
  • Sábados

    • De 9 a 14 horas

Teléfono de contacto: 91 435 58 43

Solicita información sobre
Envíanos tu opinión sobre CICE
Nosotros te asesoramos

¿No te decides?

Nosotros te ayudamos. Utiliza nuestro buscador avanzado para encontrar el curso que quieres.