Adobe XD көмегімен мобильді қосымшаларды әзірлеу: 5 қадам

2024 Автор: John Day | [email protected]. Соңғы өзгертілген: 2024-01-30 10:24

Сәлем, баршаңызға! Мен Элизабет Качерекпін, орта мектепті бітіруші, мен осы нұсқаулықты жасадым, себебі мен кеңінен қолданылатын платформада мен толтыра алатын тесікті байқадым. Мен UI/UX/EX бағдарламалық жасақтамасын әзірлеу бойынша бір жылдық зерттеу жобамды бастаған кезде осындай нұсқаулықты ұнататын едім, бірақ, өкінішке орай, қосымшаны қалай жасау керектігін білуге тура келді. Бұл нұсқаулық информатиканы білмейтіндерге де, әуесқойларға да арналған. Егер сізде керемет идея бар деп ойласаңыз, бірақ оны қалай орындау керектігін білмесеңіз, мынаған қараңыз.

1 -қадам: Жоба жоспары

Бұл бастапқыда қажет емес болып көрінуі мүмкін, бірақ жобаның жоспарын жазу сізге ұзақ мерзімді перспективада анықтайды:

• Қолданбаңыздың нақты не істегенін қалайсыз (бұл мені «тәжірибемде» сақтады)
• Мақсатты аудитория кім
• Егер заңдық салдары болса (менің медициналық қосымшам болды)
• Сізді жұмысты жалғастыру үшін басқа нәрсені сипаттау қажет деп ойлайсыз.

Мен бұл қадамды жеткілікті түрде баса алмадым: бұл жобаның алдын ала жоспары болашақ даму үшін қажет көптеген құжаттарға оңай бейімделуі мүмкін.

(Назар аударыңыз, бұл негізінен сіздің қолданбалар дүкеніне арналған қосымшаның сипаттамасы! Ұпай!)

Бұл жоспар 5 беттен тұратын жарты беттік немесе одан да ұзақ болуы мүмкін. Дұрыс немесе бұрыс ештеңе жоқ, бұл сіздің көзқарасыңызды қағазға түсіруге көмектеседі.

2 -қадам: Зерттеу, құқықтық және даму

UX дизайн саяхатының басында мен болжай алмайтын бір нәрсе - мен жүргізетін зерттеулердің көптігі. Енді бұған сізді мүлде кедергі жасамаңыз, өйткені бұл мені біраз уақыт жігерлендірді, өйткені мен бұл сала туралы қаншалықты білмедім (бұл біз зерттеу керек еді), сондықтан зерттеу жобасы.)

Бұл сіздің кодты нөлден жазуды немесе көптеген мобильді қосымшаларды құрастыратын веб -сайттардың бірін қолданғыңыз келетінін шешетін қадам. Мен бұл бағдарламаны әзірлеу үшін Java -дегі «озық дағдыларымды» қолданамын деп ойлаудан бастадым, өйткені мен оны қосымшаларды құруды үйренуден гөрі оңай деп ойладым. Бұл менің қосымшамды құрудың өте тиімсіз және ыңғайсыз әдісі болды, бұл мені Adobe XD -ге ауысуға мәжбүр етті. Мен мұны сіздің қолданбаға ыңғайлы прототиптер көмегімен визуалды түрде салыстырудың негізгі конструктивті әдісі ретінде қарауды ұсынамын. Бұл керемет бағдарлама жасаушыны аяқтаудың бастамасы болмаса да, ол сіздің қосымшаңыздың сүйектерін жасау үшін жақсы жұмыс істейді, осылайша сіз алдын ала дизайнды кәсіби әзірлеушіге оңай тапсыра аласыз (iTunes дүкеніне жүктеу құқығына ие болған дұрыс). және Google Play дүкені.) Мен сіздердің назарларыңызға XD -ді қолданатын болсақ, оны жоспарлауға өте пайдалы болғанымен, қолданба дүкендерге жүктеуге дайын болмайтынын ескертемін.

Сонымен қатар, егер сіз өзіңіздің зерттеуіңіздің арқасында сіз енді сіздің қолданба идеяңызға қызығушылық танытпайтындығыңызды шешсеңіз, бәрі жоғалмайды. Құрылыс процесі әлі басталмаған кезде, сіз тек жобалық жоспарыңызға оралып, бастапқы жоспарыңызды түзете немесе мүлде сызып тастай аласыз.

Егер авторға немесе қолданушыға мүмкін заңдық талаптар болса, дәл осы кезде сізге көмек қажет болатын барлық жерлерді білгіңіз келеді. Бұл мәселелерді шешуге дайындалу әлдеқайда оңай, сондықтан сіз оларды таң қалдырудың орнына оларды жоспарлай аласыз. Бұл апталық кідірістерге әкелуі мүмкін, ақырында сіздің бастапқы уақыт кестеңізге әсер етеді.

3 -қадам: әзірлеуші қосымшасы (міндетті емес)

Енді сіз iTunes дүкеніне кіруге рұқсаты бар әзірлеуші болғыңыз келсе, өтінімді мүмкіндігінше тезірек толтыруыңыз керек (бұл қосымшаны толтыруға байланысты 99 доллар ақы бар). Сіз оларды қабылдағанша олардың өтініш беру процесі біраз уақытты алады. Егер сіз дәл осы сәтте Apple әзірлеушісіне өтініш берсеңіз және әлі де қосымшаны құрып жатқан кезде күту процесін өтсеңіз, бұл тезірек болар еді.

developer.apple.com/programs/

4 -қадам: бағдарламалық қамтамасыз етуді кодтау

Енді сіз жобаңыздың зерттеуін аяқтадыңыз, енді Adobe XD -де кодтауды бастайтын уақыт келді.

1. Бірінші заттар бірінші. Сіз оқулықтың әр қадамын орындағыңыз келеді (мен ұзақ оқулықтар үшін емеспін, бірақ мен уәде еткен осы қосымшаның көмегімен сіздің табысқа жетуіңіз қажет).
2. Мәтінді, беттерді, суреттерді қосуды, объектілерді жоюды, экрандардың ретін өзгертуді, тіпті беттерді қалай қосу керектігін түсінгеніңізге көз жеткізіңіз.
3. Аяқтағаннан кейін және арқанды түсінгеннен кейін сіз ақырында қосымшаңызды құрастыруды және кодтауды, прототипті тексеруді және ақауларды жоюды бастай аласыз!

Осы сәтте сіз өз қосымшаңызды жақсарту үшін Adobe Creator көмегімен кейбір құралдар мен кейбір заттарды қалай жасау керектігі туралы мен тапқан зерттеулерді қолдануға кірісе аласыз. Дегенмен, мен сіздің жобаңызға ерекше элементтерді іздеу үшін іздеу жолағына кіруді ұсынамын.

5 -қадам: Final Stretch/ Development

Құттықтаймыз, сіз осы деңгейге жеттіңіз, яғни сіздің кодыңызда қателер жоқ! Осы жерден сіз бета -тестілеуді бастауыңыз керек, ол тек бөтен қателерді тауып қана қоймай, сонымен қатар сіздің өнім туралы объективті пікір алу. Сіздің кодыңызға қанағаттанған соң, сіз сыртқы ресурстарды қолдана отырып, дамуға кірісе аласыз.