Vývoj mobilních aplikací pomocí Adobe XD: 5 kroků

2024 Autor: John Day | [email protected]. Naposledy změněno: 2024-01-30 08:21

Dobrý den, všichni! Jsem Elizabeth Kacerek, promující seniorka na střední škole, a vytvořil jsem tento instruktáž, protože jsem si všiml díry v této široce používané platformě, kterou jsem mohl zaplnit. Rád bych tento druh průvodce miloval, když jsem zahájil svůj celoroční výzkumný projekt vývoje softwaru UI/UX/EX, ale bohužel jsem musel zjistit obtížnou cestu, jak postupovat při navrhování aplikace. Tento instruktáž je určen jak hlupákům z informatiky, tak i fandům. Pokud si tedy myslíte, že máte skvělý nápad, ale nemáte nejmenší tušení, jak jej realizovat, podívejte se na toto.

Krok 1: Plán projektu

Zpočátku se to může zdát zbytečné, ale zadání plánu projektu vám v dlouhodobém horizontu určitě pomůže definováním:

• Co konkrétně má vaše aplikace dělat (to mě udrželo v mém „rozsahu praxe“)
• Kdo je zamýšlené publikum
• Pokud existují právní důsledky (moje byla lékařská aplikace)
• Cokoli jiného, co si myslíte, že byste potřebovali nastínit, aby vás udrželi v úkolu.

Opravdu jsem nemohl tento krok dostatečně zdůraznit: tento předběžný plán projektu lze snadno upravit do mnoha dokumentů, které potřebujete po ruce pro budoucí rozvoj.

(Všimněte si, že toto je v podstatě popis vaší aplikace pro obchod s aplikacemi! Skóre!)

Tento plán může být půl stránky dlouhý, 5 stránek dlouhý, nebo možná ještě delší. Neexistuje nic správného ani špatného, cokoli vám pomůže dát vizi na papír.

Krok 2: Výzkum, právní záležitosti a vývoj

Jedna věc, kterou jsem na začátku své cesty UX designu nemohl tušit, je obrovské množství výzkumu, který bych dělal. Nenechte se tím vůbec odradit, protože mě to zpočátku určitě trochu odradilo, protože jsem byl zaskočen tím, jak moc jsem o tomto oboru nevěděl (což je přesně to, co jsme měli zkoumat, proto výzkumný projekt.)

Toto je krok, kde se rozhodnete, zda chcete napsat svůj kód úplně od začátku, nebo využijete některý z mnoha webů pro kompilaci mobilních aplikací. Osobně jsem začal tím, že jsem při vývoji této aplikace „použil své pokročilé“dovednosti v Javě, protože jsem si představoval, že to bude jednodušší než naučit se používat aplikaci pro vytváření aplikací. To skončilo jako velmi neefektivní a nepohodlný způsob, jak vytvořit svou aplikaci, což způsobilo, že jsem vlastně skončil s přechodem na Adobe XD. Vřele doporučuji podívat se na to jako na svůj hlavní konstruktivní způsob, jak vizuálně zmapovat aplikaci pomocí uživatelsky přívětivých prototypů. I když to není začátek až do konce dokonalého tvůrce aplikací, funguje dobře, když vytvoříte kosti své aplikace, takže svůj předběžný návrh můžete snadno předat profesionálnímu vývojáři (nejlépe tomu, kdo má práva nahrát do obchodu iTunes) a obchod Google Play.) Na to upozorňuji, že pokud používáte XD, přestože je velmi užitečná pro plánování, aplikace nebude připravena k nahrání do obchodů.

Kromě toho, pokud se prostřednictvím svého výzkumu rozhodnete, že už nejste nadšeni nápadem vaší aplikace, není vše ztraceno. Protože proces stavby ještě nebyl zahájen, můžete se vrátit zpět k plánu projektu a svůj původní plán buď upravit, nebo úplně poškrábat.

Pokud existují možné zákonné požadavky na tvůrce nebo na uživatele, je to doba, kdy chcete zjistit všechna místa, kde budete potřebovat pomoc. Je nyní mnohem snazší připravit se na řešení těchto problémů nyní, abyste je mohli plánovat, místo aby vás překvapili. To může způsobit týdny zpoždění, což nakonec ovlivní vaši původní časovou osu.

Krok 3: Aplikace pro vývojáře (volitelně)

Pokud se nyní chcete oficiálně stát vývojářem s přístupem do obchodu iTunes, měli byste vyplnit žádost co nejdříve (S podáním této aplikace je spojen poplatek 99 USD). Proces jejich aplikace chvíli trvá, než vás přijmou. Nejrychlejší by bylo, kdybyste v tomto okamžiku požádali o vývojáře Apple a prošli procesem čekání, zatímco ještě budujete svou aplikaci.

developer.apple.com/programs/

Krok 4: Softwarové kódování

Nyní, když jste dokončili výzkum svého projektu, je načase začít s kódováním v Adobe XD.

1. Pěkně popořádku. Chcete sledovat každý krok tutoriálu (nejsem jeden pro dlouhé tutoriály, ale to je nezbytné pro váš úspěch s touto aplikací, kterou slibuji).
2. Ujistěte se, že rozumíte tomu, jak přidat text, stránky, obrázky, odstranit objekty, změnit pořadí obrazovek a dokonce i to, jak stránky propojit.
3. Jakmile budete hotovi a porozumíte provazům, můžete konečně začít navrhovat a kódovat svou aplikaci, testovat prototyp a ladit problémy!

V tuto chvíli můžete začít využívat některý z průzkumů, které jsem našel o různých nástrojích a o tom, jak pomocí aplikace Adobe Creator určité věci vylepšit. Rozhodně však doporučuji jít do vyhledávacího panelu hledat konkrétní prvky, které jsou pro váš projekt jedinečné.

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

Gratulujeme, dostali jste se do tohoto bodu, což znamená, že v kódu nemáte žádné chyby! Odtud byste měli začít beta testování s cílem nejen najít cizí chyby, ale také získat nezaujatý názor na váš produkt. Jakmile budete se svým kódem spokojeni, můžete začít tlačit na vývoj pomocí externích zdrojů.