Categorías
Design and Prototyping tools

Top 15 Web Design increíble blogs que debe seguir en 2017

 

Como novato diseño UX / interfaz de usuario o experto, usted debe haber oído el término “alambre” mucho. Sin embargo, lo que realmente sabe exactamente lo que es una estructura metálica? ¿Por qué debe crear una estructura metálica? ¿Qué herramientas wireframing necesita? ¿Hay buenos ejemplos de mallas página web y plantillas para impulsar su creatividad en el año 2019?

Este artículo le dirá todo sobre el sitio web wireframing. Disfruta leyendo.

Tabla de Contenidos

  • ¿Qué es una estructura metálica?
  • ¿Por qué necesita una estructura metálica?
  • ¿Cuáles son las mejores herramientas wireframing libres en 2019?
  • ¿Cuáles son los mejores ejemplos de mallas página web y plantillas en 2019?
  • Como crear un wireframe?

¿Qué es una estructura metálica?

Básicamente, una estructura metálica es una simple presentación de una página web que sólo muestra una página web a nivel estructural. Sin embargo, simple no significa una estructura metálica es fácil de crear. Wireframing es un paso necesario durante todo el proceso de diseño interactivo, y que a menudo se lleva a cabo al principio del ciclo de vida del proyecto. Un alambre es un esqueleto gráfica de un sitio web, similar a un plano arquitectónico.

A menudo, una estructura metálica tiene 3 objetivos fundamentales:

  • para mostrar el contenido y la funcionalidad de las páginas antes de que los diseños adicionales.
  • para ayudar a los diseñadores se comunican con los clientes acerca del concepto de diseño.
  • Para establecer la jerarquía de la información del sitio.

Básicamente, una estructura metálica puede ser dividido en los siguientes 3 elementos principales: Diseño

    información

  • – Contiene la información principal, describiendo la estructura y el diseño de la página. diseño
  • Navegación – Para crear la navegación global y secundaria para mejorar la experiencia del usuario. diseño de interfaz
  • – Proporcionar elementos visuales y una descripción de la interfaz de usuario.

Puede leer más para conocer las diferencias básicas entre la estructura metálica, prototipos y maquetas.

¿Por qué necesita una estructura metálica?

Como parte fundamental del proceso de diseño, wireframes son de gran importancia en varios aspectos. Aquí están algunas ventajas de wireframes.

1. Una estructura metálica es mucho más fácil de entender que un diseño de concepto abstracto

¿Es difícil para obtener la aprobación de las partes interesadas utilizando sólo una explicación del concepto de diseño? Con una estructura metálica, se puede girar el mapa abstracta en un sitio visual. Es mucho más fácil y más rápido para revisar y entender con una estructura metálica limpia.

2. Un alambre puede ser utilizado para recibir retroalimentación Los usuarios

, miembros del equipo y los interesados ​​pueden revisar su diseño en las primeras etapas y dar retroalimentación para mejorar la experiencia del usuario. Ayuda a que el proceso iterativo de diseño. Le costará más si el problema se encuentra más adelante.

3. Los wireframes ayuda a definir el sitio cuenta con

wireframes asegurar que el contenido de la página y la funcionalidad están diseñados de tal manera que cumpla con las necesidades del usuario. Su diseño debe basarse en algunas de las necesidades de negocio, si nadie ha querido nunca su diseño, todo su trabajo sería en vano.

4. Wireframing es rápido y barato de construir a bajo costo

Es y rápido de construir una estructura metálica. La forma más sencilla es utilizar lápiz y papel. Con más herramientas wireframing disponibles en la actualidad, se puede construir una estructura metálica con una herramienta en cuestión de minutos.

¿Cuáles son las mejores herramientas wireframing libres en 2019?

En comparación con la creación de una estructura metálica con lápiz y papel, una herramienta muy útil alambre ayuda a construir una estructura metálica web con detalles súper más fácil y rápidamente. Es por eso que se recomienda elegir uno adecuado para su diseño web.

Si todavía está buscando todavía, vamos a echar un vistazo a la siguiente lista. Aquí hay 10 de las mejores herramientas de mallas libres en 2019 para usted: 1.

Axure – Una herramienta profesional de alambre

Axure, como una de las herramientas de diseño esenciales para los diseñadores, es también un wireframing profesional y una herramienta de creación de prototipos. Ofrece a los usuarios características de gran alcance para crear su web / aplicación paso a paso de alambre deseada.

Por supuesto, como una herramienta de alambre profesional, puede ser no tan fácil para los novatos de diseño UI / UX para aprender y dominar esta herramienta de diseño en un corto período de tiempo. Siempre lleva algo de tiempo para que se conviertan en ideas de diseño web / aplicación wireframes libremente.

2.Mockplus – Una herramienta wireframing libre y rápido hace que el diseño más rápido y más fácil

Mockplus es un rápido y fácil wireframing y una herramienta de creación de prototipos. La característica más grande de Mockplus es la velocidad. Con las bibliotecas de componentes / icono / muestra / de proyectos de gran alcance, puede crear un prototipo interactivo o alambre desde el principio dentro de los 10 minutos en Mockplus.

Así que si usted está buscando una herramienta real rápido, Mockplus es definitivamente su primera opción. Usted se sorprenderá al descubrir cuánto tiempo puede ahorrar mediante el uso de Mockplus.

3. Mockplus iDoc – Una herramienta de alambre en línea gratis de diseño de marca en línea en colaboración y esfuerzo iDoc

Mockplus, como un todo-en-uno en línea colaboración en el diseño y la herramienta de transferencia, es también una herramienta de alambre en línea que permite a los usuarios crear interactivo prototipos web y wireframes con sólo arrastrar y soltar. Probar y repetir lo colaborativa en línea, también se puede compartir fácilmente a miembros de su equipo con simples clics.

4. Adobe XD – Una herramienta sencilla estructura metálica libre

Adobe XD es otra herramienta de alambre sencillo que permite a los usuarios crear wireframes web / aplicaciones deseadas con facilidad. Ofrece a los usuarios formas simples y las herramientas de diseño relacionados con la creación de un prototipo o de carcasa rápidamente. Sin embargo, a veces, ya que es un poco demasiado simple, puede que no sea una opción buena para usted para crear una estructura metálica con detalles de la cena.

5. Estructura metálica CC – El mínimo de herramientas en línea wireframing

Wireframe.cc es una herramienta en línea de alambre. Es una herramienta muy simple, incluso la barra de herramientas se omite en la interfaz. Puede estructura alámbrica con él como desee, sin limitaciones en los componentes pre-establecido, elementos o ningún icono. Si usted está buscando una herramienta de dibujo o desea iniciar su diseño mediante la creación de todos los elementos a sí mismo, y luego tratar de carcasa CC.

6. Balsamiq maquetas – Una herramienta sencilla estructura metálica con un estilo de dibujo único

Balsamiq maquetas es también una herramienta única. Cuenta con un estilo de dibujo. Como se dice, “la fidelidad intencionadamente áspera y baja. Si usted quiere tener la experiencia de wireframing con lápiz y papel, y luego darle una oportunidad. Sin embargo, nota que Balsamiq no es compatible con cualquiera de las interacciones, por lo que no es una herramienta para su posterior diseño.

Proyecto

7. Lápiz – Diagramas y GUI herramienta wireframing

Proyecto Lápiz

es una herramienta gratuita de alambre. Se obtuvo el premio de Mozilla para ‘Mejor nuevo add-on’ en 2008 por su complemento de Firefox. Si utiliza un complemento de Firefox, puede intentar Proyecto lápiz.

8. Fuegos artificiales – Todo-en-uno la herramienta wireframing

Una de las mayores ventajas de wireframing con los fuegos artificiales es que se puede completar todo el diseño con esta herramienta una individual. De wireframes básicos para la plena visual, sólo tiene que utilizar fuegos artificiales.

9.Sketch – Una herramienta de diseño libre para crear wireframes web en Mac

Sketch es una de las herramientas de diseño más usado para los diseñadores de interfaz de usuario / UX para dibujar sus proyectos de diseño web / app. Por supuesto, también es una buena opción para los usuarios crear una estructura metálica / prototipo con facilidad en Mac.

Sin embargo, puede que no sea una opción adecuada para usted para hacer un alambre / prototipo interactivo.

10.Photoshop – Una herramienta de diseño libre para crear alambre

Por supuesto, para los usuarios de PC con Windows, sin Boceto, todavía se puede descargar y utilizar Photoshop para crear su web deseada / app alambre / prototipo diseña su lugar.

Si esto no te puede ayudar, hay 11 Herramientas Mejor Sitio Web de carcasa en el año 2019 para la interfaz de usuario / UX diseñadores

¿Cuáles son los mejores ejemplos de mallas página web y plantillas en 2019?

Después de elegir una herramienta de alambre adecuado, están todavía buscando buenos ejemplos de mallas en 2019 en busca de inspiración? Aquí están 20 de los mejores ejemplos de mallas página web y plantillas en 2019 para usted:

1.Upshift de carcasa Ejemplo

Este cambio ascendente ejemplo alambre toda la muestra los diseños de página web wireframe, incluyendo la página de inicio, página de precios, página de suscripción, etc. será un ejemplo ideal para crear un buen sitio web de una página o sitio web maravillosa paralaje.

2.Academic sitio web de carcasa Ejemplo

Esta limpia y ordenada estructura metálica ejemplo utiliza tarjeta muy intuitiva diseña para entregar su página web información.

3.Low fidelidad de carcasa Explorar Más Vídeo agregador

Creación de la primera estructura metálica con Mockplus RP

En este ejemplo se ve muy familiar, ¿verdad? Si. Esta estructura metálica web para el Explora más agregador de vídeo consigue un poco de inspiración de los líderes del mercado de moda, como YouTube, Vimeo y DailyMotion.

Aun así, puede ser una inspiración para usted para crear su propio sitio web de vídeo o una película.

4.Tedx Página de carcasa Ejemplo

Esta Página de ejemplo minimalista es el diseño conceptual inicial de alambre para el sitio web TEDx. Tiene un diseño muy bueno barra lateral.

Nota relacionada : 18 sitios web prácticos Página de Consejos de Diseño y excelentes ejemplos

5.Apparel Web Designer tienda de carcasa

Esta plantilla almacén del Web site de alambre en línea utiliza las redes intuitivos a productos de visualización y ofrece a los usuarios dos colores para personalizar su ropa propia o sitio web de la moda.

Nota relacionada : 10 mejor diseño web de moda de inspiración que le sorprende

6.Mockplus de carcasa Diseño de la muestra Typepad

