Vývoj mobilných aplikácií pomocou Adobe XD: 5 krokov

2024 Autor: John Day | [email protected]. Naposledy zmenené: 2024-01-30 11:58

Dobrý deň, všetci! Som Elizabeth Kacerek, promujúca seniorka na strednej škole, a vytvoril som tento návod, pretože som si všimol dieru v tejto široko používanej platforme, ktorú by som mohol vyplniť. Tento druh sprievodcu by sa mi páčil, keď som začal s mojím ročným výskumným projektom vývoja softvéru UI/UX/EX, ale bohužiaľ som musel nájsť náročnú cestu, ako navrhnúť aplikáciu. Tento návod je zameraný na hlupákov informatiky aj na domácich majstrov. Ak si teda myslíte, že máte skvelý nápad, ale nemáte ani najmenšie tušenie, ako ho zrealizovať, pozrite sa na toto.

Krok 1: Plán projektu

Na prvý pohľad sa to môže zdať zbytočné, ale zadanie plánu projektu vám z dlhodobého hľadiska určite pomôže definovaním:

• Čo konkrétne chce vaša aplikácia robiť (to ma držalo v „rozsahu praxe“)
• Kto je zamýšľané publikum
• Ak existujú právne dôsledky (moja bola lekárska aplikácia)
• Všetko, čo si myslíte, že by ste potrebovali načrtnúť, aby ste sa mohli udržať v úlohe.

Naozaj som nemohol dostatočne zdôrazniť tento krok: tento predbežný plán projektu je možné ľahko prispôsobiť mnohým dokumentom, ktoré potrebujete po ruke pre budúci rozvoj.

(Upozorňujeme, že toto je v podstate popis vašej aplikácie pre obchod s aplikáciami! Skóre!)

Tento plán môže mať pol strany, 5 strán alebo možno aj viac. Neexistuje nič dobré ani zlé, čokoľvek vám pomôže dať víziu na papier.

Krok 2: Výskum, právne záležitosti a vývoj

Jedna vec, ktorú som na začiatku svojej cesty za dizajnom UX nemohol uhádnuť, je množstvo výskumu, ktoré by som vykonal. Teraz sa nenechajte odradiť, pretože ma to pôvodne trochu odrádzalo, pretože som bol zaskočený tým, ako veľmi som o tejto oblasti nevedel (presne to sme mali skúmať, preto výskumný projekt.)

Toto je krok, kde sa rozhodnete, či chcete napísať kód úplne od začiatku alebo využijete jednu z mnohých webových stránok na kompiláciu mobilných aplikácií. Osobne som začal tým, že som pri vývoji tejto aplikácie „použil iba svoje pokročilé“znalosti v jazyku Java, pretože som si predstavoval, že to bude jednoduchšie ako sa naučiť používať aplikáciu na vytváranie aplikácií. Nakoniec to bol veľmi neefektívny a nepohodlný spôsob vytvárania mojej aplikácie, kvôli ktorému som vlastne skončil s prechodom na Adobe XD. Vrelo odporúčam preskúmať to ako váš hlavný konštruktívny spôsob, ako vizuálne zmapovať aplikáciu pomocou používateľsky prívetivých prototypov. Aj keď to nie je začiatok do konca dokonalého tvorcu aplikácií, funguje dobre, keď vytvoríte kosti aplikácie, takže svoj predbežný návrh môžete ľahko odovzdať profesionálnemu vývojárovi (najlepšie takému, ktorý má práva na nahranie do obchodu iTunes) a obchod Google Play.) Na to upozorňujem, že ak používate XD, aplikácia je veľmi užitočná pri plánovaní, ale nebude pripravená na nahranie do obchodov.

Navyše, ak sa vo svojom výskume rozhodnete, že už nie ste nadšení myšlienkou svojej aplikácie, nie je všetko stratené. Keďže proces stavby ešte nebol zahájený, môžete sa vrátiť späť k svojmu plánu projektu a svoj pôvodný plán buď upraviť, alebo úplne skrátiť.

Ak existujú možné zákonné požiadavky na tvorcu alebo na používateľa, vtedy by ste chceli zistiť všetky miesta, kde budete potrebovať pomoc. Je teraz oveľa jednoduchšie pripraviť sa na riešenie týchto problémov, aby ste ich mohli naplánovať namiesto toho, aby vás prekvapili. To môže spôsobiť týždňové zdržania, čo v konečnom dôsledku ovplyvní vašu pôvodnú časovú os.

Krok 3: Aplikácia pre vývojárov (voliteľné)

Ak sa teraz chcete oficiálne stať vývojárom s prístupom do obchodu iTunes, mali by ste žiadosť vyplniť čo najskôr (s podaním tejto aplikácie je spojený poplatok 99 USD). Ich proces podania žiadosti chvíľu trvá, kým vás neprijmú. Najrýchlejšie by bolo, keby ste sa v tomto mieste uchádzali o vývojára Apple a absolvovali proces čakania, kým aplikáciu ešte len budujete.

developer.apple.com/programs/

Krok 4: Kódovanie softvéru

Teraz, keď ste dokončili výskum svojho projektu, je načase začať s kódovaním v Adobe XD.

1. Prvá vec je prvá. Chcete sledovať každý krok tutoriálu (nie som jedným z dlhých tutoriálov, ale je to nevyhnutné pre váš úspech s touto aplikáciou, sľubujem).
2. Uistite sa, že rozumiete tomu, ako pridať text, stránky, obrázky, odstrániť objekty, zmeniť poradie obrazoviek a dokonca aj to, ako prepojiť svoje stránky.
3. Keď skončíte a porozumiete povrazom, môžete konečne začať navrhovať a kódovať svoju aplikáciu, testovať prototyp a ladiť problémy!

V tomto mieste môžete začať používať výskum, ktorý som našiel, o rôznych nástrojoch a o tom, ako pomocou programu Adobe Creator niektoré veci vylepšiť. Rozhodne však odporúčam ísť do vyhľadávacieho panela a vyhľadať konkrétne prvky, ktoré sú pre váš projekt jedinečné.

Krok 5: Konečný úsek/ vývoj

Blahoželáme, dostali ste sa do tohto bodu, čo znamená, že vo svojom kóde nemáte žiadne chyby! Odtiaľto by ste mali začať beta testovanie s cieľom nielen nájsť cudzie chyby, ale tiež získať nezaujatý názor na váš produkt. Keď ste s kódom spokojní, môžete začať tlačiť na vývoj pomocou externých zdrojov.