Cómo construir una aplicación de juego de dibujo como la aplicación Draw Something

¿Está interesado en crear una aplicación de juego de dibujo como la aplicación Draw Something?

Este es un buen mercado que tiene mucho espacio para la innovación. En este artículo, analizaremos cómo puede participar en este mercado en crecimiento mediante el desarrollo de una aplicación móvil similar a la aplicación Draw Something.

Para ello, en primer lugar, repasaremos la app Draw Something para hacernos una idea de lo que ofrece a sus usuarios.

Una introducción a la aplicación Draw Something

Dibujar algo es una aplicación móvil popular, y fue lanzada en 2012 por OMGPop, un estudio de juegos. La aplicación rápidamente ganó popularidad y, además, ganó importantes premios. Zyngauna empresa de juegos compró posteriormente el juego y OMGPop.

La aplicación es un juego de dibujo social muy interesante y, en el momento de escribir este artículo, los usuarios de esta aplicación han creado más de 7 mil millones de dibujos con esta aplicación.

Los usuarios no necesitan habilidades artísticas en el dibujo. El juego admite garabatos y figuras de palo. Una vez que selecciona una palabra, desafía a sus amigos a adivinar, dibujar y compartirlas con usted.

Continuamente hay palabras nuevas y actualizadas relacionadas con la ciencia, la cultura pop, etc. para desafiar a los amigos en una partida rápida. La versión premium ofrece juegos sin publicidad.

Las pinturas de los usuarios también aparecen en su página de Facebook. Si bien, los datos personales de los usuarios están sujetos a la política de privacidad de Zynga.

Las aplicaciones de juegos de dibujo para dispositivos móviles disfrutan de una gran popularidad y la aplicación Draw Something tuvo 50 millones de descargas en los 50 días posteriores a su lanzamiento, lo que la convierte en el juego de dibujo más popular.

Leer “La tormenta perfecta de Inside Draw Something: desde el borde hasta 50 millones de instalaciones en 50 días: con Wilson Kriegel, director ejecutivo de HrtBeat Audio” para obtener más información sobre su popularidad entre amigos y familiares que intercambian arte de garabatos.

Draw Something pertenece a la categoría de juegos más grandes de aplicaciones móviles, y esta categoría tiene la mayor popularidad. En 2021, los juegos móviles generaron $90.7 mil millones en ingresos, que fue la mitad de los ingresos globales de juegos en ese año.

Leer “Los juegos gobiernan las tiendas de aplicaciones: se revelan los géneros más populares” para más información.

Las características de la aplicación Draw Something

Draw Something está disponible en Android e iOS, y ofrece las siguientes funciones:

• Los usuarios de la aplicación pueden practicar dibujar imágenes divertidas con esta aplicación.
• Hay una función de dibujo por turnos, donde los usuarios se turnan para dibujar y mostrárselo a sus amigos. También pueden hacer nuevos amigos con otros artistas a través de desafíos diarios.
• Hay un modo “Adivina algo”, donde un jugador puede adivinar lo que otros están dibujando.
• La aplicación presenta una gran lista de palabras, con las cuales los jugadores pueden continuar jugando este juego de adivinanzas en un modo Guess.
• Los usuarios pueden acceder a una gama de colores para su dibujo. También pueden desbloquear paquetes de colores para una mejor experiencia de pintura. Además, pueden ganar insignias cuando desbloquean logros.
• La aplicación ofrece compras dentro de la aplicación y tiene una gran “interfaz de usuario” (UI).

¿Cómo crear una aplicación de juego de dibujo como Draw Something App?

Un proyecto de desarrollo de software para crear una aplicación de juego de dibujo como Draw Something implica los siguientes pasos:

1. Acordar una metodología de desarrollo de software

Está creando una aplicación móvil, que es una herramienta orientada al cliente. Llamamos a estas aplicaciones “Sistemas de compromiso” (SoE), y dichos proyectos utilizan el enfoque de desarrollo iterativo.

Los emprendedores lanzan primero un “Producto Mínimo Viable” (MVP) y luego lo mejoran en función de los comentarios del mercado. Agile es la metodología adecuada para tales proyectos, como expliqué anteriormente en “Waterfall vs Agile: qué metodología es la adecuada para su proyecto”.

2. Defina el alcance del proyecto para hacer una aplicación como Draw Something

Le recomiendo que defina el alcance del proyecto de la siguiente manera:

Cree una aplicación para iOS y Android.

Incluya características como herramientas de dibujo, compartir en redes sociales, chat de texto, compras en la aplicación y pago en línea. También debe incluir notificaciones automáticas para atraer a sus usuarios.

Lanzar en una geografía para empezar.

Nota: debe diseñar y crear la aplicación de manera que facilite la futura expansión a otras geografías. Esto requiere que utilice pautas de “internacionalización de aplicaciones”, por ejemplo, manteniendo el código separado del contenido. Obtenga más información sobre la internacionalización de aplicaciones en “La guía definitiva para la internacionalización de aplicaciones móviles”.

3. Formular un enfoque de desarrollo

Le recomiendo que utilice el siguiente enfoque de desarrollo:

Utilice una plataforma de “Backend móvil como servicio” (MBaaS) para administrar el backend de la aplicación móvil, lo que también lo libera de la administración de la infraestructura en la nube.

Utilice “Kits de desarrollo de software” (SDK) e “Interfaces de programación de aplicaciones” (API) para implementar funciones básicas como herramientas de dibujo, chat de texto con amigos, compras en la aplicación, pago en línea y notificaciones automáticas.

Utilice “Entornos de desarrollo integrados” (IDE) y marcos para acelerar el proyecto.

4. Forma tu equipo de proyecto

El equipo de desarrollo de este proyecto necesita los siguientes roles:

• analistas de negocios;
• diseñadores de interfaz de usuario;
• Desarrolladores de Android con conocimientos de Kotlin;
• desarrolladores de iOS con experiencia en Swift;
• probadores;
• Un gerente de proyecto (PM).

No necesita un desarrollador de back-end móvil o un arquitecto de plataforma en la nube, ya que está utilizando una plataforma MBaaS.

Recomiendo la técnica scrum para este proyecto, que funciona bien para proyectos ágiles. El PM debe desempeñar el papel de “maestro de scrum” y crear “equipos de scrum” pequeños y multifuncionales. Estos equipos trabajarán en iteraciones, llamadas “sprints” en la jerga de scrum.

Puede leer más sobre scrum en “¿Cómo crear un equipo de desarrollo de scrum?”.

5. Regístrese en una plataforma MBaaS para desarrollar una aplicación como Draw Something

Le gustaría comenzar con el desarrollo rápidamente y no perder tiempo en la administración de la infraestructura de TI. Recomiendo usar una plataforma MBaaS ya que obtendrás las siguientes ventajas:

Los proveedores de MBaaS administran la infraestructura de la nube, el almacenamiento persistente, etc., por lo tanto, puede concentrarse en la lógica comercial y de front-end.

Si bien el desarrollo de aplicaciones móviles puede ser complejo debido a la variedad de plataformas y dispositivos móviles, el uso de una plataforma MBaaS ayuda a gestionar esta complejidad.

Puede integrar API de terceros, implementar funciones de seguridad e incorporar la gestión de usuarios más fácilmente cuando utiliza una plataforma MBaaS.

Escalar una aplicación móvil es más fácil con una plataforma MBaaS.

He explicado estas ventajas anteriormente en “¿Cómo elegir el mejor backend móvil como servicio (MBaaS)?”. yo recomiendo Kumulosuna reputada plataforma MBaaS, para este proyecto.

6. Encuentra una solución API para una herramienta de dibujo

Proporcionar un conjunto completo de herramientas de dibujo a los usuarios es la característica más importante de esta aplicación, y le recomiendo que use la solución de Adobe para esto. Tenga en cuenta los siguientes datos rápidos sobre esta solución:

• API de “Adobe Creative Cloud” permitir el acceso a Adobe Illustrator, una herramienta de dibujo completa.
• Estas API permiten el acceso a otras herramientas de Adobe de renombre como CC Storage, Photoshop, Animate, etc.
• Puede leer sobre las API de Adobe aquí.

Adobe también ofrece una amplia documentación sobre sus API, y puede encontrarla aquí.

7. Obtenga una solución API para chat de texto

