Desenvolvimento de aplicativo móvel usando Adobe XD: 5 etapas

2024 Autor: John Day | [email protected]. Última modificação: 2024-01-30 11:37

Olá, pessoal! Eu sou Elizabeth Kacerek, graduando-me no colégio e criei este instrutível porque notei uma lacuna nesta plataforma amplamente usada que eu poderia preencher. Eu teria adorado esse tipo de guia quando comecei meu projeto de pesquisa de um ano sobre desenvolvimento de software UI / UX / EX, mas infelizmente tive que descobrir da maneira mais difícil como desenvolver um aplicativo. Este instrutível é voltado tanto para os nerds da ciência da computação quanto para os amadores. Portanto, se você acha que tem uma ótima ideia, mas não tem a menor idéia de como executá-la, dê uma olhada nisto.

Etapa 1: Plano do Projeto

Isso pode parecer desnecessário no início, mas digitar um plano de projeto definitivamente irá ajudá-lo a longo prazo, definindo:

• O que você deseja que seu aplicativo faça especificamente (isso me manteve no meu "escopo de prática")
• Quem é o público-alvo
• Se houver implicações legais possíveis (o meu era um aplicativo médico)
• Qualquer outra coisa que você ache que precisaria delinear para mantê-lo concentrado na tarefa.

Eu realmente não poderia enfatizar esta etapa o suficiente: este plano de projeto preliminar pode ser facilmente adaptado em muitos documentos que você precisa para desenvolvimento futuro.

(Observe que esta é basicamente a descrição de seu aplicativo para a app store! Pontuação!)

Este plano pode ter meia página e 5 páginas, ou talvez até mais. Não há certo ou errado, o que quer que o ajude a colocar sua visão no papel.

Etapa 2: Pesquisa, Jurídico e Desenvolvimento

Uma coisa que eu não poderia ter adivinhado no início da minha jornada de design UX é a quantidade de pesquisas que eu estaria fazendo. Agora, não deixe que isso o detenha de forma alguma, porque certamente me desencorajou um pouco inicialmente devido ao fato de ter sido pego de surpresa pelo quanto eu não sabia sobre esse campo (que é exatamente o que deveríamos pesquisar, daí o projeto de pesquisa.)

Esta é a etapa em que você decide se deseja escrever seu código do zero ou utilizar um dos muitos sites de compilação de aplicativos móveis. Eu pessoalmente comecei pensando em "apenas usar minhas habilidades avançadas" em Java para desenvolver este aplicativo, porque imaginei que seria mais fácil do que aprender a usar um aplicativo de construção de aplicativo. Isso acabou sendo uma maneira muito ineficiente e inconveniente de construir meu aplicativo, o que me fez realmente acabar mudando para o Adobe XD. Recomendo enfaticamente que considere isso como sua principal forma construtiva de mapear seu aplicativo visualmente com prototipagem amigável. Embora este não seja um construtor de aplicativo perfeito do começo ao fim, ele funciona bem para construir os ossos do seu aplicativo para que você possa facilmente entregar seu projeto preliminar a um desenvolvedor profissional (de preferência um que tenha os direitos de upload para a loja do iTunes e Google Play Store.) Estou enfatizando isso para chamar sua atenção para o fato de que se você usar o XD, embora seja muito útil para o planejamento, o aplicativo não estará pronto para ser carregado nas lojas.

Além disso, se por meio de sua pesquisa você decidir que não está mais animado com a ideia do seu aplicativo, nem tudo está perdido. Com o processo de construção ainda não iniciado, você pode simplesmente voltar ao seu plano de projeto e ajustar, ou riscar completamente, seu plano original.

Se houver requisitos legais possíveis para o criador ou para o usuário, é quando você deseja descobrir todos os lugares em que precisará de ajuda. É muito mais fácil se preparar para lidar com esses problemas agora, então você pode planejá-los em vez de surpreendê-lo. Isso pode causar semanas de atrasos, afetando sua linha do tempo original.

Etapa 3: aplicativo do desenvolvedor (opcional)

Agora, se você deseja se tornar oficialmente um desenvolvedor com acesso à loja do iTunes, deve preencher o formulário o mais rápido possível (há uma taxa de $ 99 associada ao preenchimento deste formulário). O processo de inscrição deles demora um pouco até que você seja aceito. Seria mais rápido se você se inscrevesse como desenvolvedor da Apple neste momento e passasse pelo processo de espera enquanto ainda está criando seu aplicativo.

developer.apple.com/programs/

Etapa 4: codificação de software

Agora que você concluiu a pesquisa por trás de seu projeto, é hora de começar a codificar em Adobe XD.

1. Primeiras coisas primeiro. Você deseja seguir todas as etapas do tutorial (não gosto de tutoriais longos, mas isso é fundamental para o seu sucesso com este aplicativo, eu prometo).
2. Certifique-se de entender como adicionar texto, páginas, imagens, excluir objetos, reordenar telas e até mesmo como conectar suas páginas.
3. Assim que terminar e entender o que está acontecendo, você pode finalmente começar a esboçar e codificar seu aplicativo, testar o protótipo e depurar problemas!

Neste ponto, você pode começar a usar algumas das pesquisas que encontrei sobre várias ferramentas e como fazer certas coisas com o criador da Adobe para aprimorar seu aplicativo. No entanto, eu definitivamente recomendo ir até a barra de pesquisa para procurar por elementos específicos que são exclusivos do seu projeto.

Etapa 5: alongamento / desenvolvimento final

Parabéns, você chegou a este ponto, o que significa que você não tem nenhum bug em seu código! A partir daqui, você deve começar o teste beta com o objetivo não apenas de encontrar bugs externos, mas também de obter uma opinião imparcial sobre o seu produto. Quando estiver satisfeito com seu código, você pode começar a avançar para o desenvolvimento usando recursos externos.