Съдържание:

Разработване на мобилни приложения с помощта на Adobe XD: 5 стъпки
Разработване на мобилни приложения с помощта на Adobe XD: 5 стъпки

Видео: Разработване на мобилни приложения с помощта на Adobe XD: 5 стъпки

Видео: Разработване на мобилни приложения с помощта на Adobe XD: 5 стъпки
Видео: Разработал дизайн для банковского приложения для ios & android. Использовал Figma и After Effects 2024, Юли
Anonim
Разработване на мобилни приложения с помощта на Adobe XD
Разработване на мобилни приложения с помощта на Adobe XD
Разработване на мобилни приложения с помощта на Adobe XD
Разработване на мобилни приложения с помощта на Adobe XD

Здравейте, всички! Аз съм Елизабет Качерек, завършила гимназия и създадох тази инструкция, защото забелязах дупка в тази широко използвана платформа, която мога да запълня. Бих харесал този вид ръководство, когато започнах едногодишния си изследователски проект за разработване на софтуер на 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: Последно разтягане/ развитие

Последно разтягане/ развитие
Последно разтягане/ развитие

Поздравления, стигнахте до този момент, което означава, че нямате грешки в кода си! От тук трябва да започнете бета тестване с цел не само да откриете чужди грешки, но и да получите безпристрастно мнение за вашия продукт. След като сте доволни от кода си, можете да започнете да се стремите към развитие, като използвате външни ресурси.

Препоръчано: