Advertisement
  1. Web Design
  2. UX/UI
  3. Forms

JotForm 4.0: Constructor Móvil, Colaboración y Más

Scroll to top
Read Time: 5 min
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

() translation by (you can also view the original English article)

JotForm es una servicio de construcción de formularios en línea y recientemente tuvo una actualización. La nueva UI es fácil de usar, viene con algunas nuevas características, y tiene un montón de mejoras de rendimiento bajo el capó.

Hace poco más de un año explicamos cómo usar el constructor de formularios--¡echemos un vistazo a JotForm 4.0 y veamos qué cambió!

UI Rediseñada

Los creadores de JotForm decidieron rediseñar para asegurar que la UI está vigente, y que el constructor funciona en móvil.

La aproximación fue muy pragmática; decisiones en base a datos y muchas pruebas de usabilidad (recogidas a lo largo de 18 meses) alimentaron el proceso de rediseño. Por ejemplo, se volvió aparente que la riqueza de opciones del constructor disponibles eran de hecho contraintuitivas; era más probable que los usuarios fueran intimidados por estas que sentirse empoderados.

"Con JotForm 4.0, cortamos la grasa e hicimos la interfaz hermosa, moderna y a prueba de tontos." -- Aytekin Tank, Fundador
El JotForm anterior
El completamente nuevo JotForm builder

Mejoras de Rendimiento

Mucho de JotForm 4.0 ha sido reconstruido usando React.js. Mientras que estas mejoras son esencialmente tras bambalinas, han hecho un constructor de formularios mucho más rápido y un entorno mucho más estable para el usuario final.

En vez de mandar el formulario entero terminado a los servidores para guardar, el guardado ahora se hace incremental y continuamente, con cada cambio hecho.

Características Adicionales

La adición más impactante a JotForm 4.0 es su habilidad para trabajar sobre móviles. Este ha sido un territorio truculento por mucho tiempo para constructores de formularios en línea, y JotForm se jacta confiablemente de ser el primer constructor de formularios en línea en ser compatible con todos los dispositivos móviles. Cubriremos cómo funciona esto en un momento.

La colaboración es discutiblemente la segunda adición más significativa; una característica que es cada vez mayor en aplicaciones de diseño (InVision, Adobe XD). Los cambios de diseño son actualizados y sincronizados a lo largo de todos los usuarios para asegurar que todos están trabajando en la versión más actual. De nuevo, cubriremos esto en un momento.

¿Así Que Qué Más es Nuevo?

  • Construcción de formularios sin conexión, permitiéndote continuar tu trabajo cuando tu conexión se suspende. Todos los cambios son guardados cuando la conexión regresa.
  • Versionado, permitiendo a los usuarios revertir a versiones previas de su diseño.
  • Arrastrado y  Soltado más suave.
  • Interruptor de vista previa de tamaño completo.
  • Asistentes Mejorados.

Cómo Colaborar Con Otros

Echemos un vistazo a una de las características más interesantes que llegan a JotForm: colaboración en tiempo real. Mientras diseñas un formulario, presiona el botón Invitar Compañeros de trabajo en la parte superior derecha de la UI.

Se te dará un enlace que puedes compartir con quien quieras.

Compañeros de Trabajo

A tus invitados se les dará acceso limitado (el constructor avanzado no será accesible por defecto) para colaborar en tu formulario. Ellos no necesitarán iniciar sesión; en su lugar se les otorgarán cuentas de invitado las cuáles verás aparecer en tu pantalla:

Gatos, no Yodas

Cualquier cambio que ellos hagan al diseño o estructura del formulario será visible de manera instantánea en cada navegador de los colaboradores.

Todos pueden continuar ediciones a su propia conveniencia, en sus dispositivos móviles también, incluso sin una conexión de red (como se describe arriba).

Cómo Construir un Formulario en tu Dispositivo Móvil

Diseñar cualquier cosa en un dispositivo móvil es truculento, así que probemos construir un simple formulario de pago usando un confiable iPhone 5.

Agrega un Nuevo Formulario

Desde la página Mis Formularios, ve a Crear Formulario y después selecciona tu punto de inicio. Estoy optando por uno en blanco, pero también podría usar una plantilla o importar un formulario previamente diseñado.

Dale un título a tu formulario, en este punto será llevado al constructor.

Agrega Primera Pregunta

El proceso de integración se encarga de todo, pidiéndote agregar tu primera pregunta desde las opciones a la izquierda. De Clic (presiona, como sea) en Agregar.

Desde la opciones, elijamos un método de pago desde la pestaña PAGOS. Vamos a elegir PayPal, de manera que podamos vender una suscripción imaginaria para algo. Los procesadores de pagos más populares usados con JotForm son PayPal, Stripe, Authorize.net y Square, y cualquiera desde individuos hasta pequeños negocios, a organizaciones din fines de lucro, hacen uso de estos formularios de pago.

Configuración de Suscripción

Hemos agregado nuestros detalles de PayPal, y elegido vender una suscripción, así que ahora tenemos que agregar esos detalles. Estas opciones se explican por sí solas; podemos incluso subir una imagen eligiendo directamente desde la librería de nuestro dispositivo (he elegido un dibujo que hizo mi hija más joven).

Nuestro campo de producto de suscripción está ahora disponible para seleccionar para nuestro formulario:

Diseño

Presionado el botón diseño en la parte inferior derecha de la pantalla nos da acceso a todas las herramientas estándar de diseño a las que estamos acostumbrados desde el constructor de escritorio. La falta de espacio en pantalla significa que la alineación puede ser algunas veces un poco apretada, pero es ciertamente lo suficientemente clara para hacer el trabajo.

Una vez que hemos terminado de diseñar y construir, podemos publicar el formulario. De nuevo, las opciones que conocerás desde el escritorio desde el constructor están todas presentes y correctas en la versión móvil, y todo perfectamente usable. ¡Aquí está nuestro enlace, listo para compartir!

Conclusión

La versión 4 del constructor de formularios JotForm ha hecho grandes avances. Si eres un usuario existente ciertamente notarás el rendimiento mejorado y las características adicionales. Si eres nuevo en JotForm, encontrarás su interface y selección de herramientas intuitivas y acogedoras. Ve y revísalo, ¡y déjanos saber si te aventuras en el mundo del diseño móvil de formularios!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.