Pag-unlad ng Mobile App Gamit ang Adobe XD: 5 Mga Hakbang

2024 May -akda: John Day | [email protected]. Huling binago: 2024-01-30 13:12

Howdy, Y'all! Ako si Elizabeth Kacerek, isang nagtatapos na nakatanda sa high school at nilikha ko itong itinuro sapagkat napansin ko ang isang butas sa malawakang ginamit na platform na maaari kong punan. Gustung-gusto ko ang ganitong uri ng gabay noong sinimulan ko ang aking isang buong proyekto sa pagsasaliksik sa pag-unlad ng software ng UI / UX / EX ngunit sadly kailangan kong malaman ang mahirap na paraan kung paano pumunta tungkol sa pagdidisenyo ng isang app. Ang itinuturo na ito ay naglalayon para sa parehong mga computer science nerd at para sa mga libangan. Kaya't kung sa palagay mo ay mayroon kang isang mahusay na ideya ngunit wala kang kaunting bakas kung paano ito maisagawa, tingnan ito.

Hakbang 1: Plano ng Proyekto

Ito ay maaaring mukhang hindi kinakailangan sa una ngunit ang pag-type ng isang plano sa proyekto ay tiyak na makakatulong sa iyo sa pangmatagalan sa pamamagitan ng pagtukoy:

• Ano ang nais mong gawin mismo ng iyong app (pinapanatili ako nito sa aking "saklaw ng pagsasanay")
• Sino ang inilaan na madla
• Kung may mga posibleng implikasyon na ligal (ang minahan ay isang medikal na app)
• Anumang iba pa sa tingin mo ay kakailanganin mong balangkas upang mapanatili kang nasa gawain.

Hindi ko talaga nabigyang diin ang hakbang na ito: ang paunang plano ng proyekto na ito ay madaling maiakma sa maraming mga dokumento na kailangan mo para sa pag-unlad sa hinaharap.

(Tandaan na ito talaga ang iyong paglalarawan ng app para sa app store! Iskor!)

Ang planong ito ay maaaring isang kalahating isang pahina ang haba ng 5 mga pahina ang haba, o marahil ay mas mahaba pa. Walang tama o mali, anuman ang makakatulong sa iyo na mailagay ang iyong paningin sa papel.

Hakbang 2: Pananaliksik, Ligal, at Pag-unlad

Ang isang bagay na hindi ko nahulaan sa simula ng aking paglalakbay sa disenyo ng UX ay ang dami ng pagsasaliksik na gagawin ko. Ngayon ay huwag hayaang hadlangan ka nito, sapagkat tiyak na hindi ako pinanghinaan ng loob sa una dahil lamang sa pagiging maingat kung gaano ko hindi alam ang tungkol sa larangan na ito (na kung saan talaga ang dapat nating saliksikin, samakatuwid ang proyekto sa pagsasaliksik.)

Ito ang hakbang kung saan magpasya ka kung nais mong isulat ang iyong code mula sa simula o gumamit ng isa sa maraming mga mobile application na nag-iipon ng mga website. Personal kong sinimulan sa pamamagitan ng pag-iisip na "gagamitin ko lang ang aking advanced" na mga kasanayan sa Java upang paunlarin ang app na ito dahil naisip ko na magiging mas madali kaysa sa pag-aaral na gumamit ng isang application na pagbuo ng app. Natapos ito sa pagiging isang napaka-episyente at hindi maginhawang paraan upang mabuo ang aking app na naging sanhi ng aking wakas na paglipat sa Adobe XD. Masidhi kong inirerekumenda ang pagtingin dito bilang iyong pangunahing nakabubuo na paraan upang ma-map ang iyong app nang biswal gamit ang prototype ng user-friendly. Habang hindi ito isang pagsisimula upang wakasan ang perpektong tagabuo ng app, gumagana ito nang maayos upang mabuo ang mga buto ng iyong app upang madali mong maabot ang iyong paunang disenyo sa isang propesyonal na developer (mas mabuti ang isang may karapatang mag-upload sa iTunes store at Google Play store.) Binibigyang diin ko ito upang maipansin sa iyo na kung gumagamit ka ng XD, habang napaka-kapaki-pakinabang para sa pagpaplano, ang app ay hindi handa na mag-upload sa mga tindahan.

Bilang karagdagan, kung sa pamamagitan ng iyong pagsasaliksik magpasya kang hindi na nasasabik sa iyong ideya ng app hindi na lahat ay nawala. Sa proseso ng pagbuo na hindi pa nagsisimula maaari kang bumalik lamang sa iyong plano sa proyekto at alinman sa ayusin, o ganap na kumamot, ang iyong orihinal na plano.

Kung may mga posibleng ligal na kinakailangan para sa tagalikha o para sa gumagamit, ito ay kapag nais mong malaman ang lahat ng mga lugar na kakailanganin mo ng tulong. Napakadali upang maghanda upang tugunan ang mga isyung ito ngayon upang maaari mong planuhin para sa kanila sa halip na sorpresahin ka. Posibleng maging sanhi ito ng mga pagkaantala ng linggo, na maaapektuhan ang iyong orihinal na timeline.

Hakbang 3: Application ng Developer (Opsyonal)

Ngayon kung nais mong opisyal na maging isang developer na may pag-access sa iTunes store, dapat mong punan ang application sa lalong madaling panahon (Mayroong $ 99 na bayad na nauugnay sa pag-file ng application na ito). Ang kanilang proseso ng aplikasyon ay tumatagal hanggang sa matanggap ka. Mas mabilis kung mag-apply ka para sa developer ng Apple sa puntong ito at dumaan sa proseso ng paghihintay habang ginagawa mo pa rin ang iyong app.

developer.apple.com/programs/

Hakbang 4: Pag-coding ng Software

Ngayon na nakumpleto mo ang pagsasaliksik sa likod ng iyong proyekto, oras na ngayon upang simulan ang pag-coding sa Adobe XD.

1. Una ang una. Nais mong sundin ang bawat hakbang ng tutorial (Hindi ako isa para sa mahabang tutorial ngunit kinakailangan ito sa iyong tagumpay sa app na ito na ipinapangako ko).
2. Tiyaking naiintindihan mo kung paano magdagdag ng teksto, mga pahina, larawan, tanggalin ang mga bagay, muling ayusin ang mga screen, at kahit kung paano ikonekta ang iyong mga pahina.
3. Kapag tapos mo na at maunawaan ang mga lubid maaari mo nang simulan ang pag-draft at pag-coding ng iyong app, pagsubok sa prototype, at pag-debug ng mga isyu!

Sa puntong ito, maaari mong simulang gamitin ang ilan sa pananaliksik na nakita ko tungkol sa iba't ibang mga tool at kung paano gumawa ng ilang mga bagay sa taga-gawa ng Adobe upang mapahusay ang iyong app. Gayunpaman, tiyak na inirerekumenda kong pumunta sa search bar upang maghanap ng mga tukoy na elemento na natatangi sa iyong proyekto.

Hakbang 5: Pangwakas na Pag-unat / Pag-unlad

Binabati kita, nakarating ka sa puntong ito na nangangahulugang wala kang anumang mga bug sa iyong code! Mula dito dapat mong simulan ang pagsubok sa beta na may layunin na hindi lamang makahanap ng mga labis na bug, ngunit din upang makakuha ng isang walang pinapanigan na opinyon sa iyong produkto. Kapag nasiyahan ka sa iyong code, maaari mong simulan ang pagtulak sa pag-unlad sa pamamagitan ng paggamit ng mga mapagkukunan sa labas.