Mobilalkalmazás-tervezés: Kezdő útmutató

Mobilalkalmazás-tervezés [Kép: Pixabay]
[Kép: Pixabay]

Tehát úgy döntött, hogy kipróbálja a mobilalkalmazások tervezését, de nem biztos benne, hogy hol kezdje. Semmi gond, fedeztük. Ebben a cikkben öt dolgot vázolunk fel, amelyeket tudnod kell, hogy segítsen neked elindulni a mobilalkalmazások tervezésében.

Ez az útmutató a mobilalkalmazások tervezésének kezdőinek szól. Ha már rendelkezik valamilyen készséggel, nézze meg oktatóanyagaink összefoglalóját, amelyek végigvezeti Önt a különböző aspektusain hogyan készítsünk alkalmazást , részletesen.

Mi a mobilalkalmazás-tervezés?

Nagyon tágan fogalmazva: az alkalmazás tervezői felelősek azért, hogy az alkalmazás jól nézzen ki, míg a fejlesztők megfelelő működésre késztessék. A mobilalkalmazás-tervezés magában foglalja mind a felhasználói felületet (UI), mind a felhasználói élményt (UX). A tervezők felelősek az alkalmazás általános stílusáért, beleértve például a színvilágot, a betűtípus kiválasztását, valamint a felhasználó által használt gombok és modulok típusait. Szóval, honnan indulsz? Az elején.



Melyik platformra tervezzek?

Két mobiltelefon

Android vagy iOS? [Kép: Pixabay]

A mobilalkalmazások tervezésének okaitól függően már tudhatja, melyik platformmal és miért akar dolgozni. De ha csak most kezded, és nem vagy biztos benne, hogy melyik a megfelelő számodra, akkor azt választottad, akit a legjobban ismersz.

Ha androidos telefont használ, tervezze meg az Androidot. Ha iOS-eszközt használ, kezdje ott. Alternatív megoldásként dönthet mindkettő kialakításáról, de a legjobb, ha nem harap le többet, mint amennyit megrághat - legalábbis nem az elején.

Milyen eszközöket használjak?

Photoshop, Adobe XD és Sketch logók

A Photoshop, az Adobe XD és a Sketch egyaránt erős versenyző

Miután megtudta, milyen platformra tervez, a következő lépés a megfelelő kiválasztása webdesign eszközök hogy elvégezzék a munkát. A mobilalkalmazások tervezésével kapcsolatban jó hír, hogy a platformtól függetlenül általában ugyanazokat az eszközöket használhatja mindkettőhöz.

Az alkalmazás tervezésének legnépszerűbb lehetőségei: Adobe Photoshop, Adobe XD és Sketch. Sokkal, még sokan vannak, de ezek a nehéz ütők az iparban. Itt regisztrálhat az Adobe Creative Cloud szolgáltatásra .

Gondolhatja, hogy a Photoshop a legjobb megoldás a mobilalkalmazások tervezéséhez - különösen, ha más típusú tervezési munkákhoz használta -, azonban a mobilalkalmazások tervezésénél jobban jár az Adobe XD vagy a Sketch. Ennek ellenére a Sketch-et itt tényleges szabványnak tekintik, bár az Adobe XD erős versenyt indít, miután nemrégiben hozzáadott tervezési rendszerek .

Az Adobe XD vagy a Sketch valamilyen, például a Photoshop alkalmazásának egyik legnagyobb oka az, hogy ez a két eszköz a tervezés és a prototípus készítés szem előtt tartásával készül. Ezek segítenek a tervezési munkafolyamatok egyszerűsítésében, és az UI és UX tervezőit célozzák meg, míg a Photoshop inkább a képmanipulációra szolgál.

Egy fontos megjegyzés itt: Ha platformok közötti fejlesztést vagy támogatást tervez, akkor itt az Adobe XD a egyértelmű nyertes, mivel a Sketch csak a macOS-on érhető el.

OS tervezési irányelvek

Mielőtt elkezdené tervezni, mert először meg kell értenie a platformja adatait és tilalmait. Általánosságban elmondható, hogy a mobilalkalmazás-tervezés bizonyos hasonlóságokat mutat a különböző operációs rendszerek között, például:

  • Cél-vezérelt tervezés
  • Legyen egyszerű (a kevesebb több)
  • Fenntartani az áramlást
  • Az olvashatóság kulcsfontosságú
  • Tisztelje a platformot

Ez az utolsó, „a platform tiszteletben tartása”, sokkal fontosabb, mint azt észrevennéd. Amikor a felhasználók letöltenek és telepítenek egy alkalmazást az eszközükre, elvárják, hogy a számukra ismerős és intuitív módon viselkedjen. Véleményüket arra alapozzák, amit tudnak, így amikor egy alkalmazás ellentétes az operációs rendszer-specifikus tervezési szabályok 90 százalékával, a felhasználók valószínűleg törlik azt.

Nemcsak az iOS és az Android különböző navigációs mintáit kell figyelembe vennie, hanem gondolkodnia kell a gombokról, a betűkészlet kiválasztásáról és a felhasználói felület objektumainak elhelyezéséről is - ezek mindegyik platformonként változik.

A jó hír az, hogy nem kell kitalálni, mi az elfogadható. Az Apple és az Android egyaránt rendelkezik tervezési irányelvekkel, amelyeket áttekinthet, mielőtt elkezdené (és amíg aktívan tervez).

Drótvázak és alkalmazásfolyamat

Tollba rajzolt drótváz

Használjon dedikált drótváz-eszközt, vagy ragaszkodjon a tollhoz és a papírhoz [Kép: Pixabay]

Az alkalmazás megjelenésének megtervezése előtt elengedhetetlen az áramlásszabályozás és a szerkezet felépítése. Itt jönnek létre a drótvázak. A drótvázak segítenek megérteni, hogy a felhasználók hogyan navigálnak és használnak egy alkalmazást. Általában leegyszerűsítik a kialakításukat, így az áramláson és a használhatóságon van a hangsúly.

Míg sokan vannak elkötelezettek drótváz eszközök , nem ritka, hogy a tervezők egyszerűen tollat ​​és papírt használnak. Ha azonban valami csúcstechnikát és együttműködést keres (ami különösen fontos, ha távoli csapattal dolgozik), fontolja meg drótvázainak létrehozását a Sketch vagy az Adobe XD alkalmazásban. Ezeknek az eszközöknek a drótvázaként való használatának az az előnye, hogy az alacsony hűségű drótvázakat viszonylag könnyedén nagy hűségű előnézetekké alakíthatja.

Megjegyzés: With Adobe XD , akár meg is ragadhat magának néhány ingyenes készletet, amelyek segítenek az indulásban.

Makettek és prototípusok

Egy mobilalkalmazás-tervezés vizualizálása

Ideje drótvázakat működő termékekké alakítani [Kép: Pixabay]

Miután átdolgozta drótvázát és megosztotta azokat a fejlesztői csapattal és / vagy az ügyféllel megbeszélés és jóváhagyás céljából, itt az ideje néhány makettet és prototípust készíteni.

Ez a lépés általában könnyebb, ha ugyanazt a tervező eszközt használta mind a drótváz, mind a mobilalkalmazás-tervezéshez. Ha még nem tette meg, előfordulhat, hogy egy kicsit tovább telik a tervezőeszköz feltöltése, de ha mégis megteszi, akkor jó úton jár. Számos eszköz, beleértve az UXPin-t (amely integrálódik a Sketch-hez), magában foglalja a drótvázak jegyzékét a dev-ek által igényelt részletes információkkal, hogy elkerülje a találgatások szükségességét.

Amíg az alkalmazás tervezésén dolgozik, kiváló alkalom a megosztott eszközkönyvtár felépítésének megkezdésére. Például az itt létrehozott szabványos gombok, ikonok és egyéb elemek hasznosak lehetnek más tervezett alkalmazásokban, ezért ne felejtse el elmenteni őket.

Tudjon meg többet erről a lépésről cikkünkben: 4 különböző módja a webhely- és alkalmazás-makettek létrehozásának .

Átadás a fejlesztéshez

Valaki drótvázrajzot ad át másnak

Ez a lépés valójában nem így fog kinézni [Kép: Pixabay]

A tervezők felelősek azért is, hogy ezeket az elemeket és a vizuális eszközöket átadják a fejlesztőnek. Olyan dolgok, mint az ikonok, a hátterek, az emblémák és még a betűtípusok is, mindaz, amit egy tervező átadhat a fejlesztőnek.

Miután a fejlesztőnek minden megvan, amire szüksége van, az a feladatuk, hogy ezt a tervet - és annak különböző részeit - átvegyék és működőképessé tegyék. Néha azonban a tervező nem érti azokat a korlátokat, amelyekkel a fejlesztő szembesül. És amikor ez megtörténik, elszabadul minden pokol.

Mobilalkalmazás-tervezőként Ön tudott teljesen figyelmen kívül hagyja a fejlesztőt és a fejlesztési folyamatot, de jobb megérteni a fejlesztő előtt álló kihívásokat, legyen szó akár az általuk használt eszközökről, akár az operációs rendszer és / vagy az eszközök futtatásáról, amelyeken az alkalmazásai futni fognak. Ezzel a tudással felvértezve hatékonyabban tervezheti a mobilalkalmazásokat, a fejlesztő kevesebb visszaszorításával, ugyanakkor elősegítheti az együttműködő környezetet.

Olvass tovább: