Мысал арқылы мобильді қосымшаны құру процесі. Мобильді қосымшаларды әзірлеу кезеңдері. Мобильді қосымшаларды жобалау кезеңдері

Бұл мақалада біз кез келген бағдарламалау тілінде жазылған бағдарламаны әзірлеудің негізгі кезеңдерін ашуға тырысамыз.

Спецификация (бағдарлама талаптарының анықтамасы):

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

Алгоритм құрастыру:

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

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

Бағдарламаны құрудың бұл кезеңінің нәтижесі бағдарлама алгоритмінің толық ауызша сипаттамасы немесе алгоритмнің блок-схемасы болып табылады. Осы мақаланы оқу арқылы кез келген бағдарламаның алгоритмін қалай жасау керектігі туралы егжей-тегжейлі біле аласыз.

Кодтау:

Шешім алгоритмін көрсетіп, құрастырғаннан кейін қолданылған алгоритм ақыр соңында қажетті бағдарламалау тілінде (Pascal, Delphi, C++ және т.б.) жазылады. Кодтау кезеңінің нәтижесі аяқталған бағдарлама болып табылады.

Бағдарламаны әзірлеу кезеңдері. Түзету:

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

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

Тестілеу:

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

Анықтама жүйесін құру:

Егер бағдарламашы оны кейіннен басқалар пайдалана алатындай етіп жасаса, онда бағдарламашы анықтамалық жүйені жасап, оңай орнатуы керек. жылдам қол жеткізубағдарламамен жұмыс істегенде осы анықтама жүйесін қараңыз. Қазіргі бағдарламаларда CHM немесе HLP файлдары түріндегі анықтамалық ақпарат бар.

Анықтамалық ақпараттан басқа, анықтамалық жүйеде бағдарламаны орнатуға қажетті нұсқаулар бар. Олар әдетте әр түрлі пішімдегі Readme файлы түрінде ұсынылады: *.doc, *.txt, *.htm. Бағдарламаны әзірлеудің қарастырылған кезеңі кейінірек толығырақ сипатталатын болады.

Орнату дискісін (CD-ROM) жасау:

Әзірлеушілер орнату дискісін (CD-ROM) жасайды, осылайша пайдаланушылар бағдарламашының көмегінсіз өздігінен орната алады. бұл бағдарламакомпьютеріңізге.

Әдетте, бағдарламаның өзіне қосымша, орнату ықшам дискісінде анықтамалық файлдар мен бағдарламаны орнату нұсқаулары болады. Айта кету керек, қазіргі заманғы бағдарламалардың көпшілігі, соның ішінде Delphi ортасында жасалған бағдарламалар, көптеген жағдайларда, тіпті файлдарды жай көшіру арқылы пайдаланушының компьютеріне орнату мүмкін емес, өйткені бұл бағдарламалардың дұрыс жұмыс істеуі үшін арнайы кітапханалардың болуы қажет, сондай-ақ белгілі бір пайдаланушының ДК-де болуы мүмкін емес компоненттер.

Интернет пен смартфондардың қолжетімділігімен мобильді қосымшаларға деген қызығушылық жыл сайын артып келеді. Әзірлеулердің тақырыптары мен функционалдығы таң қалдыруды тоқтатпайды. Ірі кәсіпорындар мен ұйымдар бизнесін кеңейту үшін мобильді қосымшаларға жүгінуде.

Идеядан іске асыруға дейін мобильді қосымша бірнеше маңызды дайындық кезеңдерімен бөлінеді:

• мақсатты нарықты анықтау
• дизайн
• егжей-тегжейлі техникалық спецификацияларды жасау (TOR)
• прототиптеу
• дизайн
• даму
• тестілеу
• сынақтан және өзгертулерден кейін біз жұмысты жариялаймыз мобильді нұсқасықолданбалар App Store, Google Playжәне т.б. шолулар мен статистиканы қадағалаңыз

, сіз MVP (ең төменгі өміршең өнім) қандай функционалдық құрайтынын, болашақта кеңейту үшін архитектура арқылы қалай ойлануға болатынын, қандай технологияларды таңдау керектігін және сонымен қатар еңбек шығындарын шешу қажет болғанда бетбұрыс кезеңі бар. және жобаның орындалу мерзімі. Бұл процесті оңтайландыру үшін дизайнды жасау ұсынылады. Төменде біз бұл кезеңнің неліктен маңызды екенін және қандай қолданбаларды жасау кезінде оны өткізіп жіберуге болатынын және қайсысын жасау кезінде тұтынушыға қосымша инвестицияларды қажет ететін қателік болатынын түсіндіреміз.

Мобильді қосымшаның дизайны

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

Бұл кезеңнің міндеті мынаны түсіну және жазу:

1. Жоба бойынша топтардың өзара әрекеттесуі екі жақтан қалай өтеді?

2. Әзірлеуге қандай ресурстар тартылады (ең алдымен тапсырыс беруші мен әзірлеуші ​​мамандардың еңбегі)

3. MVP және оның функционалдығын іске қосудың нақты уақыт шеңбері қандай?

4. MVP шығарылғаннан кейін жоба қалай дамиды (ұзақ мерзімді жобаны дамыту жоспары)

Мобильді қосымшаларды жобалау кезеңдері

1. Маркетинг

1) Қосымшаны құру мақсаттары

Қолданбаны жасамас бұрын оның даму мақсаттарына ерекше назар аудару керек. Ең жиі кездесетін сұрақтар: «Бұл қолданба кімге арналған?», «Адамдар оны не үшін пайдаланады?» Жобалау процесінде бұл сәттер мүмкіндігінше терең және егжей-тегжейлі өңделеді - бұл ақпаратсыз даму өзінің мәнін жоғалтады.

2) Теңшелетін сценарийлер

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

3) Көтермелеу

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

2. Архитектура, құрылым және интерфейстер

1) Сәулет

Сервер деректер қорының дизайны

2) Құрылымы

Алдыңғы кезеңнің нәтижелері бойынша біз қажет нәрсені қалдырып, қажетсізді тастап, қосымшаның құрылымын жасаймыз.

3) Интерфейстің прототиптері

Тағы да пайдаланушы сценарийлеріне сүйене отырып, біз барлық қолданба интерфейстерінің (экрандардың) прототиптерін жасаймыз.

3. Технология

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

4. MVP таңдау

Минималды функционалдылықты іске қосу қолданбаны тестілеуді қысқа мерзімде - 2-3 ай ішінде бастауға мүмкіндік береді. Бұл аудиториямен байланыста болуға, жүктеп алуға, пайдаланушы сценарийлерін жазу процесінде жасалған гипотезаларды растауға/болмауға, интерфейстер мен ыңғайлылық туралы алғашқы пікірлерді алуға мүмкіндік береді.

MVP - бұл функционалдығы мен дизайны анық, нақты белгіленген мерзімдері мен жасаудың тұрақты құны бар өнім. MVP әзірлеу кезеңінде топтың қалай жұмыс істегеніне сүйене отырып, сіз Уақыт пен Материалдық шарттар бойынша (нақты жұмсалған стандартты сағаттарға негізделген) одан әрі ынтымақтастық туралы шешім қабылдай аласыз.

5. Ұзақ мерзімді даму жоспарын құрыңыз

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

Мобильді қосымшаны жасамас бұрын дизайнның артықшылықтары туралы тағы бір рет

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

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

Дмитрий Дементий

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

Тіпті ең керемет мобильді қосымшаның жалғыз жарнама құралы бола алмайтынын есте сақтаңыз. Тек жан-жақты интернет-маркетинг трафик пен сатылым тұрғысынан максималды нәтиже береді.

Өзіңіздің мобильді қосымшаңызды жасау керек пе?

Шығындар. Егер сіз менің сөзімді қабылдамасаңыз, міне, кейбір фактілер:

• Flurry Analytics және comScore мәліметтері бойынша смартфондар мен планшеттердің иелері браузерді құрылғымен жұмыс істеуге жұмсалған жалпы уақыттың тек 14%-ын ғана пайдаланады. Және олар уақытының 86% әртүрлі қосымшаларға жұмсайды.
• Орнатылған қолданба- тұтынушымен тікелей байланыс арнаңыз. Ойлап көріңізші: сізге жарнамаға ақша жұмсаудың немесе Яндекс арқылы адамның сізді табуын күтудің қажеті жоқ. Пайдаланушыға қажетті функционалдылықты қолдау және оған сәйкес мазмұнды қамтамасыз ету ғана қалады.
• Планшеттер мен смартфондар арқылы сатып алулар саны жалпы Интернетте де, RuNet-те де өсуде. Criteo маркетинг агенттігінің мәліметі бойынша, 2016 жылдың өзінде RuNet-тегі онлайн транзакциялардың жартысынан көбі мобильді құрылғылар арқылы жасалады.

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

Бұл жағдайда Android және iOS үшін кәсіпқойлар жасаған арнайы бағдарламалардан гөрі, тәуекелге бел буып, адал тұтынушыларға DIY қолданбаларын ұсыну керек пе? Оны анықтап көрейік.

Қолданбаны қашан өзіңіз жасай аласыз?

Веб-сайтқа келушілерге не қажет екенін есіңізде ме? Олар ресурстың мазмұнына немесе функционалдығына байланысты келеді. Адамдар ақпарат алуды, бірдеңе сатып алуды, достарының фотосуреттерін қарап, оларға түсініктеме беруді және т.б. Мобильді қолданба пайдаланушыларына да дәл солай қажет. Олар ақпарат іздейді немесе қандай да бір транзакция жасайды.

Бизнестің өз бетімен веб-сайт жасай алатын кезі есіңізде ме? Кәсіби мамандармен жұмыс істеуге әлі ақшаңыз болмаған кезде дұрыс, бірақ сізде WordPress немесе Joomla-ны анықтауға әлі де уақыт пен тілек бар. Дәл осындай жағдай қолданбаларда. IOS және Android үшін өздігінен жасалған бағдарламаларды ашық бастапқы қозғалтқыштарда жасалған веб-сайттармен шамамен салыстыруға болады.

Жұмысты бастау үшін тіркелудің қажеті жоқ. «Қазір жасау» түймесін басыңыз басты бетнемесе қызметтің кез келген бетіндегі жоғарғы оң жақ бұрыштағы Қолданба жасау мәзірін таңдаңыз.

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

• Нұсқаулық. Бұл үлгі нұсқаулық бағдарламасын жасауға мүмкіндік береді.
• Блог. Қолданба блог аудиториясына смартфон немесе планшет экранынан жаңа жазбаларды оқуға көмектеседі.
• Веб-сайт. Үлгі веб-сайтты қолданбаға түрлендіреді.
• Беттер. Бұл үлгі арқылы кез келген мазмұнды қарапайым функционалдығы бар қолданбаға түрлендіруге болады.
• Жаңалықтар. Үлгі салалық немесе аймақтық жаңалықтардың агрегаторы болып табылатын қолданбаны жасауға мүмкіндік береді.
• Бет. Үлгі электрондық кітап сияқты желіден тыс мазмұнды қолданбаға түрлендіреді.
• VK парақшасы және Facebook парақшасы. ВКонтакте және Facebook желісіндегі ашық топтардың жаңартуларын бақылауға мүмкіндік беретін қолданба жасаңыз.
• YouTube. YouTube арнаңызды жарнамалау үшін үлгіні пайдаланыңыз.

Блог қолданбасын қалай жасауға болады

Блог үлгісін пайдаланыңыз. Сәйкес өріске блогыңыздың немесе RSS арнасының URL мекенжайын енгізіңіз. Жазба тақырыбы түсін таңдаңыз.

Қолданбаның атын енгізіңіз.

Сипаттама қосыңыз.

Стандартты біреуін таңдаңыз немесе пайдаланушы белгішесін қосыңыз. Сәйкес кескін өлшемі 512 x 512 пиксель.

Жүктеп алу файлын жасау үшін Қолданба жасау түймесін басыңыз. Осыдан кейін сіз жүйеде тіркелуіңіз керек. Тіркеуіңізді растаңыз және жеке кабинетке өтіңіз. Мұнда қолданбаны мобильді құрылғыңызға орнатуға, оны Google Play және Amazon App Store дүкендерінде жариялауға болады. Жүйе сонымен қатар монетизация опциясын ұсынады. Бұл мүмкіндікті пайдалансаңыз, қолданбада жарнамалар көрсетіледі.

Қолданбаның мобильді құрылғыда қалай жұмыс істейтінін тексеріңіз. Планшетте бағдарлама тақырып және хабарландыру форматындағы блог жазбаларының тізімін көрсетуі керек.

IN жеке шот AppsGeyser көмегімен орнатулар санын бақылауға, push хабарландыруларын жасауға, қолданбаны дүкендерде жариялауға, бағдарламаны жарнама арқылы монетизациялауға, сонымен қатар қолданбаны өңдеуге болады.

Қосымша қолданбалар қажет пе? Содан кейін Manual үлгісін пайдаланып нұсқаулық қолданбасын жасаңыз.

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

Назар аударыңыз, көпшілігі мобильді құрылғыларӘдепкі бойынша, ол белгісіз көздерден қолданбаларды орнатуды блоктайды. Пайдаланушы сіздің сайтыңыздан немесе қолданба құрастырушы сайтынан бағдарламаны жүктеп алса, оны орнатуға әрекет жасағанда қауіпсіздік ескертуін көреді. Кейбір клиенттер бағдарламаны орнатудан бас тартуы мүмкін.

AppsGeyser-ге ұқсас 8 конструктор

Әмбебап AppsGeyser конструкторы сізге сәйкес келмесе, ұқсас қызметтерге назар аударыңыз:

• AppsMakerStore. Қызметті пайдаланып қолданбаларды жасауға болады әртүрлі түрлері: электрондық коммерцияға арналған бағдарламалардан мазмұндық жобаларға арналған шешімдерге дейін. Дизайнер iOS және Android үшін қосымшаларды жасайды. Қызмет интерфейсі орысшаланған. Жаңадан бастағандар үшін конструкторды пайдалану бойынша ақпараттық нұсқаулық бар. Қызмет ақылы.
• Mobincube. iOS және Android қолданбаларын жасауға және монетизациялауға арналған құрал. Қызметтің негізгі функционалдығы тегін қол жетімді. Дизайнер әртүрлі типтегі қосымшаларды жасауға мүмкіндік береді.
• Жақсы шаштараз. Бұл қызметті пайдалана отырып, Android және iOS қолданбаларын жасауға болады. Конструктор ақылы, пайдалану құны айына 16 АҚШ долларын құрайды.

Ұсынылатын қызметтердің көпшілігінде ағылшын тіліндегі интерфейс бар. Егер сізге конструкторлармен жұмыс істеу ыңғайсыз болса Ағылшын тілі, орысша мазмұны бар платформаларды таңдаңыз.

Қолданба дизайнерлері: тас балта немесе жіңішке заманауи құрал?

Бір шектен екіншісіне бармаңыз. Ұсынылған қызметтердің көмегімен сіз шынымен жұмысқа жарамды жасай аласыз функционалдық қосымшалар. Алынған бағдарламаларды әртүрлі мәселелерді шешу үшін пайдалануға болады: онлайн сауданы жеңілдетуден бастап мазмұнды таратуға және аудиторияны оқытуға дейін. Дизайнерде жасалған қолданбаларды Google Play және App Store дүкендерінде жариялауға, өңдеуге және жарнамалық немесе ақылы орнатулар арқылы монетизациялауға болады.

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

Тағы бір нәрсе: егер сіз оны өзіңіз жасауға уақытыңыз болмаса мобильді қосымша, біздің компанияға хабарласыңыз. Біз мобильді қосымшаларды және .

Бізбен байланысыңызТалқылаймыз ба? Тегін кеңеске тапсырыс беріңіз

Мен оқуды бастадым графикалық дизайн, 13 жасымда. Мен онлайн курстар арқылы веб-сайттарды жобалауды үйрендім және Photoshop және Affinity Designer бағдарламаларымен бірнеше күн ойнадым. Бұл тәжірибе мені дизайнер сияқты ойлауға үйретті.

Мен бір жылға жуық қолданбаларды әзірлеп, әзірлеп жатырмын. Мен MIT-те бағдарламаға қатыстым, онда Universeaty қолданбасын әзірлеуші ​​топта жұмыс істедім. Екі ай бұрын мен жақында, 28 қаңтарда шыққан Crypto Price Tracker жаңа қосымшасында жұмыс істей бастадым.

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

Дизайн процесі:

1. Әрбір экран үшін пайдаланушы ағынын жасаңыз.
2. Прототиптерді жасау/сызу.
3. Дизайн үлгілері мен түстер палитраларын таңдаңыз.
4. Дизайн жасаңыз.
5. Қолданбаның анимациялық прототипін жасаңыз және адамдардан оны сынап көруді және кері байланыс жасауды сұраңыз.
6. Барлық соңғы экрандар әзірлеуге дайын болу үшін макеттердің соңғы ретуштерін орындаңыз.

Бастайық!

Пайдаланушы ағыны

Бірінші қадам - ​​қолданбаңызда қандай мүмкіндіктер қажет екенін анықтау. Идеяларыңыз болғаннан кейін пайдаланушы ағынын жасаңыз. Бұл қолданбаңыздың жұмыс істеу схемасы.

Әдетте, пайдаланушы ағыны фигуралардың үш түрінен тұрады.

• Тіктөртбұрыштар экрандарды көрсету үшін қолданылады.
• Гауһарлар шарттар үшін пайдаланылады (мысалы, кіру түймесін басу, солға сырғыту, масштабтау).
• Көрсеткілер экрандар мен шарттарды біріктіреді.

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

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

Негізгі интерфейске арналған пайдаланушы ағыны.

Прототиптер

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

Мен сым жақтауларын салу үшін UI Stencils ішінен басып шығарылатын үлгілерді қолданамын. Бұл уақытты үнемдейді және сурет салу мен жазбалар алу үшін жақсы жұмыс аймағын қамтамасыз етеді.

Міне, мысал прототипі.

Мобильді қолданба интерфейсінің прототипі

Прототиптеріңізді жасағаннан кейін сіз Pop деп аталатын қолданбаны пайдалана аласыз және қолданбаны пайдаланып барлық сызбаларыңыздың суретін түсіре аласыз және түймелер арқылы барлық экрандарды байланыстыру арқылы басылатын прототипті аласыз.

Дизайн эскиздері мен түстер палитрасы

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

Үлгілерді табудың ең жақсы платформалары - Mobile Patterns және Pttrns. Жақсы түстер палитраларын табу үшін Color Hunt бөлімін қараңыз.

Дизайн

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

Бар бағдарламалық қамтамасыз етуәзірлеу және дизайн жасау құралдары. Мен Affinity Designer пайдаланамын. Ең жиі қолданылатын iOS дизайн құралы - Sketch.

Міне, менің қолданбамның кейбір ерте үлгілерінің мысалы.

Сызбаңыз пикселдерге тасымалдануда!

Мен әртүрлі түстер палитрасымен көбірек тәжірибе жасадым.

Пікір алу үшін достарыммен бастапқы дизайнмен бөлістім. Көптеген адамдарға алтын және қара градиент схемасы ұнаған сияқты.

Кері байланыс алуға және жаңа ұсыныстармен тәжірибе жасауға ашық болыңыз! Сіз Dribbble немесе Behance бағдарламаларын шаршаған кезде емес, олармен сөйлескен кезде пайдаланушылардан керемет кері байланыс аласыз.

Сондықтан мен орналасуды қайта жасақтадым және фондық графиканы алып тастадым, себебі оларды жасау техникалық қарқынды процесс болды және олар оқылуды азайтты. Не болды:

Алтын және қара градиент таңқаларлық жақсы көрінеді!

Мен түс схемасына, қойынды жолының белгішелеріне және жалпы орналасуына риза болдым. Мен алға шығып, қалған экрандарды бірдей дизайн принциптеріне сүйене отырып жасадым. Бұл ұзақ, бірақ керемет қызықты процесс болды!

Менің барлық экрандарым дайын болғаннан кейін мен Adobe XD прототипін жинадым және бірнеше достарымнан оны сынап көруді және маған өз пікірлерін айтуды өтіндім.

Аяқтағаннан кейін менің дизайнымның соңғы нұсқасы осылай көрінеді.

Соңғы нұсқадизайн

Барлық экрандар аяқталғаннан кейін мен оларды Xcode ішіне импорттап, қолданбаны әзірлеуді бастадым.

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

Мен бұл мақаланы өзімнің сүйікті дизайн дәйексөздерімнің бірімен аяқтаймын.

«Дизайн – бұл бір нәрсенің қалай көрінетіні мен сезімі туралы ғана емес. Дизайн - бұл қалай жұмыс істейді ».
- Стив Джобс

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

Өнім идеясы және бизнес тәжірибесі

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

Сұхбат және нарықты алдын ала талдау жүргізу

Сұхбат өткізу. Қолданбаның мақсаты мен құндылығы? Мақсатты аудитория? Негізгі функционалдылық? платформалар? Өтінімді әзірлеу процесіне қойылатын талаптар?Мердігерді таңдау критерийлері? Ұқсас шешімдерді шолу: функционалдылық, пайдаланушылар саны, рейтингтер, шолулар, монетизация. Пайдаланушы талдауы.

Клиентпен қайталанатын байланыс

Қосымша сұрақтар. Техникалық мамандарды қосу. Өтінішті іске асыруға қойылатын талаптарды бекіту.

Жобаны бағалау және ұсыныс

Жобаны әзірлеушілер тобы бағалайды. Осыдан кейін клиент қосымшаны әзірлеу бойынша алдын ала коммерциялық ұсыныс алады: қосымшаны әзірлеу кезеңдері; уақыты мен құны; мамандар; кепілдіктер.

Келісімшартқа қол қою

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

Прототиптеу

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

Өнім дизайны

Біз барлық экрандардың дизайнын және элементтердің күйлерін саламыз. Біз қолданбаларды жобалау үшін Google және Apple ұсыныстарын қолданамыз. Біз графикалық шешімдердің анық және ыңғайлы болуын қамтамасыз етеміз. Сіз өзіңіздің бәсекелестеріңізден ерекшеленетін дизайн аласыз.

Техникалық шарттарды әзірлеу

Техникалық тапсырма – жобаны әзірлеу және сынау үшін әзірлеушілер мен сынаушы инженерлерге қажетті бекітілген интерактивті прототип және өнім дизайны негізінде әзірленген құжат.

Қолданбалы бағдарламалау және тестілеу

Веб-ресурсты немесе мобильді қосымшаны бағдарламалау SCRUM әдістемесі арқылы жүзеге асырылады - тапсырмаларды кезең-кезеңімен жоспарлау және олардың орындалуын спринттерге бөлу.

Ретроспективалық

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

Мобильді қосымшаны жариялау

Қолдау және нәтижелерге қол жеткізу

Біздің жұмысымыздың айырмашылығы - біз қосымшаларды әзірлеп қана қоймай, оларды жылжыту үшін аламыз. Біздің клиенттер жұмыстың барлық кезеңдеріне жауапты компанияны алады: бірінші түймеден қолданбаны жүктеп алуға және пайдаланушының ризашылық пікірлеріне дейін.

Сұхбат

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

Біз қоятын негізгі сұрақтар: жоба мақсаттары, бар бизнес-процесс, мақсатты аудитория, бәсекелестер. Бұл кезеңде болашақ функционалдылық талқыланады.

Ақыл картасы

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

Талдау

Қолмен эскиз салу

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

Прототипті әзірлеу

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

UX маманы бет макеттерімен жұмыс істейді. Сымдарды құру процесі көркемдік жетекшімен талқыланады.

Оны бекіткеннен кейін басылатын прототип жасалады, ол техникалық бөлімге бекітуге жіберіледі.

Пайдаланушы сұхбаттары

Біз дайын прототипті пайдаланушыларға - кеңсе қызметкерлеріне немесе еріктілер топтарына сынақтан өткіземіз. Біз прототипті көрсетіп, сұрақтар қоямыз: «Бұл түйме не деп ойлайсыз?», «Сіз өнімді себетке қалай қосар едіңіз?» және т.б.

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

Клиентке прототипті ұсыну

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

Дизайн тұжырымдамасын әзірлеу

Мобильді қосымшаларды әзірлеудің осы кезеңінде біз бірнеше дизайн тұжырымдамасын жасаймыз. Тұтынушы таңдаған тұжырымдама бүкіл қосымшаның дизайнына негіз болады.

Барлық экрандар мен күйлердің дизайны

Бұл кезеңде барлық экрандар мен элемент күйлері сызылады. Орташа алғанда 120-150 экран болып шығады. Бұл барлық сценарийлерді ескеруге және бағдарламалау уақытын көбейтпеуге көмектеседі.

Техникалық сипаттамалар және клиент-сервер архитектурасы

Бізде дизайн дайын болған кезде, біз әзірлеуді бастаймыз Техникалық сипаттамалар. Ол барлық сценарийлерді, экран ауысуларын және экран күйлерін сипаттайды. Бұл кезеңде маман жобаның жоғары деңгейлі архитектурасы мен деректерді сақтау үлгісімен жұмыс істейді.

Бұл маңызды кезең. Ол бағдарламалық жасақтама бөлігінің қалай құрылатынын, қолданбаның жылдамдығын және «клиент-сервер» сұрауларының конфигурациясын анықтайды. Деректерді қайдан аламыз, оны қайдан жазамыз, қалай жазамыз, т.б. Техникалық спецификация синхрондау қажет барлық жүйелерді қамтиды.

Бағдарламалау және тестілеу

Жұмыс бағдарламашылардың қолына түседі. Даму процесі әдістемеге негізделген икемді даму Scrum. Құрылды толық тізімтапсырмалар («back-log» деп аталады) және шағын бөлімдерге («спринттер» деп аталады) бөлінеді.

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

Қолданбаны жариялау

Мобильді қосымшаларды әзірлеудің негізгі кезеңдері аяқталды, қосымшаны жариялауға дайындау ғана қалды. Ол үшін Google Play және AppStore дүкендерінің ережелеріне сәйкес өнім сипаттамасы мен графикасын жасаймыз. Егер сіз оларды орындамасаңыз, өтінім модерациядан өтпейді.

Дүкендерде пайдаланушы бірінші көретін нәрсе - қолданба белгішесі, сондықтан оны тартымды ету маңызды.

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

Өнімді техникалық қолдау

Аяқталғаннан кейін жобалар техникалық қолдау кезеңіне өтеді.