Para facilitar a los usuarios, el equipo Mockplus también continuamente acciones sitio web / aplicación alambre / prototipos de muestras (hecho por Mockplus ) en su blog muestra.

Esta plantilla alambre es uno de ellos y ha creado sobre la base de la famosa plataforma de blogs – Typepad. Cuenta con una barra de navegación que flota en la parte superior y es un ejemplo brillante para crear un sitio web flexible y atractivo de blogs. archivo de proyecto

Esto se puede descargar aquí.

7.Landing Página de carcasa de Nueva criptomoneda Web

Tipo: Sitio Web Financial

Esta página alambre de aterrizaje para el sitio web de Nueva criptomoneda está limpio y clásico. Cuenta con los diseños ricos de diseño, tales como la hoja de ruta de empresa lineales, mapas intuitivos de venta y la tecnología clara perdida, etc.

Es un ejemplo bueno para crear limpio y clásico de la página web de aterrizaje con diseños perfectos.

Nota relacionada : 20 el mejor envío de HTML5, CSS3, Bootstrap plantillas de página de destino

8.Codemund sitio web de carcasa

Este wireframe de una plataforma de aprendizaje en línea de código utiliza una serie de gráficos para mostrar los datos de la web, la creación de un diseño web muy intuitiva y atractiva.

Si usted quiere construir un sitio web con los datos visualizados, este alambre web es un buen ejemplo para usted.

Fuentes 9.Global

Tipo: E-commerce

Global Sources es un ejemplo típico sitio web de comercio electrónico de alambre. Adopta Cajas y formas para crear el diseño de página. La página contiene un cuadro de búsqueda, Log-in, caja de suscribirse, etc. La barra de navegación es sencilla y limpia. Además, se utiliza iconos para hacer la interfaz más informativo.

10. Así estéreo

Tipo: Música

Así estéreo es un ejemplo de música Web alambre limpio. Utiliza una gran sección del color gris para hacer el diseño de la interfaz más atractivo. Con excelente tipografía, la jerarquía de la información de la página es muy comprensible. Contiene páginas de ejemplo que incluye, hogar, la búsqueda, descubre, faq, política de privacidad, términos de servicio, etc.

El archivo de proyecto se puede descargar aquí.

11. EDX

Tipo: Educación

Edx es un ejemplo wireframing para la educación. Es una estructura metálica muy simple solamente con marcos y elementos construidos utilizando diferentes formas de tamaño y cajas básicas. Las páginas principales incluyen la capacidad empresarial, cursos, programas, escuela y socios, sobre, etc.

archivo El proyecto se puede descargar aquí.

12. StyleXstyle

Tipo: Moda

StyleXstyle es un ejemplo de alambre web de la moda. La página es simple pero con abundante información, incluyendo los detalles, inicio de sesión, subasta de caridad, el perfil, etc. Todos los logotipos son en color gris con el texto a continuación. archivo de proyecto

El se puede descargar aquí.

13. E-mail Boletín de carcasa

E-mail Boletín de carcasa es un ejemplo excelente sitio web de alambre. Usted puede fácilmente editar y personalizar él en cuestión de minutos. Utiliza las cajas y rejillas a la disposición de la página. También adopta un color gris y texto para crear un buen contenido. archivo de proyecto

El se puede descargar aquí.

14. Página héroe y Navegación de carcasa

Página héroe y Navegación de carcasa es una página principal de un sitio que incluye posible la navegación y llamadas a la acción. Los interesados ​​pueden discutir el diseño y la arquitectura de la información sin distraerse por diseño. Wireframes como este ejemplo vienen incorporados con SmartDraw. archivo de proyecto

El se puede descargar aquí.

15.KPI tablero de instrumentos de carcasa

Este KPI alambre tablero de instrumentos para una formación y contratación portales visualiza datos con diseños gráficos intuitivos relacionados.

relacionadas artículo : Top 50 juegos de tablero de interfaz de usuario y plantillas en 2019

16.WeDot de carcasa UI Kit

WeDot de carcasa UI Kit incluye 170 plantillas de sitios web en 7 categorías populares. Se ofrece a los diseñadores de las columnas 12 Bootstrap rejillas y les permite editar fácilmente en base a sus propias necesidades. Por otra parte, también es viable en el croquis, Illustrator, XD, Figma y PSD. Por lo tanto, no hay necesidad de preocuparse por el problema de compatibilidad.

17.Rootline de carcasa UI Kit

Rootline es un kit de interfaz de usuario web de alambre ya hecho y con estilo. Ofrece a los usuarios de carcasa páginas en 19 categorías diferentes para crear su web wireframe / prototipo / páginas deseadas con facilidad.

18.Ecommerce de carcasa UI Kit

Este comercio electrónico alambre de interfaz de usuario del kit ofrece a los compradores una gran colección de la biblioteca de alambre para crear sus propios sitios web de comercio electrónico deseados. Incluye 180 secciones de diseño pre-diseñadas en 18 categorías populares. Los usuarios pueden personalizar libremente sus diseños.

19.Wireframe diseño Colección

Esta plantilla de estructura metálica contiene más de 200 diseños de diseño de página web en 19 categorías populares y 7 páginas de destino editables, así como 40 estilos diferentes de navegación. Se puede sin duda ayudan a los usuarios estructurar sus proyectos de diseño web fácil y rápidamente.

20.Forma de carcasa Kit

Este kit incluye alambre disposición de la tela de alta calidad y gran bloque de diseños que pueden ayudar a los diseñadores a crear hermoso y práctico web diseña rápidamente.

Como crear un wireframe?

todavía no saben cómo crear un wireframe? Aquí está la guía paso a paso para que pueda crear una estructura metálica web:

Step1.Do algunas investigaciones para asegurarse de que su diseño se ajusta a las necesidades de los usuarios

No importa qué tipo de sitios web que están tratando de diseño, uno de los principios básicos que debe seguir es asegurarse de que su diseño se ajusta a las necesidades reales de los usuarios. Por lo tanto, antes de sentarse y empezar a llamar su wireframe, lo mejor es para que usted pueda hacer una investigación primero. Artículo

relacionada : ¿Qué es la investigación del diseño? La última guía que no debe perderse!

Paso 2. Trazar el flujo de usuario en el papel

Después de analizar los resultados de investigar cuidadosamente, puede que ya tenga un mapa de flujo usuario sin filtrar en su mente. Sólo tiene que dibujar en un papel y ver si se puede mejorar.

También es una buena base para crear un wireframe o prototipo.

Paso 3. Convertir sus ideas en wireframes y prototipos

A continuación, abra su herramienta wireframe y tratar de convertir sus ideas en wireframes interactivos y prototipos.

Tome Mockplus como un ejemplo. Está construido con más de 200 componentes, 3000 iconos y aumento del número de muestras y proyectos para que usted pueda convertir sus ideas en wireframes y prototipos con facilidad y rapidez. Para que sean más intuitiva y real, puede hacer que las interacciones de ellas con sólo arrastrar y soltar.

Si está diseñando una estructura metálica aplicación móvil o prototipo, se puede crear fácilmente y el flujo de exportación de interfaz de usuario con un solo clic en Mockplus.

Paso 4. Prueba, iterar y compartir tus wireframes y prototipos

Por fin, a las marcas de que sus wireframes y prototipos son realmente práctico y viable, debe también no se olvide de prueba, iterar y compartirlas con los miembros de su equipo.

Mockplus iDoc es una herramienta perfecta para que subas tus prototipos de sitios web y prototipos, se reúnen evaluaciones, pruebas, iterar y compartir con los miembros de su equipo.

Conclusión

Lo anterior es lo que queremos compartir con ustedes sobre el sitio web de alambre. Espero que este artículo puede ayudarle a saber todo lo de la página web de alambre y obtener inspiración para crear una estructura metálica perfecta para su diseño.

que también le gusten :

19 Mejores gratuito de alambre boceto Recursos Kit en 2019

Mejor Sitio Web Diseño Inspiración del Mes # 1 en 2019

Top 50 del tablero de interfaz de usuario Kits y plantillas en 2019

diseño minimalista: 30 Mejor minimalista Plantillas y Ejemplos sitio web

Categorías
Design and Prototyping tools

Top 10 predicciones Diseño Web de tendencia para 2017

 

Así que muchas personas se preguntan acerca de cómo hacer un buen prototipo, hay muchos métodos en línea, pero por lo general uno de ellos es simplemente similar a otra, o es muy complicado y confuso. Desde mi punto de vista, se debe simplificar su prototipo y hacerla más concisa.

Sin embargo, concisa es diferente de lo simple, lo que significa que necesitan para cancelar los pasos redundantes a propósito y que los usuarios se acostumbren a ella rápidamente.

El Un ffection de C oncise S Tyle

Tiene las ventajas como: la operación será más simple, páginas serán una carga más rápida, y la compatibilidad será mejor. Después de cancelar y eliminar pasos redundantes y elementos innecesarios (los elementos que los usuarios no se centrará en), manteniendo los elementos necesarios, los usuarios centrarse en el contenido y el núcleo, que podría acostumbrarse a que en poco tiempo, y también se pueden entregar información a los usuarios más preciso. Este es un aspecto de UX, es también el afecto y el propósito de estilo conciso.

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

Cómo M Ake C oncise S Tyle

No debería ser no sólo funciona suficientes, sino también el estilo conciso. Hemos de cuidar de un montón de cosas.

1.Necessary E ELEMENTOS

Después todo, necesarios elementos es la punto de apoyo y contenido importante de prototipos . Este es la primera paso a hacer un prototipo . Cuando que en esta etapa , que necesita a mantener necesarias partes .

2. Visualización D esign

podemos sentir tantas cosas todos los días, pero la primera sensación que tenemos es de la visualización. No deje caer demasiado diferentes colores allí, sólo en caso de que va a hacer la visualización demasiado complicado. Los usuarios pueden ser molestados por la influencia de los colores. Eso es muy importante utilizar el color con precauciones.

Usando imágenes brillantes pueden hacer buena impresión a los usuarios. Los principios de colores e imágenes son diferentes. estilo

Font es intuitiva interfaz de usuario en el diseño, es también el contenido práctico. Utilizando estilo de fuente atrevidamente puede ofrecer la información básica a los usuarios. Por último, es mejor elegir moderada de contraste con imágenes brillantes que le ayudarían a puede hacer una buena interfaz.

3. Menú D esign Menú

es la guía de la interfaz de usuario, que debe ser conciso pero sin ocultar las funciones de distancia. Tomando imágenes GIF pueden hacer que sea muy interesante, sin embargo tomando demasiadas imágenes GIF no es útil.