Al usuario de la aplicación le gustaría jugar el juego de dibujar coordinando con sus amigos, por lo tanto, una solución de chat de texto ayudará aquí. te recomiendo que uses mesibo, un excelente proveedor de API y SDK de chat. El equipo de desarrollo puede acceder a los siguientes recursos para utilizar este servicio:

Puedes consultar los planes de precios de mesibo aquí.

8. Use una solución API de comercio electrónico para la función de compra en la aplicación

Implementar la función de compra en la aplicación es más fácil con una solución de comercio electrónico, por lo tanto, le recomiendo que use grancomercio en este proyecto. BigCommerce tiene una solución API robusta que ofrece las características relevantes de comercio electrónico, y hay una extensa documentación.

Puedes consultar sus planes de precios aquí.

9. Encuentre una solución API de pasarela de pago

Necesitará una solución API para implementar la función de pago en línea y Raya tiene la solución correcta para esto. Puede utilizar los siguientes recursos para implementar esta solución:

Stripe ha publicado sus planes de precios aquí.

10. Obtenga una solución de API de SMS masivos

La aplicación necesita notificaciones automáticas para involucrar a los usuarios, por lo tanto, le recomiendo una solución de SMS masivos para esto. Puedes registrarte con Twilioy obten su solución “SMS Programable”.

Twilio ofrece excelente documentación para su solución API, y puede acceder a ella aquí y aquí. Consulta sus planes de precios aquí.

11. Encuentra las herramientas de desarrollo necesarias

Necesita los siguientes “Entornos de desarrollo integrados” (IDE) para este proyecto:

Estudio Androidpara el desarrollo de aplicaciones Android;

código xpara el desarrollo de la aplicación iOS.

También necesita un habilitador para probar la aplicación móvil, de modo que pueda acceder a una amplia gama de dispositivos móviles en la nube.

experto ofertas su “Laboratorio de navegadores y dispositivos móviles” en la nube, que puedes usar para esto. También puedes usar su “Reportero SeeTest”que proporciona excelentes informes de prueba y análisis.

13. Use las pautas específicas de la plataforma para el diseño de la interfaz de usuario de la aplicación móvil

Ahora es el momento de comenzar el diseño de la interfaz de usuario de la aplicación móvil. Existen diferentes pautas para el diseño de la interfaz de usuario de las aplicaciones de Android e iOS, por lo tanto, su equipo de diseño de interfaz de usuario debe consultar los siguientes recursos:

“Pautas de interfaz humana” para el diseño de la interfaz de usuario de la aplicación iOS;

Pautas de “diseño de materiales” para el diseño de la interfaz de usuario de la aplicación de Android.

14. Use el patrón de menú de navegación móvil correcto

Hay varios patrones de menú de navegación móvil populares, y debe elegir el adecuado para el diseño de la interfaz de usuario. Le recomiendo que use el “menú de hamburguesas”, ya que este patrón de menú ayuda a los usuarios a concentrarse en la función más importante de la aplicación.

Dibujar es la característica más importante en la aplicación de juego de dibujo que está creando, y el menú Hamburger ayudará a los usuarios a concentrarse en eso. Lea más sobre esto en “Ejemplos de menú de navegación móvil”.

15. Encuentre el esquema de color apropiado para la interfaz de usuario de la aplicación móvil

La aplicación de juego de dibujo que está creando requerirá que sus usuarios comprendan el flujo de trabajo. Adivinarían lo que otros están dibujando y compartirían sus propios dibujos. La interfaz de usuario necesitará algunas ilustraciones, y debe elegir un esquema de color de interfaz de usuario de aplicación móvil apropiado para esto.

“Ilustraciones coloridas” es el esquema de color apropiado para esta aplicación. Puede leer “8 tendencias en el esquema de color de las aplicaciones móviles” para obtener más orientación al respecto.

16. Diseñe íconos para la aplicación móvil siguiendo las mejores prácticas apropiadas

Como siguiente paso, debe diseñar iconos para la interfaz de usuario de la aplicación móvil. Para un diseño efectivo, use las siguientes mejores prácticas:

• Mantenga el diseño simple y sobrio.
• Diseñe iconos reconocibles que sean fáciles de recordar.
• Utilice las herramientas adecuadas para el diseño de iconos, por ejemplo, Adobe Photoshop.
• Estudie aplicaciones similares que tengan una gran popularidad y siga las prácticas que se utilizan allí.
• Asegúrese de que el ícono se vea bien en varias plataformas/dispositivos móviles, con diferentes fondos e independientemente de su tamaño.
• Mantenga la coherencia con el diseño general de la interfaz de usuario y siga las pautas específicas de la plataforma.
• Use asociaciones establecidas de íconos/funcionalidades, como un lápiz para dibujar.
• Diferencie sus íconos lo suficiente y limite la cantidad de símbolos en los íconos.

Puedes leer nuestra guía “¿Cómo diseñar el ícono perfecto para tu aplicación móvil?” para obtener más información sobre estas prácticas recomendadas.

17. Desarrollar la aplicación de Android

Deberías usar kotlin para desarrollar la aplicación de Android, ya que ofrece varias ventajas, por ejemplo:

• Kotlin tiene una biblioteca liviana, que ayuda a codificar aplicaciones rápidas y de alto rendimiento.
• Este lenguaje de código abierto tiene una sintaxis concisa, lo que ayuda a un desarrollador a lograr productividad.
• Kotlin ofrece funciones potentes que ayudan a evitar errores de codificación comunes, como la excepción de puntero nulo.

Anteriormente expliqué las ventajas de usar Kotlin en “Kotlin vs Java: ¿cuál es la mejor opción?”.

El desarrollo de una aplicación para Android implica los siguientes pasos:

• Use Android Studio para codificar la aplicación, siguiendo “Comienza a usar Kotlin en Android” para orientación.
• Integre los SDK/API de Adobe, mesibo, BigCommerce, Stripe y Twilio en su aplicación.
• Prueba la aplicación usando Café exprésy el laboratorio de dispositivos móviles Experitest en la nube.
• Puedes seguir esta guíapara publicar la aplicación en Google Play.

18. Codifique, pruebe y publique la aplicación iOS

El flujo de trabajo del desarrollo de aplicaciones iOS implica los siguientes pasos:

• Utilizar Rápido, el lenguaje popular para el desarrollo de iOS. Este lenguaje tiene potentes funciones que ofrecen una alta productividad, además, las aplicaciones codificadas en Swift son más fáciles de mantener. Swift permite la codificación sin errores, además, puede codificar aplicaciones rápidas y de alto rendimiento al usarlo.
• Codifique la aplicación con Xcode e integre SDK y API para las funciones clave, como una herramienta de dibujo, chat de texto, compras desde la aplicación, etc.
• Puedes usar Prueba XCTy el laboratorio de dispositivos móviles de Experitest en la nube para probar la aplicación.
• Publique la aplicación en la tienda de aplicaciones de Apple, consultando esta guía.

19. Utilice una herramienta eficaz de PM

Un equipo Scrum tiene varias actividades clave, por ejemplo:

• El equipo estima y prioriza los requisitos en “reuniones de planificación de sprint”.
• El scrum master recopila el estado del proyecto en “reuniones diarias de pie” y resuelve los problemas.
• Las partes interesadas del negocio aprueban un sprint en una “reunión de revisión de sprint” después de que el equipo demuestra la aplicación.
• Debe usar una herramienta robusta para administrar estas actividades, y jira es una gran opción para esto.

¿Planea crear una aplicación de juego de dibujo como Draw Something App?

Esta guía elabora plataformas, API, SDK, IDE y marcos que ayudarán en el desarrollo; sin embargo, el mercado de aplicaciones de juegos móviles es muy competitivo. Crear una aplicación que se destaque puede ser complejo y es posible que necesite ayuda profesional.

Lea nuestra guía “¿Cómo encontrar la mejor empresa de desarrollo de software?” antes de contratar a un socio para el desarrollo.

Si usted, como director ejecutivo o director de tecnología de una empresa, todavía está buscando un socio de desarrollo de software experimentado y competente, entonces DevTeam.Space puede ayudarlo a través de su comunidad de desarrolladores de software expertos en el campo.

Puede asociarse fácilmente con estos desarrolladores de aplicaciones móviles de alta calidad enviándonos las especificaciones de su producto a través de este formulario rápido y uno de nuestros gerentes de cuenta se comunicará con usted para obtener más ayuda.

Preguntas frecuentes sobre aplicaciones como Draw Something