Advertisement
  1. Web Design
  2. App Development

La Guía para el No Desarrollador sobre como Vender Aplicaciones con GoodBarber

by
Read Time:7 minsLanguages:
Sponsored Content

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

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Hay muchas cosas que no soy; no tengo cuatro años, no soy de Alaska, y no soy de los que sabe interpretar sueños. De manera importante para el tutorial de hoy, tampoco soy un desarrollador de iOS o Android. Pero gracias a GoodBarder, aún voy a desarrollar y publicar una aplicación.

¿GoodBarber?

GoodBarber es un creador de aplicaciones con base en el navegador. Sus herramientas de diseño e interfaz de apuntar y hacer click son ideales para principiantes.

Más allá de ayudar a crear aplicaciones a no desarrolladores, GoodBarber también es una herramienta de apoyo para agencias que quieren agregar aplicaciones móviles a sus portafolios a un bajo precio. Recientemente GoodBarber lanzó una guía (en forma de un libro electrónico gratuito) para realizar mercadotecnia y vender aplicaciones como una agencia.

"Todavía hay mucho para considerar cuando se abre una agencia, y éste libro electrónico será tu compañero durante el proceso".

Bien, entonces comencemos y veamos como GoodBarber te ayudar a crear aplicaciones.

1. Crea una Cuenta

Visita goodbarber.com y llena los detalles de tu nueva aplicación. He decidido crear una aplicación llamada "random" que usaré para publicar material de ejemplo.

Pulsa crear tu cuenta (que es gratuita por treinta días) y ve lo que creas.

Mi proyecto ahora puede encontrarse en random.goodbarber.com (a donde puedo ingresar).

Éste paso es obligatorio, incluso para una agencia que busca suscribirse al programa de revendedores. Al crear una cuenta, tendrás acceso a una prueba gratuita por un periodo de 30 días que te permitirá probar todas las funcionalidades de GoodBarber, y asegurarte de que es el socio adecuado para tu ingreso en el mercado de dispositivos móviles.

2. Diseña

Con tu aplicación creada, nos dicen que hay algunos pasos entre nosotros y la producción. Primero, necesitamos diseñar algo. Nos concentraremos en personalizar la navegación, el encabezado, el cuerpo (contenido), pantalla de inicio, y su ícono.

Todo ésto ocurre en una interfaz de usuario muy intuitiva, con una previsualización de lo que estamos creando en el centro del lienzo o espacio de trabajo. A la derecha de la ventana del navegador hay más cosas que necesito hacer, fragmentarlas en pasos lógicos y ver que queden marcadas cuando las completo.

El primer paso es elegir uno de entre los muchos temas que se ofrecen. He escogido un "Classic Blue" (azul clásico) por su sencillez, y puedo previsualizarlo antes de aplicarlo a mi aplicación.

Éstos son solo predeterminados, durante las próximas etapas de diseño tendré la oportunidad de cambiar la fuente, los colores, etc.

Como revendedor, puedes optar por crear unas cuantas aplicaciones de demostración-tantas como lo requiera el portafolio de tu cliente (por ejemplo: Restaurantes, Salones de Belleza, Tiendas, etc.) y luego replicar el proyecto tantas veces como quieras. Ésto agilizará el proceso de diseño, mientras tienes todavía la oportunidad de personalizar los detalles para cada cliente.

¿Tal como está o Personalizado?

El recorrido del proceso es sencillo gracias a todas las plantillas disponibles en cada paso del camino, pero también puedes crear cosas manualmente si lo prefieres. El proceso del diseño de navegación, por ejemplo, te da la opción de menús de pantalla completa, o hacerlos aparecer desde un costado, pestañas en la parte inferior de la pantalla, etc.

Pero si decides puedes hacerlo todo tu mismo con HTML moderno. Snippets de marcado son proporcionados para que puedas enlazar cada parte de la aplicación y escribir cosas adecuadamente.

Manual navigation build processManual navigation build processManual navigation build process
Proceso de crear la navegación personalizada.

Tener la libertad de salir de la senda trazada es muy importante para agencias que tienen requerimientos específicos de clientes. Accesar a los ajustes de la API, la sección HTML, así como al plugin de complementos permiten una mayor personalización de la aplicación, y la opción de ofrecer funcionalidades extra para mantener contentos a los clientes.

3. Enviar

¿Listo? Si, si has terminado de diseñar el maquetado, los colores, la navegación, la grilla, además de otros detalles de tu aplicación, en este punto puedes enviarla a las tiendas de aplicaciones que gustes. En nuestro caso, todavía hay mucho por hacer, pero podíamos intentar y enviarla, si lo quisiéramos.

Cambios recientes se mostrarán en el panel Changelog, (Registro de Cambios) para que puedas actualizarla cuando estés listo.

4. No Enviar.

Muy bien, seguimos avanzando. Pudimos haber cambiado algunos colores, diseñado la navegación, agregado un ícono aquí o allá, pero nuestra aplicación no tiene ningún contenido.

Contenido