Todo lo anterior son mis sugerencias, en conclusión, simplificar el prototipo puede mostrar la idea de la base de usuarios, y dar a los usuarios una buena experiencia. Sugiero que usted utilice las herramientas de diseño de prototipos como Mockplus, UX Pin o Flinto para Mac. Este tipo de herramientas de diseño de prototipo tiene el diseño de interacción sencilla y tienen una baja curva de aprendizaje. Una idea buena con una buena herramienta de creación de prototipos, a continuación, el diseño de un prototipo es como comer un pedazo de pastel!

Categorías
Design and Prototyping tools

Top 10 impresionantes gratuito de carcasa Aplicaciones Tienes que probar en 2017

 

Con el rápido desarrollo de mundo digital, una masa de herramientas de diseño han salido al escenario. Sin embargo, puede ser una tarea para seleccionar la herramienta adecuada para su nivel de habilidad y las exigencias del proyecto, especialmente cuando hay tantas herramientas de interfaz de usuario todo-en-uno con la creación de prototipos, dibujo, diseño traspaso, así como la colaboración aspectos contemplados.

para ayudar a despejar su confusión y encontrar la herramienta más adecuada para su proyecto, hemos hecho una comparación detallada de Boceto vs vs InVision Mockplus iDoc , todos los cuales son herramientas bien recibidas actualmente.

Introducción Antecedentes

Boceto , un software de gráficos vectoriales que se han convertido en una herramienta de go-to para el diseño de interfaz de usuario, en sustitución de PS e Illustrator en el flujo de trabajo de los diseñadores. Además, se ha eliminado parte de la pelusa de otras aplicaciones y centrarse exclusivamente en imágenes vectoriales, lo que hace que sea una de las favoritas de las casas de diseño.

InVision , una herramienta de creación de un prototipo creado para los diseñadores y los diseñadores a crear rápidamente maquetas interactivas. Lo que hace InVision grande es que podemos compartir maquetas “en vivo” con el público, lo que les permite interactuar con el modelo en tiempo real.

Mockplus iDoc (la abreviatura de documento interactivo) , una herramienta de diseño de producto de colaboración lanzado y bien mantenido por el equipo Mockplus, que se ha considerado que es mejor que cualquier otras herramientas similares en el mercado con una gran cantidad de incomparable caracteristicas.

¿Cuáles son las diferencias entre estas herramientas?

No es de extrañar que el anterior tres herramientas son buenas herramientas de diseño, aunque cada herramienta tiene diferentes escenarios y características. Vamos a profundizar en los detalles a continuación.

1. Características prototipo

interactivo

Para Boceto, la interacción ha sido siempre su lado negativo hasta el lanzamiento de la versión 4.9 que incluye la funcionalidad básica de prototipos necesarios para los usuarios.

Al parecer, InVision Studio hace un mejor trabajo y permite a los usuarios hacer un proyecto en línea dentro de varios sencillos pasos – crear un nuevo proyecto, subir borradores de diseño visual, añadir enlaces y finalmente generan enlace de vista previa en línea para una mejor presentación.

En el más allá, Mockplus iDoc es compatible con la configuración de la animación interactiva, enlaces de retorno de un solo clic, la creación del punto de acceso y previsualización en tiempo real con varios bastidor del dispositivo para elegir. Es altamente visualizó-y fácil de operar. Para hacer un enlace de retorno, nosotros, los usuarios pueden arrastrar para dibujar punto de acceso y seleccione la página de destino para establecer el enlace de retorno en la página “prototipo”.

plugins y extensiones

de terceros Hoy en día, una multitud de herramientas de diseño ahora están abiertos a los plugins 3 ª parte de una amplia funcionalidad y se encuentran diversificadas demandas de los usuarios. En este sentido, hay que mencionar el nombre de Craft de INViSiON por sus características robustas para ayudar a resolver los problemas de toma de Lorem lpsum y generar automáticamente el texto y la imagen necesaria para construir prototipos de alta fidelidad para mejorar la eficiencia. Más tutoriales de Craft de INViSiON están disponibles aquí.

Hay varios tipos de Boceto plugins existentes en el mercado, tanto para particulares o generales propósito, tales como:

Runner , que de similares a Spotlight en Mac y permite a los usuarios a localizar y lanzamiento mesas de trabajo , componentes y más.

Gif.me para Boceto, que apoya importar GIF o vídeo a efecto vista previa en tiempo real .

Auto-Layout para Boceto, que ayuda generar paisaje diseños que encaja más de responde diseños.

Map Generator 2.0 , soporta añadir mapas tales como Taxi, Social, Express y más.

Pixel Perfect , que ayuda a detectar los elementos que no son regulares para mantener la interfaz de usuario limpia y clara.

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

A diferencia de InVision y el croquis, los plugins de Mockplus iDoc se han centrado en la compatibilidad con otras herramientas de diseño. Actualmente, ofrece plugins para Boceto, PS, así como Adobe XD importar las mesas de trabajo creadas por ellos en sí mismo para la creación de prototipos y la colaboración.

Además, es posible importar las imágenes locales (en formatos JGP, PNG, GIF y SVG) y documentos de diferentes formatos (documentos de oficina regulares, pdf, txt y archivo de paquete fuera de línea de Axure y Justinmind) para ayudar a conectar todo el flujo de trabajo con facilidad.

Boceto complemento

Photoshop plug-in

Adobe XD complemento

Diseño traspaso y especificaciones técnicas

El Inspeccionar de InVision es dónde hacer especificaciones de diseño y activos, una sección independiente situado en la barra de herramientas inferior. Permite que la mayor parte de las necesidades básicas. En este sentido, hay dos plugins bosquejo reconocidos ampliamente utilizados para resolver el problema del trabajo sucio – Medida Boceto y Marketch. Además, es una buena herramienta para los diseñadores de interfaz de usuario y los desarrolladores de aplicaciones para usuario a las especificaciones de diseño de exportación. Usuarios hacen

de entender y utilizar mejor sus características, Mockplus apoyo iDoc especificaciones de diseño de generación automática y descarga de la seleccionada / todos los activos por un solo clic. En la pestaña de especificaciones, los activos de diseño se mostrarán en el panel derecho de propiedad. Es bastante fácil para seleccionar varias capas y buscar los elementos similares.

Para evitar la situación embarazosa donde la separación componente es demasiado pequeño o la información de las características es demasiado para ser visualizado por completo, iDoc proporciona la función de lupa. Pulse el botón Z para hacer un zoom rápido en el lienzo actual. Si el aumento no es suficiente, puede mantener pulsado el botón Z y utiliza las teclas “+/-” para ajustar la ampliación. Tal y como se muestra a continuación:

comentarios de los usuarios & Comment

En términos de respuesta de los usuarios, Mockplus iDoc tiene una sección separada al presente:

• Es compatible con el historial de revisiones de los comentarios, fácil de ver, modificar y responder a otra de retroalimentación.

• Es compatible con múltiples comentarios estilos. Además del Pin regular, los usuarios pueden optar por utilizar el círculo, rectángulo, flecha, así como la línea.

• Es compatible para comentar sobre temas y colores. Nosotros, los usuarios pueden crear un tema que está ligado a la observación y añadir una descripción del problema. Los colores están disponibles para indicar la importancia de la información.

mesa de trabajo y flujo de trabajo

La mesa de trabajo de InVision se llama Juntas, que se subdivide en cinco secciones principales – Pantallas, flujo de trabajo, actividad, comentarios y activos. Los usuarios pueden hacer clic en una sola página de las pantallas de la interfaz de vista previa y publicarla.

Hay muchas maneras de compartir el proyecto, incluyendo la plataforma social (Slack / Dribbble / Behance), mensaje SMS, correo electrónico y enlace HTML en línea, aunque la vista previa móvil no es compatible y la fuente china no puede ser modificado. Las Juntas es separada de la sección Proyectos. mesa de trabajo

del bosquejo se llama mesa de trabajo donde los usuarios pueden crear el tamaño de mesa de trabajo, forma, imagen, texto y punto de acceso haciendo clic en el “Insertar” en la esquina superior izquierda de la barra de herramientas. Además, cada mesa de trabajo tiene una gran cantidad de funciones de edición, como sombras, frontera, rellenos, falta de definición y colores (tales como la saturación, contraste y brillo).

La mesa de trabajo de iDoc se llama Storyboard donde todos los borradores de diseño se colocan. Se permite arrastrar y seleccionar múltiples páginas que se agrupan y se construye la estructura de árbol en el lado izquierdo, de acuerdo con el grupo.

Obviamente, la estructura es clara y fácil de mantener. Haga clic en una página, y los usuarios pueden arrastrar la flecha para crear la línea lógica entre otras páginas. Permite añadir una descripción lógica, como “Haga clic para saltar a xx xx”. También podemos utilizar el color y el icono para remarcar la página.

Además, los usuarios pueden moverse rápidamente el lienzo de arrastrar y soltar o las teclas de acceso directo. Hay un mapa en la parte inferior, lo que ayuda a localizar el área actual moviendo el pequeño rectángulo.

colaboración 2. Equipo y gestión de proyectos

La importancia del trabajo en equipo en todo el diseño del producto es evidente por sí mismo.

InVision de estudio, puesto en marcha este año, optimiza aún más las capacidades de colaboración de InVision. Los usuarios pueden subir borradores de diseño con el servidor a través de InVision InVision de estudio, y luego usar las características collaboraiton en la web.

de conveniente para equipos que necesitan la colaboración remota su velocidad Acess, pero puede ser relativamente lento, ya que el servidor se encuentra en el extranjero. Además, los usuarios pueden añadir hasta 5 miembros del equipo a menos que usen el plan de empresa, y el control de versiones no son compatibles en este momento.

Las bibliotecas característica introducida desde el lanzamiento del bosquejo 47 mejores resuelve el problema del uso de archivos de la biblioteca y tercera partes plugins , haciendo que el uso compartido de símbolos, las actualizaciones y la sincronización a través de archivos posibles.

Una biblioteca es básicamente un archivo Boceto normal. Cuando la gente tiene que colaborar, pueden comunicarse simutaneously editar y almacenando el archivo de la biblioteca en Github o Dropbox repositorio con diferentes derechos de acceso.

Por ejemplo, cuando un usuario haya agregado el archivo de bibliotecas a su bosquejo Bibliotecas, sus compañeros de equipo puede trabajar en el mismo archivo de bibliotecas y todos los cambios realizados en el archivo puede ser aplicado a un archivo local, Boceto de todos.

