Tworzenie aplikacji mobilnych przy użyciu Adobe XD: 5 kroków

2025 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2025-01-23 15:03

Cześć, wszyscy! Jestem Elizabeth Kacerek, maturzystka w liceum i stworzyłam tę instrukcję, ponieważ zauważyłam dziurę w tej powszechnie używanej platformie, którą mogłam wypełnić. Podobał mi się ten rodzaj przewodnika, kiedy rozpoczynałem swój roczny projekt badawczy dotyczący tworzenia oprogramowania UI/UX/EX, ale niestety musiałem znaleźć trudny sposób, jak zaprojektować aplikację. Ta instrukcja jest przeznaczona zarówno dla nerdów informatyki, jak i hobbystów. Więc jeśli uważasz, że masz świetny pomysł, ale nie masz najmniejszego pojęcia, jak go zrealizować, spójrz na to.

Krok 1: Plan projektu

Na początku może się to wydawać niepotrzebne, ale napisanie planu projektu z pewnością pomoże na dłuższą metę poprzez zdefiniowanie:

• Co konkretnie chcesz, aby Twoja aplikacja robiła (to trzymało mnie w moim „zakresie praktyki”)
• Kim jest zamierzona publiczność
• Jeśli możliwe są konsekwencje prawne (moja była aplikacją medyczną)
• Cokolwiek innego, o czym myślisz, że trzeba by było nakreślić, aby utrzymać się w zadaniu.

Naprawdę nie mogłem wystarczająco podkreślić tego kroku: ten wstępny plan projektu można łatwo dostosować do wielu dokumentów, które są potrzebne do przyszłego rozwoju.

(Pamiętaj, że jest to w zasadzie opis Twojej aplikacji w sklepie z aplikacjami! Punktacja!)

Ten plan może mieć pół strony, 5 stron, a może nawet dłużej. Nie ma dobra ani zła, cokolwiek pomoże Ci przelać Twoją wizję na papier.

Krok 2: Badania, prawo i rozwój

Jedyną rzeczą, której nie mogłem się domyślić na początku mojej przygody z projektowaniem UX, jest ogromna ilość badań, które będę robił. Nie pozwól, aby to cię w ogóle zniechęciło, ponieważ z pewnością początkowo trochę mnie to zniechęciło, ponieważ po prostu zaskoczyłem, jak wiele nie wiedziałem o tej dziedzinie (a dokładnie to, co mieliśmy zbadać, stąd projekt badawczy.)

Na tym etapie decydujesz, czy chcesz napisać kod od zera, czy skorzystać z jednej z wielu stron do kompilowania aplikacji mobilnych. Osobiście zacząłem od myślenia, że „wykorzystam swoje zaawansowane” umiejętności w Javie do stworzenia tej aplikacji, ponieważ wyobrażałem sobie, że będzie to łatwiejsze niż nauka korzystania z aplikacji do tworzenia aplikacji. Skończyło się to na bardzo nieefektywnym i niewygodnym sposobie budowania mojej aplikacji, co spowodowało, że faktycznie przeszedłem na Adobe XD. Gorąco polecam przyjrzenie się temu jako główny konstruktywny sposób wizualnego mapowania aplikacji za pomocą przyjaznego dla użytkownika prototypowania. Chociaż nie jest to początek i koniec doskonałego kreatora aplikacji, dobrze działa tworzenie szkieletów aplikacji, dzięki czemu możesz łatwo przekazać wstępny projekt profesjonalnemu programiście (najlepiej takiemu, który ma prawa do przesyłania do sklepu iTunes). i sklep Google Play.) Podkreślam to, aby zwrócić uwagę, że jeśli korzystasz z XD, choć bardzo przydatnego do planowania, aplikacja nie będzie gotowa do przesłania do sklepów.

Dodatkowo, jeśli poprzez swoje badania zdecydujesz, że nie jesteś już podekscytowany swoim pomysłem na aplikację, nie wszystko stracone. Ponieważ proces budowania jeszcze się nie rozpoczął, możesz po prostu wrócić do planu projektu i dostosować lub całkowicie zresetować pierwotny plan.

Jeśli istnieją możliwe wymagania prawne dla twórcy lub użytkownika, to właśnie wtedy chcesz poznać wszystkie miejsca, w których będziesz potrzebować pomocy. O wiele łatwiej jest teraz przygotować się do rozwiązania tych problemów, dzięki czemu można je zaplanować, zamiast zaskakiwać. Może to spowodować tygodnie opóźnień, ostatecznie wpływając na pierwotną oś czasu.

Krok 3: Aplikacja deweloperska (opcjonalnie)

Teraz, jeśli chcesz oficjalnie zostać programistą z dostępem do sklepu iTunes, powinieneś jak najszybciej wypełnić wniosek (złożenie wniosku wiąże się z opłatą 99 USD). Ich proces aplikacyjny zajmuje trochę czasu, zanim zostaniesz zaakceptowany. Najszybciej byłoby, gdybyś w tym momencie aplikował na programistę Apple i przeszedł proces oczekiwania, podczas gdy nadal tworzysz swoją aplikację.

developer.apple.com/programs/

Krok 4: Kodowanie oprogramowania

Teraz, po zakończeniu badań związanych z projektem, nadszedł czas na rozpoczęcie kodowania w programie Adobe XD.

1. Pierwsza rzecz jest pierwsza. Chcesz śledzić każdy krok samouczka (nie jestem zwolennikiem długich samouczków, ale obiecuję, że jest to konieczne do sukcesu z tą aplikacją).
2. Upewnij się, że wiesz, jak dodawać tekst, strony, obrazy, usuwać obiekty, zmieniać kolejność ekranów, a nawet łączyć strony.
3. Gdy skończysz i zrozumiesz zasady, możesz w końcu zacząć szkicować i kodować swoją aplikację, testować prototyp i problemy z debugowaniem!

W tym momencie możesz zacząć korzystać z niektórych badań, które znalazłem na temat różnych narzędzi i sposobów tworzenia pewnych rzeczy za pomocą kreatora Adobe, aby ulepszyć swoją aplikację. Jednak zdecydowanie polecam przejście do paska wyszukiwania, aby poszukać konkretnych elementów, które są unikalne dla Twojego projektu.

Krok 5: Końcowe rozciąganie/rozwój

Gratulacje, dotarłeś do tego punktu, co oznacza, że nie masz żadnych błędów w swoim kodzie! Od tego momentu powinieneś rozpocząć beta testy w celu nie tylko znalezienia obcych błędów, ale także uzyskania bezstronnej opinii na temat Twojego produktu. Gdy już będziesz zadowolony ze swojego kodu, możesz rozpocząć wypychanie do rozwoju, korzystając z zasobów zewnętrznych.