Adobe XD ilə Mobil Tətbiq İnkişafı: 5 addım

2024 Müəllif: John Day | [email protected]. Son dəyişdirildi: 2024-01-30 07:45

Salam, hamınız! Mən Elizabeth Kacerek, liseyi bitirən bir məzunam və bu geniş istifadə olunan platformada doldura biləcəyim bir deşik gördüyüm üçün bu təlimatı yaratdım. UI/UX/EX proqram inkişafına dair bir illik araşdırma layihəmə başladığım zaman bu cür bələdçini çox sevərdim, amma təəssüf ki, bir tətbiqin dizaynının necə çətin bir yol tapacağını öyrənmək məcburiyyətində qaldım. Bu təlimat həm kompüter elmləri, həm də həvəskarlar üçün nəzərdə tutulmuşdur. Yaxşı bir fikriniz olduğunu düşünürsünüzsə, amma onu necə həyata keçirəcəyiniz barədə heç bir fikriniz yoxdursa, buna bir nəzər salın.

Addım 1: Layihə Planı

İlk baxışdan bu lazımsız görünə bilər, ancaq bir layihə planının yazılması sizə uzunmüddətli perspektivdə sizə kömək edəcək:

• Tətbiqinizin konkret olaraq nə etməsini istəyirsiniz (bu məni "təcrübə dairəmdə" saxladı)
• Məqsədli auditoriya kimdir
• Mümkün hüquqi nəticələr varsa (mənimki tibbi tətbiq idi)
• İşinizi davam etdirmək üçün təsvir etməli olduğunuz başqa bir şey.

Həqiqətən də bu addımı yetərincə vurğulaya bilmədim: bu ilkin layihə planı gələcək inkişaf üçün lazım olan bir çox sənədə asanlıqla uyğunlaşdırıla bilər.

(Qeyd edək ki, bu, əsasən tətbiq mağazası üçün tətbiq təsvirinizdir! Hesab!)

Bu plan yarım səhifə uzunluğunda 5 səhifə və ya daha da uzun ola bilər. Vizyonunuzu kağıza çevirməyə kömək edən nə olursa olsun, doğru və ya səhv yoxdur.

Addım 2: Araşdırma, Hüquq və İnkişaf

UX dizayn səyahətimin əvvəlində təxmin edə bilmədiyim bir şey, edəcəyim araşdırmaların çox olmasıdır. İndi bu sizi heç cür maneə törətməsin, çünki bu sahə haqqında nə qədər bilmədiyimə görə əvvəlcə məni bir az ruhdan saldı (tədqiq etməli olduğumuz şey budur, buna görə də tədqiqat layihəsi.)

Kodunuzu sıfırdan yazmaq və ya bir çox mobil tətbiq tərtib edən veb saytlardan birini istifadə etmək istəməyinizə qərar verdiyiniz addım budur. Şəxsən mən bu proqramı inkişaf etdirmək üçün Java -da "sadəcə qabaqcıl" bacarıqlarımı istifadə edəcəyimi düşünərək başladım, çünki bir tətbiq qurma tətbiqindən istifadə etməyi öyrənməyin daha asan olacağını düşündüm. Bu, Adobe XD -yə keçməyimə səbəb olan tətbiqimi qurmağın çox səmərəsiz və əlverişsiz bir yolu oldu. İstifadəçi dostu prototiplə tətbiqinizi vizual olaraq xəritələşdirməyin əsas konstruktiv yolu olaraq bunu araşdırmağı məsləhət görürəm. Mükəmməl bir tətbiq qurucusunu bitirmək üçün bir başlanğıc olmasa da, tətbiqinizin sümüklərini qurmaq yaxşı işləyir, beləliklə ilkin dizaynınızı peşəkar bir geliştiriciyə (tercihen iTunes mağazasına yükləmək hüququna malik olana) verə bilərsiniz. və Google Play mağazası.) Diqqətinizə çatdırmaq üçün bunu vurğulayıram ki, planlaşdırma üçün çox faydalı olsa da, tətbiq mağazalara yükləməyə hazır olmayacaq.

Əlavə olaraq, araşdırmalarınız nəticəsində tətbiq fikirinizdən artıq həyəcanlanmadığınıza qərar verərsinizsə, hamısı itirilməyəcək. Tikinti prosesi hələ başlamamış olsa da, layihə planınıza qayıda və orijinal planınızı düzəldə və ya tamamilə sıfırlaya bilərsiniz.

Yaradıcı və ya istifadəçi üçün mümkün qanuni tələblər varsa, köməyə ehtiyac duyacağınız bütün yerləri öyrənmək istədiyiniz zaman budur. İndi bu problemləri həll etməyə hazırlaşmaq daha asandır, buna görə sizi təəccübləndirmək əvəzinə bunları planlaşdıra bilərsiniz. Bu, bəlkə də həftəlik gecikmələrə səbəb ola bilər və nəticədə orijinal qrafiki təsir edə bilər.

Addım 3: Geliştirici Tətbiqi (İsteğe bağlı)

İndi rəsmi olaraq iTunes mağazasına çıxışı olan bir geliştirici olmaq istəyirsinizsə, ərizəni ən qısa müddətdə doldurmalısınız (Bu tətbiqin verilməsi ilə əlaqədar 99 dollar haqqı var). Qəbul olunana qədər onların müraciət prosesi bir müddət çəkir. Bu anda Apple geliştiricisi üçün müraciət etsəniz və hələ də tətbiqinizi qurarkən gözləmə prosesindən keçsəniz ən sürətli olardı.

developer.apple.com/programs/

Addım 4: Proqramlaşdırma Kodlaşdırması

Layihənizin arxasındakı araşdırmanı tamamladığınız üçün Adobe XD -də kodlamağa başlamağın vaxtı gəldi.

1. İlk şey birinci. Dərsliyin hər addımını izləmək istəyirsən (uzun dərslər üçün deyiləm, amma söz verdiyim bu tətbiqlə uğur qazanmağınız vacibdir).
2. Mətn, səhifələr, şəkillər əlavə etməyi, obyektləri silməyi, ekranları yenidən sıralamağı və hətta səhifələrinizi necə bağlayacağınızı anladığınızdan əmin olun.
3. İşinizi bitirdikdən və ipləri başa düşdükdən sonra nəhayət tətbiqinizi hazırlamağa və kodlaşdırmağa, prototipi sınamağa və problemlərin düzəldilməsinə başlaya bilərsiniz!

Bu nöqtədə, müxtəlif vasitələr və tətbiqinizi inkişaf etdirmək üçün Adobe creator ilə müəyyən şeylər etmək haqqında tapdığım araşdırmalardan istifadə etməyə başlaya bilərsiniz. Bununla birlikdə, layihənizə xas olan xüsusi elementləri axtarmaq üçün mütləq axtarış çubuğuna daxil olmağı məsləhət görürəm.

Addım 5: Final Stretch/ İnkişaf

Təbrik edirik, bu nöqtəyə çatmısınız, yəni kodunuzda heç bir səhv yoxdur! Buradan, yalnız kənar səhvlər tapmaqla deyil, həm də məhsulunuz haqqında qərəzsiz bir fikir əldə etmək məqsədi ilə beta testinə başlamalısınız. Kodunuzdan razı qaldıqdan sonra kənar mənbələrdən istifadə edərək inkişafa başlamağa başlaya bilərsiniz.