Obviamente, el control de versiones actúa como un papel vital en la colaboración de varias personas. Aunque Boceto iteself viene con la gestión de versiones, pero ofrece características básicas de este modo requiere otro software llamado Resumen de la funcionalidad avanzada. Los usuarios pueden utilizar Git para lograr el control de versión del archivo del bosquejo, pero que las características avanzadas sólo están disponibles para usuarios de pago. sí

iDoc es una gran plataforma de diseño en colaboración , y los usuarios pueden lograr en equipo y gestión de proyectos sin la necesidad de software / soporte externo. gestión

  • equipo – que permite a los usuarios configurar diferentes papeles con diferentes permisos, incluyendo el propietario, administrador, miembro y colaborador. No hay límite en el número de colaboradores y es compatible con la creación de diferentes departamentos. El grupo funciona mejor gestión y flexible. gestión de proyectos
  • – que apoya la creación de varios grupos de manejar diferentes tipos de proyectos y permite a los usuarios configurar los participantes para cada proyecto. Los que no están relacionados con el proyecto básico no se puede ver en la vida privada del proyecto en el centro.

3. Esbozo vs vs InVision Mockplus iDoc precios y planes

A continuación se muestra una lista de sus precios y planes:

Recapitulación Resumen

en, si usted necesita una buena herramienta de gráficos vectoriales y se puede utilizar el plugin para obtener extensiones, a continuación, Boceto puede satisfacer sus necesidades. Si quieres una buena herramienta de diseño de interfaz de usuario que ajuste la interacción apoyo y flujo de trabajo, a continuación, InVision recomienda. Si está llevando a cabo una herramienta de colaboración en línea de diseño de alta eficiencia que se puede conectar el diseño y desarrollo de productos a la perfección con un solo documento, Mockplus iDoc es su mejor opción. Además, ofrece prueba gratuita de 15 días para los usuarios interesados ​​en empezar a trabajar rápidamente.

Categorías
Design and Prototyping tools

Consejos y Principios sobre cómo diseñar un cuadro de búsqueda

 

¿Alguna vez ha pasado un mes y medio el diseño de un prototipo de alta fidelidad, la cual fue denegada en pocos minutos? Tanto tiempo y energía se han gastado, pero en vano. Me he encontrado con cosas similares tantas veces. Sin embargo, esta tragedia puede ser totalmente evitada: la rápida de prototipos de baja fidelidad es una buena elección en el diseño del prototipo.

1. ¿Qué es un prototipo de alta fidelidad y un prototipo de baja fidelidad?

baja fidelidad prototipo: sólo se centra en las funciones, estructuras y procesos; sólo se proporciona la mayoría de los marcos simples y elementos; Por lo general, no proporciona el color, en escala de grises butexpresses sí.

prototipo de alta fidelidad: proporciona detalles más visuales; es casi equivalente a una imagen efecto de la interfaz de usuario, y sólo es necesario sustituir los datos y los materiales reales en el proceso de desarrollo.

2. ¿Por qué hacer un prototipo de baja fidelidad? desarrollo de productos

En, el objetivo de un prototipo consiste en expresar sus ideas, funciones y contenidos, con el fin de obtener retroalimentación y mejorar el producto. El reto más importante en el diseño de interacción es a menudo la interfaz: debe ser fácil e intuitivo; sería mejor que sea claro de un vistazo.

En el proceso de desarrollo, siempre hay problemas continuos que necesitan ser explicados en forma de un prototipo: ¿Qué elementos perciben los usuarios? ¿Cómo interactúan los componentes? ¿Cuál es la lógica detrás de todo el sistema? ¿Puede el usuario comprender rápidamente esta lógica? Confunde la operación? Un prototipo puede ayudar a resolver problemas prácticos basados ​​en el valor en uso, a fin de hacer el mejor diseño.

A la vista de los clientes externos, la fidelidad visual de un prototipo puede ser más importante, lo que puede ayudar a los clientes a entender mejor el diseño. Por otra parte, un prototipo con alta fidelidad visual puede ser más convincente en la propuesta. También son evidentes deficiencias. Se necesita mucho tiempo para hacer un prototipo de alta fidelidad y tardará aún mucho más tiempo cuando es necesario que haya algunos cambios en el diseño.

En la primera etapa de un proyecto, generalmente es difícil de hacer un prototipo con alta visual fidelityand su aplicación también es limitado durante todo el proceso de diseño.

Por lo tanto, si no es necesario proponer a los clientes externos, pero sólo para la comunicación interna y la inspección de la interacción, la fidelidad visual se puede poner en la esquina trasera y la fidelidad de la interacción debe ser tomado como la dimensión principal. Lo que debemos seguir son la velocidad y la cantidad, ya que muchos intentos e iteraciones como sea posible es necesario realizar en el período inicial de desarrollo del producto, para encontrar nuevas ideas y reducir el riesgo en las últimas etapas de un proyecto.

Con todo, las ventajas de los prototipos de baja fidelidad son los siguientes:

A. Esto hace que sea más fácil de detectar y reparar los problemas principales principios.

Un prototipo de baja fidelidad hace que sea rápido para acceder a la retroalimentación del usuario, ayuda a visualizar los problemas y resolver los problemas básicos de un producto en la facilidad de uso y funcionalidad.

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

B. prototipos de baja fidelidad son más fáciles y menos costosas de construir.

Independientemente de individuos o grupos, se puede construir un prototipo de baja fidelidad con poco o nada profesionales habilidades de diseño UX y se puede construir con poco o ningún presupuesto en un tiempo muy corto.

C. Lo que cuenta es no aplicar pero para obtener retroalimentación de los usuarios a centrarse en el concepto de alto nivel.

Un prototipo de alta fidelidad pone su énfasis en el grado estético del producto en lugar de la verificación de la hipótesis fundamentales y los valores fundamentales del producto. Sin embargo, un prototipo de baja fidelidad áspera, por el otro, puede obligar al usuario a pensar en el contenido básico de un producto en lugar de su aparición.

D. Nos hace estar más motivados y dispuestos a hacer iteraciones.

iteración es la verdadera clave para el proceso de diseño flexible.

3. Necesitamos prototipado rápido!

La definición de prototipado rápido en mi opinión es la siguiente: se trata de una actividad de diseño de prototipo con el principal objetivo de encontrar nuevas ideas y diseño de la prueba en el período inicial de desarrollo del producto. volver

mirada en las experiencias anteriores de diseño, y será fácil de encontrar que cuando estamos puliendo repetidamente un diseño y perder el hilo, la mejor manera de encontrar una solución es renunciar a la anterior y empezar uno nuevo. Sin embargo, a renunciar a un diseño que una gran cantidad de tiempo y energía se han gastado en es terriblemente difícil para los diseñadores. Cuanto más un diseño se completa, más posiblemente, un diseñador elegir para mejorarlo en lugar de empezar a hacer un nuevo diseño desde cero.

Así rapidness significa mucho en el prototipado rápido. Sólo puede asegurar la eficiencia de la cantidad.

4. ¿Hay buenas herramientas de prototipado rápido?

Casi todas las herramientas de diseño de prototipos que hemos probado ha afirmado que son “rápida”, pero que es realmente bueno? ¿Cuál es la mejor herramienta de software para la creación rápida de prototipos? Creo que debe haber algunos requisitos de la siguiente manera: cuesta

A. Bajo de aprender y utilizar;

B. función rápida y eficiente dibujo;

C. capaz de tomar acciones interactivas.

Hay varias herramientas a la altura de los requisitos anteriores. Aunque Axure RP y Omni Graffle es bastante difícil de aprender, los dos absolutamente se puede utilizar para hacer prototipado rápido para alguien que se ha adaptado a ellos. Debido a sus grandes plantillas, Omini Graffle es especialmente adecuado para ser utilizado para hacer prototipado rápido.

Además, le recomiendo una herramienta de creación de prototipos, Mockplus.

Mockplus es una herramienta para concentrarse en la fabricación de prototipos más rápido y más fácil. Sus principales características son las siguientes: A.

iconos masivas (3000) y componentes (200) que están fuera de la caja y ayuda a hacer prototipado rápido. (Los más numerosos en comparación con las herramientas congenéricas)

B. altamente empaquetada componentes interactivos que son inteligentes y disponible al instante. paneles (Unique)

C. emergente y panel de contenido que puede ser editado con flexibilidad. (Unique)

D. Totalmente visualiza el diseño de interacción: interacciones de los componentes se pueden ajustar con sólo arrastra y pega, que es extremadamente sencillo e intuitivo. (Unique)

E. reinicio automático con una sola tecla de comandos interactivos. (Unique)

F. Copiar formato y pegar estilo, que ayuda a hacer una copia por lotes y por lo tanto hacer a prueba de tontos operación. (El mejor en comparación con las herramientas congenéricas)

G. seis maneras de vista previa que hacen que sea más conveniente para la demostración: (los más numerosos en comparación con las herramientas congenéricas)

Exportar a imágenes; ver prototipos en el móvil mediante el escaneo de código QR; exportar al paquete demo; exportar a HTML5 fuera de línea; publicar en línea como una aplicación web H5 y ver en tiempo real; entrada de código de la vista en la aplicación cliente móvil y ver en tiempo real. colaboración

H. equipo. (La forma más fácil de usar; función de revisión en línea además de su colaboración es única en comparación con las herramientas congéneres.)

Se puede observar que todas las funciones de Mockplus mencionados anteriormente están dirigidas a un diseño rápido. Si ahora a entender los beneficios de diseño rápido y prototipos de baja fidelidad y necesita una buena herramienta para ayudarle, por qué no descargar Mockplus y tener una oportunidad?

saber más sobre Mockplus:

1.How a hacer un menú desplegable de ratón con Mockplus?

2.How para crear un menú acordeón con Mockplus rápidamente?

Categorías
Design and Prototyping tools

Mockplus Rapid Prototyping Tutorial – Prueba de su prototipo en 8 maneras diferentes

 

con la gran cantidad de herramientas disponibles para UX’ers, la elección de la herramienta correcta para wireframing un proyecto no será tan suave como lo era antes. Para nombrar unos pocos, hay varios tipos de herramientas disponibles en el mercado de las aplicaciones de escritorio, como OmniGraffle (sólo Mac) y Axure (Windows y Mac), a las aplicaciones basadas en la Web, tales como HotGloo y Balsamiq, por no mencionar más herramientas tradicionales, tales como Adobe Photoshop.

Considerando que, este artículo va a cubrir los dos mejores jugadores en el mar de las herramientas de creación de prototipos – Axure y Mockplus , proporcionando una visión imparcial sobre las fortalezas y debilidades de ambas herramientas junto con los factores importantes a considerar antes de hacer la elección financiera. Las primeras vitrinas parte cuáles son las características que tienen en común, seguido por las diferencias que los fijan entre sí.

