Personalización avanzada de aplicaciones GoodBarber

Nuestro enfoque es un enfoque listo para usar. La prueba de ello es que con GoodBarber, tan pronto como se crea su aplicación, está lista para usar. Entonces, ¿por qué decidimos hacerlo de esta manera? Queríamos hacer que la herramienta fuera lo más fácil de usar posible, con una curva de aprendizaje muy rápida. Y, sobre todo, ¿qué prometemos? Prometemos crear aplicaciones hermosas, es decir, aplicaciones que tengan coherencia funcional y de experiencia de usuario.

Podemos comparar la herramienta sin código con ladrillos de Lego. A partir de cero, puedes ensamblarlos como desees. Lo que vendemos en GoodBarber no es solo una bolsa de ladrillos, es el conjunto completo para construir tu casco de Darth Vader. No necesitas pensar en cómo está diseñado ni en cómo se ve, hemos creado una guía para construirlo. Al final, lo que resulta difícil para un diseñador de aplicaciones no es escribir código, esa no es la principal dificultad. La verdadera dificultad es formalizar las funcionalidades. Y nuestro trabajo como desarrolladores, más que escribir código, es diseñar funcionalidades.
 

Voy a mostrarte en 6 puntos por qué creemos que este enfoque es el mejor.
​
Superar el síndrome de la página en blanco
Construir una aplicación o una funcionalidad desde cero significa identificar y listar todos los elementos necesarios. Y, sobre todo, cómo encajarlos. Todas estas preguntas generan una carga cognitiva alta y pueden llevar a la ansiedad de la página en blanco. Lo que intentamos hacer es proporcionar respuestas a estas preguntas, e incluso anticiparlas a veces. Es por eso que ofrecemos funcionalidades preconstruidas, nuestros famosos conjuntos de ladrillos. Creemos que es más fácil comenzar con una característica preconstruida y personalizarla que comenzar desde cero.

Ahorro de tiempo
Si tomamos una característica común, como la visualización de publicaciones de blog, el 90% del tiempo, encontraremos los mismos bloques y una disposición similar. Tienes una visualización de lista, una visualización de página de detalle, funcionalidades de lectura de comentarios y publicación, uso compartido, etc. Si tomamos otro ejemplo, como la función de autenticación, nuevamente encontrarás bloques y diseños similares: una página de inicio de sesión, un perfil de usuario, una página de edición de perfil de usuario, una función de contraseña olvidada, y así sucesivamente. No permitiremos que nuestros usuarios vuelvan a crear los mismos conjuntos cada vez. Ahí es donde radica el verdadero ahorro de tiempo.

Antes, hablábamos de las implicaciones de las decisiones de diseño, aquí estamos en otro punto muy concreto: evitar perder tiempo. Todos estamos familiarizados con estas funciones, y el 90% del tiempo encontraremos la misma disposición. Si deseas el casco de Darth Vader con cuernos, es más fácil partir del casco preconstruido y agregar lo que desees.

Evitar errores
Antes, les decía que el trabajo de un desarrollador es diseñar funcionalidades, pero también compartir su experiencia. Es fácil cometer errores al diseñar una aplicación. Todos hemos visto aplicaciones con contenido genial pero con una mala experiencia de usuario. Por ejemplo, puedes ver aplicaciones con iconos demasiado pequeños o algo así. Ya he visto demasiadas acciones en la misma área. Aquí en GoodBarber, tratamos de compartir nuestra experiencia implementando salvaguardias para evitar errores comunes. Un error que me viene a la mente es una aplicación con demasiados botones de acción en la cabecera. En nuestro producto, en ese caso, cambiamos automáticamente la configuración de la cabecera para agregar un menú adicional.
Esto es lo que les he presentado como un enfoque que podría parecer restrictivo, pero lo vemos más como un enfoque inteligente. Nuestro objetivo no es estandarizar por completo las aplicaciones de nuestros clientes, sino evitar que cometan errores evidentes.

Tenemos una regla interna que dice que si un parámetro no es utilizado por al menos el 10% de nuestros clientes, no lo incluimos en el panel. ¿Por qué? Queremos mantener una interfaz lo más simple posible. Esa es la promesa de la que hablaba anteriormente. Pero la realidad, y eso es lo que les voy a mostrar hoy, es que estos parámetros ocultos siguen estando disponibles.

Bueno, si están leyendo este artículo, es porque son usuarios expertos, por lo que no necesitan esta interfaz ligera y bonita. Así que si quieren tomar la píldora roja, les mostraré lo que hay detrás del escenario. Podrán editar directamente parámetros explícitos, y les mostraré cómo hacerlo.

Aquí, en esta demostración, verán cómo agregar una sombra a todas las celdas de la lista.

En primer lugar, deberás agregar una extensión para habilitar la edición de parámetros ocultos. Puedes encontrarla en nuestra tienda de extensiones con el nombre Edición JSON.

Una vez instalada, activará un botón JSON que aparecerá en cada conjunto de bloques del producto. Al hacer clic en él, podrá editar todos los parámetros de este conjunto de bloques.

Aquí, voy a modernizar un poco el campo de mi caja de inicio de sesión. Elegimos configurarlos con un fondo blanco porque es la configuración más común, pero en esta demostración verá que puedo cambiarlo.