Desarrollo de aplicaciones móviles con Adobe XD: 5 pasos

2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:42

¡Hola a todos! Soy Elizabeth Kacerek, una estudiante de último año de secundaria y creé este instructable porque noté un agujero en esta plataforma ampliamente utilizada que podía llenar. Me hubiera encantado este tipo de guía cuando comencé mi proyecto de investigación de un año sobre el desarrollo de software UI / UX / EX, pero lamentablemente tuve que descubrir por las malas cómo diseñar una aplicación. Este instructivo está dirigido tanto a los nerds de la informática como a los aficionados. Entonces, si cree que tiene una gran idea pero no tiene la menor idea de cómo ejecutarla, eche un vistazo a esto.

Paso 1: plan del proyecto

Esto puede parecer innecesario al principio, pero escribir un plan de proyecto definitivamente lo ayudará a largo plazo al definir:

• Qué quieres que haga tu aplicación específicamente (esto me mantuvo en mi "ámbito de práctica")
• Quién es el público objetivo
• Si hay posibles implicaciones legales (la mía era una aplicación médica)
• Cualquier otra cosa que creas que necesitarías delinear para mantenerte concentrado.

Realmente no podría enfatizar lo suficiente este paso: este plan de proyecto preliminar se puede adaptar fácilmente a muchos documentos que necesita a mano para el desarrollo futuro.

(¡Tenga en cuenta que esta es básicamente la descripción de su aplicación para la tienda de aplicaciones! ¡Puntaje!)

Este plan puede tener media página de 5 páginas, o tal vez incluso más. No hay bien ni mal, lo que sea que te ayude a plasmar tu visión en papel.

Paso 2: Investigación, Legal y Desarrollo

Una cosa que no podría haber adivinado al comienzo de mi viaje de diseño de UX es la gran cantidad de investigación que estaría haciendo. Ahora, no dejes que esto te detenga en absoluto, porque ciertamente me desanimó un poco inicialmente debido a que me tomaron con la guardia baja en cuanto a lo mucho que no sabía sobre este campo (que es exactamente lo que se suponía que debíamos investigar, de ahí el proyecto de investigación.)

Este es el paso en el que decide si desea escribir su código desde cero o utilizar uno de los muchos sitios web de compilación de aplicaciones móviles. Personalmente, comencé pensando que "solo usaría mis habilidades avanzadas" en Java para desarrollar esta aplicación porque imaginé que sería más fácil que aprender a usar una aplicación de creación de aplicaciones. Esto terminó siendo una forma muy ineficiente e inconveniente de crear mi aplicación, lo que hizo que terminara cambiándome a Adobe XD. Recomiendo encarecidamente considerar esto como su principal forma constructiva de mapear su aplicación visualmente con prototipos fáciles de usar. Si bien este no es un creador de aplicaciones perfecto de principio a fin, funciona bien para construir los huesos de su aplicación para que pueda entregar fácilmente su diseño preliminar a un desarrollador profesional (preferiblemente uno que tenga los derechos para cargarlo en la tienda de iTunes). y Google Play store.) Estoy enfatizando esto para llamar su atención sobre que si usa XD, aunque es muy útil para la planificación, la aplicación no estará lista para cargarse en las tiendas.

Además, si a través de su investigación decide que ya no está entusiasmado con la idea de su aplicación, no todo está perdido. Con el proceso de construcción aún no iniciado, puede volver a su plan de proyecto y ajustar o eliminar por completo su plan original.

Si existen posibles requisitos legales para el creador o para el usuario, aquí es cuando desea conocer todos los lugares en los que necesitará ayuda. Es mucho más fácil prepararse para abordar estos problemas ahora, de modo que pueda planificarlos en lugar de sorprenderlo. Esto posiblemente puede causar semanas de retrasos, lo que finalmente afectará su línea de tiempo original.

Paso 3: Aplicación de desarrollador (opcional)

Ahora, si desea convertirse oficialmente en un desarrollador con acceso a la tienda de iTunes, debe completar la solicitud lo antes posible (hay una tarifa de $ 99 asociada con la presentación de esta solicitud). Su proceso de solicitud lleva un tiempo hasta que lo acepten. Sería más rápido si solicitara un desarrollador de Apple en este punto y pasara por el proceso de espera mientras aún está construyendo su aplicación.

developer.apple.com/programs/

Paso 4: codificación de software

Ahora que ha completado la investigación detrás de su proyecto, es el momento de comenzar a codificar en Adobe XD.

1. Lo primero es lo primero. Desea seguir cada paso del tutorial (no soy de los que usan tutoriales largos, pero esto es imperativo para su éxito con esta aplicación, lo prometo).
2. Asegúrese de comprender cómo agregar texto, páginas, imágenes, eliminar objetos, reordenar pantallas e incluso cómo conectar sus páginas.
3. Una vez que haya terminado y haya entendido las cosas, finalmente puede comenzar a redactar y codificar su aplicación, probar el prototipo y depurar problemas.

En este punto, puede comenzar a usar algunas de las investigaciones que he encontrado sobre varias herramientas y cómo hacer ciertas cosas con Adobe Creator para mejorar su aplicación. Sin embargo, definitivamente recomiendo ir a la barra de búsqueda para buscar elementos específicos que sean únicos para su proyecto.

Paso 5: Estiramiento / desarrollo final

¡Felicitaciones, ha llegado a este punto, lo que significa que no tiene ningún error en su código! A partir de aquí, debe comenzar las pruebas beta con el objetivo no solo de encontrar errores extraños, sino también de obtener una opinión imparcial sobre su producto. Una vez que esté satisfecho con su código, puede comenzar a impulsar el desarrollo utilizando recursos externos.