Axure VS Mockplus- Similitudes

Comenzando con el objetivo de proporcionar una rápida experiencia de creación de prototipos, y Axure Mockplus hacen posible la transformación de los diseños en la web y de escritorio maquetas y prototipos interactivos, completo con animaciones y transiciones. Ambos ayudar a cerrar la brecha entre el negocio y el desarrollo de proyectos de aplicaciones web personalizadas o, con prototipos 100% protegido con contraseña. Las plataformas soportadas incluyen Windows y Mac OS X, que son elementos básicos para la mayoría de los usuarios.

Desde un punto de vista aspecto y el tacto, y Axure Mockplus sea viral entre las pequeñas y medianas empresas. Sin embargo, la curva de aprendizaje detrás de las herramientas es sorprendentemente diferente, por lo que los que no tienen antecedentes técnicos perderse en un amplio conjunto de funciones en el camino. A continuación se presentan las características más detalladas que no puede dejar de enfatizarse al hacer wireframing software.

Axure VS Mockplus – Diferencias

Tanto como el estándar de la industria para los diseñadores de UX / UI, Axure y Mockplus son dos cosas diferentes desde varios aspectos, incluyendo la facilidad de uso, diseño de interacción, los precios, el apoyo, la colaboración y el intercambio de características que bien. Se desplaza hacia adelante y averiguar las capacidades y limitaciones de cada uno.

Facilidad de uso

prototipos es sobre la visualización de cómo algo va a funcionar y por lo tanto la identificación de oportunidades y problemas anteriores en un ciclo de desarrollo. Mockplus logra hacer este proceso tan fácil que cualquiera, sea un novato conocedores de la tecnología o absoluta, puede crear páginas maquetas de diseño bajo unos minutos. Las opciones sencillas de arrastrar y soltar proporcionan a los usuarios una manera suave para crear componentes interactivos y páginas. Su versión Pro dota a casi 200 componentes prediseñados y más de 400 iconos de ojo-cogida para dar un poco de vida a wireframes al presentar a los clientes.

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

poderoso como Axure puede parecer, hay una curva de aprendizaje especialmente pronunciada especialmente para los recién llegados e incluso los usuarios regulares. Es de código pesado y existe el riesgo de distraerse con aún otros rasgos, en lugar de prototipo en sí. Sus paneles dinámicos pueden ser un dolor de tratar como algunas funciones que no son lo suficientemente intuitiva. Por si fuera poco, muchas de las bibliotecas y plantillas para los iconos adicionales y widgets son sólo para la compra.

Interaction Design (estructura metálica prototipos)

En realidad, la biblioteca estándar de Axure de objetos punzantes es bastante primitiva, lo que requiere bibliotecas importadas de formas o de edición extensa para encajar el proyecto dado. Puede ser una tarea para editar formas y la forma de fotos, a menudo solicitando otras imágenes o bibliotecas de formas importadas. En vista de manejo de imágenes, es a menudo el caso de que un elemento debe rebanada o cultivo dentro del espacio de trabajo de la malla actual.

Teniendo claro lo que los usuarios se preocupan más, Mockplus se ha dedicado en mejorar la funcionalidad de los componentes de interacción, como la interfaz de cambio de contexto, ventanas emergentes, así como imágenes deslizantes, etc. Por encima de todo, la optimización de la conversión y otros elementos que son totalmente también se añadirá fuera de foco de Axure en la versión 2.1 totalmente nuevo.

Compartir y Comunicación Funcionalidades

si la prueba de un diseño básico o un prototipo de alta fidelidad, es de suma importancia para asegurar tanto el equipo y los usuarios pueden medir e interactuar con los prototipos generados. Axure hace que sea bastante molesto para implementar este proceso, a menudo requieren los usuarios exportar la plantilla sin un simple botón “Reproducir”. Se ha culpado por su falta de capas con la selección de objetos de diferentes tamaños.

Hay ocasiones en las que el material no puede ser presentada correctamente desde un ordenador a una pantalla con una resolución diferente. Que, obviamente, se traduce en una versión distorsionada de los originales. Además de esto, las especificaciones de Axure es un documento de Microsoft Word, que puede tomar una gran cantidad de usuarios de tiempo para formatearlo. El simple y opciones intuitivas exportados de Mockplus es una gran ventaja, y cualquier persona puede, publicación requerida diseños directamente de vista previa en dispositivos móviles sin cable USB o remoto.

precios de descuento y

A pesar de que es mejor que no compromiso con la calidad cuando se trata de fijación de precios, el plan todo-en-uno de Mockplus es un gran valor para la solución económica. En general hay dos paquetes diferentes para elegir, incluyendo:

  • 1. El estándar trajes del plan aquellos que quieran probar el servicio por primera vez, sin ningún tipo de contrato o cargos ocultos.
  • 2. El plan Pro es para los usuarios de élite que requieren muchas características profesionales, con un tiempo de descuento del 50% sobre la base anual. Es decir, los solicitantes pueden ahorrar 11/41 dólares por servicio de un 6/12 meses.

Además de una gama tentadora de descuento, Mockplus está llevando a cabo ahora una campaña y un ofrecimiento de licencias Cinco estándar que vale $ 395 exclusivo para compartir cualquier este sorteo . En cuanto a Axure, sólo hay 30 días de prueba gratis, y el precio de salida se establece en $ 289, que no está destinado a personas con cantidad limitada de tiempo y dinero.

cómo sobre Satisfacción y Servicio al Cliente de Mockplus?

revisiones en línea son cruciales en la decisión de compra de un cliente. Hay diferentes voces de Axure en la búsqueda de Google, mientras que Mockplus retiene más y más usuarios como clientes leales con características robustas y un excelente soporte.

Un equipo de técnicos y desarrolladores bien entrenados y de alta eficiencia es más que feliz de ayudar a los usuarios con problemas. Hay un montón de tutoriales y “cómo hacerlo” para las personas independientes para resolver sus problemas de menor importancia. Por encima de todo, las plataformas de medios sociales (incluyendo, Twitter , Facebook , Google+ y LinkedIn ) de Mockplus son bastante activos, y cualquier consulta se pueden responder de manera oportuna.

La línea de base – Victorias Mockplus!

Tanto Axure y Mockplus dan una sesión agradable en ciertos aspectos. Pero hay espacio para la mejora de Axure y también tiene una apariencia mucho más pulido. A medida que se hace más complicado, hay una curva de aprendizaje más grande que podría ser dedicado al aprendizaje de algunos conocimientos de código jQuery y HTML.

Mockplus es realmente una combinación perfecta de simplicidad y funciones de gran alcance, que va a ser suficiente a sus necesidades con una interfaz limpia, las opciones de arrastrar y soltar, extensos controles e iconos. El costo es otro factor, y la versión 2.1 flamante realmente merece toda su atención e interés. Ir cheque y empezar prototipos rápidos a través de http://www.mockplus.com/ .

Categorías
Design and Prototyping tools

iDoc Mockplus, conecta el flujo de trabajo completo Producto Diseño!

 

Con el rápido desarrollo de mundo digital, una masa de herramientas de diseño han salido al escenario. Sin embargo, puede ser una tarea para seleccionar la herramienta adecuada para su nivel de habilidad y las exigencias del proyecto, especialmente cuando hay tantas herramientas de interfaz de usuario todo-en-uno con la creación de prototipos, dibujo, diseño traspaso, así como la colaboración aspectos contemplados.

para ayudar a despejar su confusión y encontrar la herramienta más adecuada para su proyecto, hemos hecho una comparación detallada de Boceto vs vs InVision Mockplus iDoc , todos los cuales son herramientas bien recibidas actualmente.

Introducción Antecedentes

Boceto , un software de gráficos vectoriales que se han convertido en una herramienta de go-to para el diseño de interfaz de usuario, en sustitución de PS e Illustrator en el flujo de trabajo de los diseñadores. Además, se ha eliminado parte de la pelusa de otras aplicaciones y centrarse exclusivamente en imágenes vectoriales, lo que hace que sea una de las favoritas de las casas de diseño.

InVision , una herramienta de creación de un prototipo creado para los diseñadores y los diseñadores a crear rápidamente maquetas interactivas. Lo que hace InVision grande es que podemos compartir maquetas “en vivo” con el público, lo que les permite interactuar con el modelo en tiempo real.

Mockplus iDoc (la abreviatura de documento interactivo) , una herramienta de diseño de producto de colaboración lanzado y bien mantenido por el equipo Mockplus, que se ha considerado que es mejor que cualquier otras herramientas similares en el mercado con una gran cantidad de incomparable caracteristicas.

¿Cuáles son las diferencias entre estas herramientas?

No es de extrañar que el anterior tres herramientas son buenas herramientas de diseño, aunque cada herramienta tiene diferentes escenarios y características. Vamos a profundizar en los detalles a continuación.

1. Características prototipo

interactivo

Para Boceto, la interacción ha sido siempre su lado negativo hasta el lanzamiento de la versión 4.9 que incluye la funcionalidad básica de prototipos necesarios para los usuarios.

Al parecer, InVision Studio hace un mejor trabajo y permite a los usuarios hacer un proyecto en línea dentro de varios sencillos pasos – crear un nuevo proyecto, subir borradores de diseño visual, añadir enlaces y finalmente generan enlace de vista previa en línea para una mejor presentación.

En el más allá, Mockplus iDoc es compatible con la configuración de la animación interactiva, enlaces de retorno de un solo clic, la creación del punto de acceso y previsualización en tiempo real con varios bastidor del dispositivo para elegir. Es altamente visualizó-y fácil de operar. Para hacer un enlace de retorno, nosotros, los usuarios pueden arrastrar para dibujar punto de acceso y seleccione la página de destino para establecer el enlace de retorno en la página “prototipo”.

plugins y extensiones

de terceros Hoy en día, una multitud de herramientas de diseño ahora están abiertos a los plugins 3 ª parte de una amplia funcionalidad y se encuentran diversificadas demandas de los usuarios. En este sentido, hay que mencionar el nombre de Craft de INViSiON por sus características robustas para ayudar a resolver los problemas de toma de Lorem lpsum y generar automáticamente el texto y la imagen necesaria para construir prototipos de alta fidelidad para mejorar la eficiencia. Más tutoriales de Craft de INViSiON están disponibles aquí.

Hay varios tipos de Boceto plugins existentes en el mercado, tanto para particulares o generales propósito, tales como:

Runner , que de similares a Spotlight en Mac y permite a los usuarios a localizar y lanzamiento mesas de trabajo , componentes y más.

Gif.me para Boceto, que apoya importar GIF o vídeo a efecto vista previa en tiempo real .

Auto-Layout para Boceto, que ayuda generar paisaje diseños que encaja más de responde diseños.

Map Generator 2.0 , soporta añadir mapas tales como Taxi, Social, Express y más.

Pixel Perfect , que ayuda a detectar los elementos que no son regulares para mantener la interfaz de usuario limpia y clara.

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

A diferencia de InVision y el croquis, los plugins de Mockplus iDoc se han centrado en la compatibilidad con otras herramientas de diseño. Actualmente, ofrece plugins para Boceto, PS, así como Adobe XD importar las mesas de trabajo creadas por ellos en sí mismo para la creación de prototipos y la colaboración.

Además, es posible importar las imágenes locales (en formatos JGP, PNG, GIF y SVG) y documentos de diferentes formatos (documentos de oficina regulares, pdf, txt y archivo de paquete fuera de línea de Axure y Justinmind) para ayudar a conectar todo el flujo de trabajo con facilidad.

Boceto complemento

Photoshop plug-in

Adobe XD complemento

Diseño traspaso y especificaciones técnicas

El Inspeccionar de InVision es dónde hacer especificaciones de diseño y activos, una sección independiente situado en la barra de herramientas inferior. Permite que la mayor parte de las necesidades básicas. En este sentido, hay dos plugins bosquejo reconocidos ampliamente utilizados para resolver el problema del trabajo sucio – Medida Boceto y Marketch. Además, es una buena herramienta para los diseñadores de interfaz de usuario y los desarrolladores de aplicaciones para usuario a las especificaciones de diseño de exportación. Usuarios hacen

de entender y utilizar mejor sus características, Mockplus apoyo iDoc especificaciones de diseño de generación automática y descarga de la seleccionada / todos los activos por un solo clic. En la pestaña de especificaciones, los activos de diseño se mostrarán en el panel derecho de propiedad. Es bastante fácil para seleccionar varias capas y buscar los elementos similares.

Para evitar la situación embarazosa donde la separación componente es demasiado pequeño o la información de las características es demasiado para ser visualizado por completo, iDoc proporciona la función de lupa. Pulse el botón Z para hacer un zoom rápido en el lienzo actual. Si el aumento no es suficiente, puede mantener pulsado el botón Z y utiliza las teclas “+/-” para ajustar la ampliación. Tal y como se muestra a continuación:

comentarios de los usuarios & Comment

En términos de respuesta de los usuarios, Mockplus iDoc tiene una sección separada al presente:

• Es compatible con el historial de revisiones de los comentarios, fácil de ver, modificar y responder a otra de retroalimentación.

• Es compatible con múltiples comentarios estilos. Además del Pin regular, los usuarios pueden optar por utilizar el círculo, rectángulo, flecha, así como la línea.

• Es compatible para comentar sobre temas y colores. Nosotros, los usuarios pueden crear un tema que está ligado a la observación y añadir una descripción del problema. Los colores están disponibles para indicar la importancia de la información.

mesa de trabajo y flujo de trabajo

La mesa de trabajo de InVision se llama Juntas, que se subdivide en cinco secciones principales – Pantallas, flujo de trabajo, actividad, comentarios y activos. Los usuarios pueden hacer clic en una sola página de las pantallas de la interfaz de vista previa y publicarla.

Hay muchas maneras de compartir el proyecto, incluyendo la plataforma social (Slack / Dribbble / Behance), mensaje SMS, correo electrónico y enlace HTML en línea, aunque la vista previa móvil no es compatible y la fuente china no puede ser modificado. Las Juntas es separada de la sección Proyectos. mesa de trabajo

del bosquejo se llama mesa de trabajo donde los usuarios pueden crear el tamaño de mesa de trabajo, forma, imagen, texto y punto de acceso haciendo clic en el “Insertar” en la esquina superior izquierda de la barra de herramientas. Además, cada mesa de trabajo tiene una gran cantidad de funciones de edición, como sombras, frontera, rellenos, falta de definición y colores (tales como la saturación, contraste y brillo).

La mesa de trabajo de iDoc se llama Storyboard donde todos los borradores de diseño se colocan. Se permite arrastrar y seleccionar múltiples páginas que se agrupan y se construye la estructura de árbol en el lado izquierdo, de acuerdo con el grupo.

Obviamente, la estructura es clara y fácil de mantener. Haga clic en una página, y los usuarios pueden arrastrar la flecha para crear la línea lógica entre otras páginas. Permite añadir una descripción lógica, como “Haga clic para saltar a xx xx”. También podemos utilizar el color y el icono para remarcar la página.

Además, los usuarios pueden moverse rápidamente el lienzo de arrastrar y soltar o las teclas de acceso directo. Hay un mapa en la parte inferior, lo que ayuda a localizar el área actual moviendo el pequeño rectángulo.

colaboración 2. Equipo y gestión de proyectos

La importancia del trabajo en equipo en todo el diseño del producto es evidente por sí mismo.

InVision de estudio, puesto en marcha este año, optimiza aún más las capacidades de colaboración de InVision. Los usuarios pueden subir borradores de diseño con el servidor a través de InVision InVision de estudio, y luego usar las características collaboraiton en la web.

de conveniente para equipos que necesitan la colaboración remota su velocidad Acess, pero puede ser relativamente lento, ya que el servidor se encuentra en el extranjero. Además, los usuarios pueden añadir hasta 5 miembros del equipo a menos que usen el plan de empresa, y el control de versiones no son compatibles en este momento.

Las bibliotecas característica introducida desde el lanzamiento del bosquejo 47 mejores resuelve el problema del uso de archivos de la biblioteca y tercera partes plugins , haciendo que el uso compartido de símbolos, las actualizaciones y la sincronización a través de archivos posibles.

Una biblioteca es básicamente un archivo Boceto normal. Cuando la gente tiene que colaborar, pueden comunicarse simutaneously editar y almacenando el archivo de la biblioteca en Github o Dropbox repositorio con diferentes derechos de acceso.

Por ejemplo, cuando un usuario haya agregado el archivo de bibliotecas a su bosquejo Bibliotecas, sus compañeros de equipo puede trabajar en el mismo archivo de bibliotecas y todos los cambios realizados en el archivo puede ser aplicado a un archivo local, Boceto de todos.

Obviamente, el control de versiones actúa como un papel vital en la colaboración de varias personas. Aunque Boceto iteself viene con la gestión de versiones, pero ofrece características básicas de este modo requiere otro software llamado Resumen de la funcionalidad avanzada. Los usuarios pueden utilizar Git para lograr el control de versión del archivo del bosquejo, pero que las características avanzadas sólo están disponibles para usuarios de pago. sí

iDoc es una gran plataforma de diseño en colaboración , y los usuarios pueden lograr en equipo y gestión de proyectos sin la necesidad de software / soporte externo. gestión

  • equipo – que permite a los usuarios configurar diferentes papeles con diferentes permisos, incluyendo el propietario, administrador, miembro y colaborador. No hay límite en el número de colaboradores y es compatible con la creación de diferentes departamentos. El grupo funciona mejor gestión y flexible. gestión de proyectos
  • – que apoya la creación de varios grupos de manejar diferentes tipos de proyectos y permite a los usuarios configurar los participantes para cada proyecto. Los que no están relacionados con el proyecto básico no se puede ver en la vida privada del proyecto en el centro.

3. Esbozo vs vs InVision Mockplus iDoc precios y planes

A continuación se muestra una lista de sus precios y planes:

Recapitulación Resumen

en, si usted necesita una buena herramienta de gráficos vectoriales y se puede utilizar el plugin para obtener extensiones, a continuación, Boceto puede satisfacer sus necesidades. Si quieres una buena herramienta de diseño de interfaz de usuario que ajuste la interacción apoyo y flujo de trabajo, a continuación, InVision recomienda. Si está llevando a cabo una herramienta de colaboración en línea de diseño de alta eficiencia que se puede conectar el diseño y desarrollo de productos a la perfección con un solo documento, Mockplus iDoc es su mejor opción. Además, ofrece prueba gratuita de 15 días para los usuarios interesados ​​en empezar a trabajar rápidamente.

Categorías
Design and Prototyping tools

Creación Perfecta UX Cartera – 3 Ejemplos de Oro Consejos y UX cartera

 

Cuando se planea construir un prototipo, un problema generalizado siempre se mostrará a la mayoría de UI / UX designers.Because del vasto paisaje de las herramientas de creación de prototipos modernos puede ser abrumador. Hoy en día, voy a hablar de estas tres herramientas Justinmind vs vs Axure Mockplus. Es fácil de seguir con las herramientas que ya sabe por conveniencia si está diseñadores experimentados. Pero para los novatos, el primer paso creo que se deben comprobar todo tipo de recomendaciones y artículos que comparan en Internet para ayudar a elegir una mejor herramienta de creación de prototipos.

Justinmind

“herramienta Justinmind prototipos es una herramienta de creación de web y aplicación móvil de prototipos y wireframes sitio web de alta fidelidad. Ofrece capacidades se encuentran típicamente en la diagramación herramientas como arrastre y colocación de la gota, modificación del tamaño, el formato y la exportación / importación de los widgets “. Wikipedia

Como una herramienta de creación de prototipos flexibles, soportes Justinmind para Mac y Windows y funciona bien para simple clic a través de prototipos o interacciones más complejas. Comparando con Axure, Justinmind es mejor para construir prototipos interactivos para dispositivos móviles muy conveniently.You sólo puede concentrarse en su diseño para el dispositivo móvil, en lugar de la codificación o programación para lograr las interacciones. Además, la interfaz moderna clara de Justinmind le ayudará a diseñador para crear diseños elegantes y lógicos.

Axure

“Axure RP Pro es una herramienta wireframing, prototipado rápido, documentación y software de especificación destinada a aplicaciones web y de escritorio. Ofrece la colocación de arrastrar y soltar, cambiar el tamaño y el formato de los widgets “. Wikipedia

Axure es una herramienta de creación rápida de prototipos, se le permite crear prototipos para PC o dispositivo móvil. A pesar de que no es poderosa y fuerte a la creación de prototipos de dispositivos móviles en comparación con Justinmind, pero puede ser el rey de la creación de prototipos de PC. Para los usuarios de oficina y usuario de Photoshop, Axure es bastante fácil de jugar. Si usted es un novato para aprender Axure, que puede costar algo de tiempo para conocerla bien. Lo que merece ser mencionado es que Axure se convierte ahora en un curso obligatorio para los diseñadores.

Mockplus

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

“Mockplus es una herramienta de creación rápida de prototipos que se dedica a la simplificación de la complejidad en el diseño de interfaz de usuario con sólo arrastrar y soltar, Mockplus pueden darse cuenta fácilmente de enlace interactivo entre. páginas y componentes. por otra parte, apoya la creación de prototipos interactivos en minutos con una sencilla y elegante interfaz para diseñar prototipos / maquetas, no se requiere experiencia de codificación “. Wikipedia

Con una serie de componentes prediseñados y librerías de iconos, sólo un simple arrastrar y soltar puede ayudar a crear prototipos en un segundo. Después Mockplus V2.1, la construcción de prototipos interactivos se hizo más rápido, el diseño a través Mockplus puede ser totalmente visualizado debido a los componentes envasados, como menú emergente, cajón, carrusel de imágenes y mucho más deslizante. Escaneo de código QR para prototipos de vista previa en dispositivos móviles hace que sea simple y directa, no más tiempo probando desperdicia.

I n Mockplus 3.2, hay algunas características nuevas más recibieron como interfaz de usuario de flujo del modo de diseño, repetidor, proyectos de demostración y plantillas y Boceto de importación. otras características como Mind Map modo de diseño se presentará en las versiones después Mockplus 3,2

< s t r o n g > C o s t C o m p un r i s o n < / s t r o n g >

Superficialmente, comparación de precios es siempre la forma más intuitiva para ayuda en tomar una decisión. Por supuesto, eso es muy fácil de recoger la información en las páginas web.

Lo-Fi vs Hi-Fi Prototipos

No sólo el precio, sino también la fidelidad del prototipo es un importante factor de consideración. La discusión de los diseñadores de qué tan alto o baja fidelidad para diseñar prototipos, hay una gran cantidad de divergences.To conocen bien acerca de las diferencias que podrían ser de gran ayuda en la elección de sus herramientas.

baja prototipos fidelidad:

  • ser mejor y más retroalimentación honesta
  • Excelente para pruebas A / B
  • Hacer que el costo de los errores barato, no es caro
  • refinar el flujo de la página, no las páginas
  • averiguar la interacción diseñar en lugar del diseño visual

prototipos de alta fidelidad:

  • interacciones sofisticadas
  • las interfaces altamente realistas
  • bastante cerca del producto final los usuarios
  • puede realmente interactúan con el proyecto

usuario Evaluación

aquí para mostrarle algunos opinan nuestros usuarios de Justinmind, Axure y Mockplus.

“He estado explorando Justinmind Prototyper , una herramienta de creación de prototipos que sirve al proceso de ideación bien y, más importante, genera código HTML para los prototipos que creamos.”

“Interacciones !!! Axure sigue líder otras plataformas de malla de alambre cuando se trata de las interacciones y la construcción de prototipos funcionales. ”

“Me parece Mockplus es muy simple, especialmente cuando me preguntaba con la herramienta de importar imágenes que me permite encontrar imágenes con Google. Administrar el desplazamiento está muy bien, y puedo ver su visión para ser intuitiva y fácil de usar “.

Resumen de la Recomendación

Cada herramienta de prototipado gana sus caracteres especiales. Si necesita prototipos “realistas”, se recomienda Justinmind. Si prefiere los prototipos “integrales”, se recomienda Axure. Si te gusta prototipos “rápida”, se recomienda Mockplus. Por cierto, al igual que un bebé sano, Mockplus está desarrollando rápidamente y floreciente. Pero todavía necesita su apoyo. Por lo tanto, darle una oportunidad.

Categorías
Design and Prototyping tools

Básica UI / UX Design Concept diferencia entre la estructura alámbrica, Prototype, y Maqueta (Actualizado)

 

confusión conceptual a menudo trae un montón de problemas a los diseñadores y algunas personas que están relacionadas con el diseño. Por ejemplo, alambre y la maqueta se llaman el prototipo. Es la diferente estructura metálica desde el prototipo? ¿Cuál es la diferencia de estructura metálica VS maqueta? ¿Cuál es su mejor opción?

Para obtener una clara comprensión de estas cuestiones, lo que tiene que averiguar lo que está de alambre, y lo que es maqueta? En este artículo se presenta, respectivamente, la estructura metálica y la maqueta de su definición y ventajas. Maqueta de alambre VS, encontrará cuál es el más adecuado para su diseño.

¿Cuál es Wireframe?

Por lo general, se compara la estructura metálica de los planos para un edificio. ¿Por qué lo describimos como este?

La estructura metálica es capaz de expresar el esquema de un diseño, la estructura y los elementos clave. En general, se compone de líneas simples y gráficos. Se muestra la interfaz de usuario en negro, azul o gris. Estructura metálica VS maqueta, alambre presta más atención al contenido en lugar de la forma. Parece que el proyecto de un edificio.

de carcasa vs maqueta: ¿Cuáles son las ventajas de alambre?

1. Fácil comunicación

una estructura metálica es una buena manera de comunicarse. Puede reducir las barreras de comunicación entre usted y el cliente. Se puede hacer una estructura metálica simple y marca donde se establece el diseño de interacción. A continuación, mostrar a los clientes su producto a través de esta estructura metálica. La conversación entre el usuario será más relajante y más feliz.

2. Rápido para construir

Dibujar un prototipo con una estructura metálica, rápido a un robo. Usted no tiene que prestar atención a los detalles cuando se dibuja una estructura metálica. Todo el alambre sólo se necesita expresar las ideas marco y diseño. El color generalmente adopta el clásico azul, gris y negro. Usted no tiene que pasar mucho tiempo para elegir una imagen. Está bien que los marcadores de posición de uso y de texto simple.

3.Spend menos atención

atención a la velocidad del prototipo, al mismo tiempo, la estructura metálica también gastan menos. El costo de la malla es cero, ya que sólo necesita un pedazo de papel y un bolígrafo. Además, también es una opción buena para usar algunas herramientas de mallas libres.

Mockplus en primavera 2020 – Hasta 34% OFF

Una extremidad :! Aquí hay 5 mejores herramientas de mallas libres para que usted pueda hacer una estructura metálica de la aplicación móvil.

1. Papel de prototipado

2. Balsamiq

3. Mockplus

4. Wireframe.cc

5. Justinmind

¿Qué es la maqueta?

Si el alambre se compara con el plan de construcción, a continuación, es una maqueta Casa modelo. Una maqueta puede expresar no sólo la información del producto, sino también el rico diseño visual. Como un gráfico de alta fidelidad estática, que muestra los resultados finales del producto más realista.

de carcasa vs maqueta: ¿Cuáles son las ventajas de la maqueta?

1. Rich Visual detalles

Maqueta presta más atención a la apariencia del producto, incrustado en una gran cantidad de elementos visuales. Debido a que se centran en los gráficos, color y diseño. Se ofrece a los clientes una mejor experiencia visual.

2. Fácil de entender

Tanto desarrollador y usuario pueda entender la maqueta y conocer bien el producto.

3. Mayor grado simulado

de carcasa vs maqueta, la maqueta está más cerca del producto final.

4. Revisión de productos

una maqueta puede ser revisado por los miembros del grupo en un ángulo visual. Usted puede optimizar en base a sus sugerencias.

5. Fácil de usar

Usted no tiene que escribir código para crear una maqueta. Usted sólo tiene que hacer por algunas herramientas de diseño. Si usted no ha utilizado una herramienta de diseño visual, he aquí una lista de ellos puede tener una oportunidad.

1. Invision

2. Flinto

3. Webflow

4. Mockupr

de carcasa vs maqueta: que es mejor para usted? Creo que no es un problema real. Después de comparar las ventajas de la estructura metálica y maqueta. Debe tener una opción en tu corazón. En realidad, no importa es alambre o maqueta. Sólo si se puede expresar así su diseño. Merece que elegir. Nota

: En este artículo se presenta principalmente las advanteges de alambre y la maqueta. Después de leer se encuentra una verdad. Estructura metálica VS maqueta: Son diferentes etapas de creación de prototipos.

Categorías
Design and Prototyping tools

Un repaso a 2017 (V): 11 Mejor diseño de UI / UX artículos del Año

 

de carcasa y el prototipo son las partes esenciales de la página web o proceso de diseño de aplicaciones móviles, y el propósito de ellos es presentar el concepto de diseño y la función básica para los clientes. Sin embargo, los clientes simplemente sugieren empujando hacia adelante el proceso de diseño y etapas de desarrollo por saltarse el paso de wireframing o prototipos. Esta es una idea que a menudo deriva del cliente que no entiende lo que es una estructura metálica, y lo que es un prototipo, así como la importancia de la estructura metálica y el prototipo en todo el proyecto.

Antes de pedir a la diferencia entre lo que el alambre y el prototipo es, creo que usted debe darse cuenta de que son diferentes términos.

¿Qué es una estructura metálica?

una estructura metálica es un esqueleto gráfica de un sitio web, que guía el contenido y los conceptos de las páginas, y ayuda a los diseñadores y clientes para discutir los detalles de la página web edificio.El simple alambre es un tipo de diseño de baja fidelidad, que consiste en líneas, cajas y colores en escala de grises. La disposición de blanco y negro puede presentar fácilmente el grupo de información principal, dibujar el contorno de la estructura y el diseño, y expresar el principal visual de la interfaz de usuario.

¿Por qué es importante alambre?

Al igual que en el plano de un edificio, la estructura metálica especifica los detalles de todo el proyecto en la etapa inicial como la descripción del proyecto. Debido a que es simple y rápido para dibujar, el alambre se utiliza a menudo para ocasiones informales, tales como la comunicación interna. Por lo tanto, no se puede utilizar como el material de pruebas de usuario.

Cómo hacer una estructura metálica?

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

El simple alambre generalmente hormigonada por líneas, cajas, texto, botones y otros componentes básicos. Por lo tanto, es fácil de resolver el problema de cómo crear una estructura metálica, y cómo elegir la herramienta de diseño de alambre. En general, las herramientas wireframing como Mockplus y Balsamiq se recomiendan a menudo y son utilizadas por los diseñadores.

Balsamiq es una herramienta estática de dibujo de alambre, su estilo a mano, y los widgets pre-diseñadas Tak una ventaja completa en el diseño. La producción es más adecuado para las personas que saben de diseño y desarrollo. Porque saben que el alambre es diferente del producto final.

En comparación con Balsamiq, Mockplus es mejor en el alambre interactiva. A medida que las herramientas de diseño wireframing, Balsamiq y Mockplus ARTE tanto bueno en el diseño rápido y fácil. Mientras Mockplus apoya para presentar el proyecto de forma más intuitiva para el equipo de desarrollo y los clientes que no tienen ninguna experiencia en el diseño y desarrollo de un método sencillo.

¿Qué es un prototipo?

El prototipo está cerca del diseño de alta fidelidad. Sea diferente con el alambre, el prototipo es dinámica e interactiva, algunos prototipos de alta fidelidad se ve casi como el producto final. No sólo tiene el diseño visual meticulosa sino que también proporciona una experiencia de usuario completa para los probadores mediante la simulación de la interfaz del producto real y la interacción funcional.

¿Por qué es importante el prototipo?

Además de ser presentado como la demostración del proyecto, los prototipos interactivos se utilizan a menudo para las pruebas de usuario antes de que el desarrollo de productos. La primera prueba de prototipos puede ahorrar una enorme cantidad de tiempo y costes de desarrollo. Una, la creación de prototipos-amable equipo anotada es más propicio para la comunicación entre diseñadores y desarrolladores. Que elimina los engorrosos pasos de intercambio de archivos dentro de los diseñadores y desarrolladores. Para los desarrolladores, que pueden impulsar el desarrollo de productos con mayor suavidad basado en el prototipo final.

Cómo hacer un prototipo?

basa en la creación de prototipos de alta fidelidad interactiva, los requisitos de creación de prototipos de diseño es un poco más alto que lo que una estructura metálica. Por lo que es importante elegir una herramienta de prototipado derecha. Pero de acuerdo con diferentes normas, hay muchas herramientas de creación de prototipos buena para elegir.

En cuanto a la fidelidad, Justinmind está especializado en el bien-diseñado prototipos de alta fidelidad, pero se necesita mucho esfuerzo para dominar una serie de operaciones complejas, tales como su configuración interactivos, condiciones de activación, sentencias condicionales y variables.

en términos de eficiencia, Mockplus está más en línea con un diseño simple y rápida de prototipos de alta fidelidad. Equipado con los componentes de interacción altamente encapsuladas, Mockplus puede realizar ajustes simples de interacción de arrastrar y soltar, y la colaboración del equipo útil y ayuda revisión en línea para ahorrar mucho coste tiempo y coste de desarrollo para los diseñadores y desarrolladores.

Cuál es la diferencia entre el alambre y el prototipo?

Hasta cierto punto, alambre es una especie de prototipo, que puede ser refinado rediseñado en un prototipo interactivo. En el aspecto de la presentación, el alambre es adecuado para la exhibición estática, mientras que el prototipo es pantalla interactiva más dinámica. En el aspecto de la función, el prototipo representa el producto final, comúnmente utilizado para las pruebas de usuario potencial; wireframes se utilizan a menudo en las primeras etapas del proyecto, mostrando diseños y funciones para la discusión y retroalimentación.

También puede interedted en:

los más recomendados APP Prototyping Herramientas de Quora

10 Gran diseño interactivo Ejemplos de Diseño Web de referencia

Designers’ vs Diseño gráfico, ¿Cuál es la diferencia?

Categorías
Design and Prototyping tools

Un repaso a 2017 (II): ¿Cómo AI Afectará UI / UX Diseño?

 

con la gran cantidad de herramientas disponibles para UX’ers, la elección de la herramienta correcta para wireframing un proyecto no será tan suave como lo era antes. Para nombrar unos pocos, hay varios tipos de herramientas disponibles en el mercado de las aplicaciones de escritorio, como OmniGraffle (sólo Mac) y Axure (Windows y Mac), a las aplicaciones basadas en la Web, tales como HotGloo y Balsamiq, por no mencionar más herramientas tradicionales, tales como Adobe Photoshop.

Considerando que, este artículo va a cubrir los dos mejores jugadores en el mar de las herramientas de creación de prototipos – Axure y Mockplus , proporcionando una visión imparcial sobre las fortalezas y debilidades de ambas herramientas junto con los factores importantes a considerar antes de hacer la elección financiera. Las primeras vitrinas parte cuáles son las características que tienen en común, seguido por las diferencias que los fijan entre sí.

Axure VS Mockplus- Similitudes

Comenzando con el objetivo de proporcionar una rápida experiencia de creación de prototipos, y Axure Mockplus hacen posible la transformación de los diseños en la web y de escritorio maquetas y prototipos interactivos, completo con animaciones y transiciones. Ambos ayudar a cerrar la brecha entre el negocio y el desarrollo de proyectos de aplicaciones web personalizadas o, con prototipos 100% protegido con contraseña. Las plataformas soportadas incluyen Windows y Mac OS X, que son elementos básicos para la mayoría de los usuarios.

Desde un punto de vista aspecto y el tacto, y Axure Mockplus sea viral entre las pequeñas y medianas empresas. Sin embargo, la curva de aprendizaje detrás de las herramientas es sorprendentemente diferente, por lo que los que no tienen antecedentes técnicos perderse en un amplio conjunto de funciones en el camino. A continuación se presentan las características más detalladas que no puede dejar de enfatizarse al hacer wireframing software.

Axure VS Mockplus – Diferencias

Tanto como el estándar de la industria para los diseñadores de UX / UI, Axure y Mockplus son dos cosas diferentes desde varios aspectos, incluyendo la facilidad de uso, diseño de interacción, los precios, el apoyo, la colaboración y el intercambio de características que bien. Se desplaza hacia adelante y averiguar las capacidades y limitaciones de cada uno.

Facilidad de uso

prototipos es sobre la visualización de cómo algo va a funcionar y por lo tanto la identificación de oportunidades y problemas anteriores en un ciclo de desarrollo. Mockplus logra hacer este proceso tan fácil que cualquiera, sea un novato conocedores de la tecnología o absoluta, puede crear páginas maquetas de diseño bajo unos minutos. Las opciones sencillas de arrastrar y soltar proporcionan a los usuarios una manera suave para crear componentes interactivos y páginas. Su versión Pro dota a casi 200 componentes prediseñados y más de 400 iconos de ojo-cogida para dar un poco de vida a wireframes al presentar a los clientes.

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

poderoso como Axure puede parecer, hay una curva de aprendizaje especialmente pronunciada especialmente para los recién llegados e incluso los usuarios regulares. Es de código pesado y existe el riesgo de distraerse con aún otros rasgos, en lugar de prototipo en sí. Sus paneles dinámicos pueden ser un dolor de tratar como algunas funciones que no son lo suficientemente intuitiva. Por si fuera poco, muchas de las bibliotecas y plantillas para los iconos adicionales y widgets son sólo para la compra.

Interaction Design (estructura metálica prototipos)

En realidad, la biblioteca estándar de Axure de objetos punzantes es bastante primitiva, lo que requiere bibliotecas importadas de formas o de edición extensa para encajar el proyecto dado. Puede ser una tarea para editar formas y la forma de fotos, a menudo solicitando otras imágenes o bibliotecas de formas importadas. En vista de manejo de imágenes, es a menudo el caso de que un elemento debe rebanada o cultivo dentro del espacio de trabajo de la malla actual.

Teniendo claro lo que los usuarios se preocupan más, Mockplus se ha dedicado en mejorar la funcionalidad de los componentes de interacción, como la interfaz de cambio de contexto, ventanas emergentes, así como imágenes deslizantes, etc. Por encima de todo, la optimización de la conversión y otros elementos que son totalmente también se añadirá fuera de foco de Axure en la versión 2.1 totalmente nuevo.

Compartir y Comunicación Funcionalidades

si la prueba de un diseño básico o un prototipo de alta fidelidad, es de suma importancia para asegurar tanto el equipo y los usuarios pueden medir e interactuar con los prototipos generados. Axure hace que sea bastante molesto para implementar este proceso, a menudo requieren los usuarios exportar la plantilla sin un simple botón “Reproducir”. Se ha culpado por su falta de capas con la selección de objetos de diferentes tamaños.

Hay ocasiones en las que el material no puede ser presentada correctamente desde un ordenador a una pantalla con una resolución diferente. Que, obviamente, se traduce en una versión distorsionada de los originales. Además de esto, las especificaciones de Axure es un documento de Microsoft Word, que puede tomar una gran cantidad de usuarios de tiempo para formatearlo. El simple y opciones intuitivas exportados de Mockplus es una gran ventaja, y cualquier persona puede, publicación requerida diseños directamente de vista previa en dispositivos móviles sin cable USB o remoto.

precios de descuento y

A pesar de que es mejor que no compromiso con la calidad cuando se trata de fijación de precios, el plan todo-en-uno de Mockplus es un gran valor para la solución económica. En general hay dos paquetes diferentes para elegir, incluyendo:

  • 1. El estándar trajes del plan aquellos que quieran probar el servicio por primera vez, sin ningún tipo de contrato o cargos ocultos.
  • 2. El plan Pro es para los usuarios de élite que requieren muchas características profesionales, con un tiempo de descuento del 50% sobre la base anual. Es decir, los solicitantes pueden ahorrar 11/41 dólares por servicio de un 6/12 meses.

Además de una gama tentadora de descuento, Mockplus está llevando a cabo ahora una campaña y un ofrecimiento de licencias Cinco estándar que vale $ 395 exclusivo para compartir cualquier este sorteo . En cuanto a Axure, sólo hay 30 días de prueba gratis, y el precio de salida se establece en $ 289, que no está destinado a personas con cantidad limitada de tiempo y dinero.

cómo sobre Satisfacción y Servicio al Cliente de Mockplus?

revisiones en línea son cruciales en la decisión de compra de un cliente. Hay diferentes voces de Axure en la búsqueda de Google, mientras que Mockplus retiene más y más usuarios como clientes leales con características robustas y un excelente soporte.

Un equipo de técnicos y desarrolladores bien entrenados y de alta eficiencia es más que feliz de ayudar a los usuarios con problemas. Hay un montón de tutoriales y “cómo hacerlo” para las personas independientes para resolver sus problemas de menor importancia. Por encima de todo, las plataformas de medios sociales (incluyendo, Twitter , Facebook , Google+ y LinkedIn ) de Mockplus son bastante activos, y cualquier consulta se pueden responder de manera oportuna.

La línea de base – Victorias Mockplus!

Tanto Axure y Mockplus dan una sesión agradable en ciertos aspectos. Pero hay espacio para la mejora de Axure y también tiene una apariencia mucho más pulido. A medida que se hace más complicado, hay una curva de aprendizaje más grande que podría ser dedicado al aprendizaje de algunos conocimientos de código jQuery y HTML.

Mockplus es realmente una combinación perfecta de simplicidad y funciones de gran alcance, que va a ser suficiente a sus necesidades con una interfaz limpia, las opciones de arrastrar y soltar, extensos controles e iconos. El costo es otro factor, y la versión 2.1 flamante realmente merece toda su atención e interés. Ir cheque y empezar prototipos rápidos a través de http://www.mockplus.com/ .