¿Que va a hacer realmente nuestra aplicación? Bajo la sección de Content (Contenido) del proceso de diseño podemos decidir asignar fuentes de contenidos para los varios tipos de páginas. En cada tipo de sección estándar (artículos, imágenes, Twitter, calendario, etc.) podemos poner contenido directamente desde fuentes estándar. Nuestra página de artículos puede llenarse con datos de un blog de WordPress, un archivo RSS, una fuente personalizada, lo que se te ocurra.

Para ejemplificar, usaré el archivo RSS de Tuts+ Web Design (http://webdesign.tutsplus.com/posts.atom) y lo ingresaré en el formulario de creación de sección. Podemos agregar hasta 60 secciones de esas.

Correcto, se ve bien.

Nuestro archivo de tutoriales, en la forma  de aplicación.

Archivos RSS son simples, el contenido ha sido publicado y abierto para ser incluído en nuestra aplicación. Otras fuentes son menos abiertas (comprensiblemente) asi que se requiere mayor verificación. Utilizar una sección de publicación de tweets, por ejemplo, requiere que el propietario de la cuente cree una "aplicación" para tener una Clave Consumidor, Secreto Consumidor, Token de Acceso, y  Secreto Token de Acceso. Con esos detalles, una sección de publicación de tweets puede ser incluído en nuestra aplicación sin problema.

De todas formas, continuemos diseñando las páginas de nuestra aplicación (muy simple), incluyendo la página de tutorial, accesible a través del árbol de la aplicación aquí:

De nuevo, podemos aplicar una plantilla, alterar colores y fuentes, personalizar, y continuar.

5. Previsualizar

Ésta previsualización de un supuesto dispositivo es buena, y checar como está quedando el diseño mientras trabajamos es muy útil, pero ¿así se ve nuestra aplicación en un dispositivo real?

El boton Preview (previsualizar) en el lienzo principal o espacio de trabajo ofrece varios dispositivos, además de un código QR para lanzarse en la aplicación nativa.

Alternativamente, descarga la aplicación GoodBarber (iOS o Android), ingresa con los credenciales de tu cuenta, luego podrás ingresar los borradores de tu aplicación directamente desde tu dispositivo. Aquí está una de las páginas de nuestro tutorial, junto con los controles de la aplicación nativa:

Una vez que has creado y publicado tu aplicación, puedes utilizar la aplicación para enviar notificaciones automáticas y obtener estadísticas de uso.

Una de las partes más importantes del proceso de venta de una aplicación es la demo del producto, no hay duda que tu cliente querrá previsualizar la aplicación que estará representando a su compañía antes de que sea publicada. Ésto puede hacerse, como se mencionó anteriormente, con la previsualización de back office, o a través de la aplicación My GoodBarber. Sin embargo, para una exhibición óptima de la aplicación con todas sus funcionalidades (y sin la marca de GoodBarber) generar la version AdHoc y enviar éste archivo a tu cliente es la mejor opción.

6. Enviar

Bueno, regresamos a la etapa de envío.

Cuando todo se ha hecho, y has cubierto todas las bases de diseño y contenido, estás listo para enviarla a las tiendas de aplicaciones. Observa las opciones de Submission (Envío) y verás listas de verificación que necesitarás completar antes de enviar cualquier cosa.

Para éste ejemplo no superamos el primer obstáculo, no hay suficientes secciones.

Pero cuando todo esta correcto, el proceso de envío puede hacerse manualmente (por tí mismo) o pueden dejar la responsabilidad a GoodBarber y ellos lo harán por tí, pagando una tarifa.

Certificados

Para distribuir y usar tu aplicación, recibirás certificados de las tiendas de aplicaciones. Ésta capa de seguridad evita que tu aplicación sea alterada y distribuída sin tu conocimiento.

Ésta etapa en el proceso  no será relevante hasta que hayas enviado la aplicación y haya sido aceptada, pero cuando esto haya sucedido puedes gestionar tus certificados desde el panel de control de GoodBarber.

De una u otra manera, deberás tener una cuenta de desarrollador para la(s) plataforma(s) en las que quieres esté disponible tu aplicación. Para revendedores, éste es un elemento muy importante en la elección de una plataforma de creación de aplicaciones, porque es crucial estar seguro que tienes distintas opciones, para no limitar el crecimiento de tu negocio. En el Libro Electrónico Guía para la Agencia, encontrarás todos los elementos y estrategias que puedes elegir en el caso de que necesites pasar de un servicio a otro.

Conclusión

Ésta ha sido una rápida demostración, pero ilustra como se puede crear sin esfuerzo una aplicación con GoodBarber. Es verdad, más tiempo y energía empleada en la aplicación y su diseño incrementarán las posibilidades de que sea aceptada para su distribución, pero tienes la idea.

Si estás pensando en usar un creador de aplicaciones, para tí mismo o para un cliente, lee la Guía para la Agencia de GoodBarber para tener una buena idea sobre el aspecto comercial de las cosas.

¿Has utilizado GoodBarber?  ¡Permítenos conocer tus experiencias en la sección de comentarios!

Advertisement
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.