Articles

Jak na design aplikace: ultimate guide

věděli jste, že průměrný člověk v USA stráví přibližně 5 hodin přilepený na svých inteligentních zařízení? Ať už jde o zasílání zpráv, zveřejňování fotografií nebo hraní her-v současném digitálním věku, ve kterém žijeme, lidé neustále používají aplikace.

S masivní popularitou přichází masivní konkurenci, a konkurence je sice dobrá věc (to nás udržuje ve střehu a dělá všechno, co trochu lepší), do světa, kde aplikace rostou na stromech, může být zastrašující, ale obohacující podnik.

Pokud jste se rozhodli vytvořit aplikaci, přijít s něčím, co vás odlišuje od konkurence je nedílnou součástí vašeho úspěchu, a může být rozdíl mezi stojící a prostě si vymýšlím čísla. Že něco je úžasný design aplikace.

krásné rozhraní, nápadná jednoduchost a snadná navigace jsou 3 z nejvýznamnějších rysů ve skvělé aplikaci. Chcete, aby lidé řekli svým přátelům o vaší aplikaci, pochopit její účel, snadno se v ní orientovat, a zajistit, aby se k tomu stále vraceli.

ale jak vytvořit skvělý design aplikace?

náš konečný průvodce designem aplikací je zde, aby vám pomohl, a my vás provedeme procesem, jak navrhnout aplikaci, která bude určitě vítězem:

  • začínáme
    • Nastavit cíl vaší aplikace
    • Aby plán
    • Výzkum vaše niche a konkurence
  • Návrh a vývoj
    • Vytvořit drátový model
    • Získat vaše aplikace navržen tak,
      • Možnosti pro získání vaše aplikace navržena tak,
      • Aplikace design tipy: Na co dávat pozor při aplikaci návrhového procesu
    • Sbírat zpětnou vazbu na svůj design
    • Získat vaše aplikace vyvinuté
  • Testování a spuštění
    • Otestujte si své aplikace s focus group
    • Spuštění beta verze
    • Spuštění vaší aplikace

začínáme—

Nastavit cíl vaší aplikace

Účty iOS aplikace
Design Hogo

Před spuštěním pro tuto klávesnici, pero a papír jsou dobrým místem pro začátek. Zkuste přemýšlet o tom, proč navrhujete aplikaci a co se chystáte dosáhnout.

Dejte si myslící čepici a zapište si odpovědi na následující otázky:

  1. jaký je základní cíl vaší aplikace? Co přesně chcete, aby to udělalo?
  2. jak bude vaše aplikace apelovat na uživatele?
  3. co se chystáte udělat? Jaký je problém, který chcete lidem pomoci vyřešit pomocí vaší aplikace?
  4. proč by lidé chtěli používat vaši aplikaci místo jednoho z vašich konkurentů? Jak se odlišuje?

není to jen design aplikace, kde je důležité stanovení cílů, je to životní lekce! Stanovení jasných cílů pro vaši aplikaci a jejich zapsání vám poskytne odkaz, ke kterému se můžete během celého procesu vrátit. Pokud jste někdy zapomněli odpověď na jednu z těchto otázek, jejich zaznamenání bude skvělým odkazem, který vás udrží na správné cestě a na cestě k ovládnutí světa aplikací.

Vytvořte plán

počkejte! Nechoďte sáhnout po počítači, ještě jste neskončili s tužkou a papírem.

Forma vizuální reprezentace odpovědi na váš cíl-nastavení otázky, a dostat je na papír. Obrázek přes skillapp.it.

Zamyslete se nad odpověďmi na vaše otázky v prvním kroku. Nyní vezměte tyto informace a načrtněte obrys rozsahu vašeho projektu. Během této fáze můžete ponořit trochu hlouběji do toho, jak vaše aplikace bude, aby se peníze (reklamy, in-app nákupy, atd), to, co potřebujete vaše aplikace mají dělat a načrtnout cestu, kde budete mít své nápady, a jak se dostat je pracovat ve vaší aplikaci.

Přemýšlejte o této fázi jako o kreslení viditelné cestovní mapy vaší aplikace, jaké jsou její funkce, pro koho je a mini průvodce krok za krokem, jak se tam můžete dostat.

Prozkoumejte své místo a konkurenty

ano, ano, můžete nyní položit pero a obrátit se na world Wide web.

AccountFeed web design
Výzkum trhu, aby lépe pochopit problémy, lidé čelí, a jak vaše aplikace může vyřešit. Design by FaTiH.

výzkum je integrální krok v procesu návrhu aplikace. Je důležité pochopit mezeru na trhu vaší aplikace a získat představu o tom, proti čemu stojíte. Svět aplikací je extrémně rozmanitá a konkurenční aréna,takže se určitě budete chtít ujistit, že váš jedinečný nápad je přesně takový.

nenechte se zastrašit tím, co tam vidíte. To, že existuje mnoho aplikací podobných tomu, o co se chystáte, neznamená, že vaše nebude tím, kdo je všechny trumfne. Zkoumání vašich konkurentů vám ukáže, co v jejich aplikacích chybí, a poskytne vám lepší nápady, co začlenit do svých vlastních.

zkuste věnovat pozornost recenzím-co se uživatelům aktuálně líbí o aplikacích, které jsou již venku? Co se jim nelíbí a jak byste mohli tento problém vyřešit? Během tohoto kroku můžete také odkazovat zpět na vaše písemné a načrtnuté poznámky, měnit to, co máte dole, a dále získat představu o tom, jak se dostat dopředu.

navrhování a vývoj aplikace

vytvořte drátěný model pro vaši aplikaci

váš drátový model je koncept pro vizuální architekturu vaší aplikace. Budete mít své cíle a vizuální náčrtky o krok dále a vytvořit základní „plán“ o tom, jak vaše aplikace bude vypadat, a jak to bude fungovat. Můžete to udělat velmi jednoduše nejprve na papíře, ale digitální wireframes, aby se věci jednodušší, zejména poté, co vaše drátových modelů jsou stále více komplexní a detailní.

Jak to děláte? Váš drátový model je šance vzít svou vizi a dát ji do mezí mobilní obrazovky. Nebojte se, ještě nemusíte dělat žádné konkrétní volby designu. Tento krok je o vymýšlení pracovních postupů a celkové struktuře vaší aplikace.

Axure iOS Plochou wireframu
wireframe trvá vaše načrtnuté představy a dává jim digitální člověka—jeden krok blíže k mít představu o tom, co vaše aplikace bude vypadat v rukou svých uživatelů. Obrázek přes UX / UI Land.

předchozí kroky pomohly, aby vám představu o tom, co chcete, aby vaše aplikace mají dělat. Váš drátový model je podrobnější a konkrétnější nástin toho, jak věci budou fungovat a jaké stránky a funkce jsou potřebné.

k dispozici je nepřeberné množství snadno použitelné wireframing nástroje tam, že můžete použít k vytvoření wireframes. Podívejte se, který z nich vám nejlépe vyhovuje, a začněte oživovat design aplikace.

Zde je několik wireframing nástrojů, které můžete použít:

  • Axure
  • Pidoco
  • iPlotz
Uber app wireframe
příklad wireframe aplikace Uber. Obrázek pomocí zdrojů aplikace Sketch.

Jakmile budete mít svůj drátový stanoven, budete mít dobrý přehled nad tím, co stránky, které budete potřebovat a jak vaše aplikace bude fungovat.

Chcete-li otestovat, zda jsou vaše drátové modely pevné, můžete vytvořit model prokliku pomocí nástroje, jako je Invision. To vám umožní proklikat obrazovky, které jste naplánovali, a pomůže vám otestovat, zda má navigace, kterou jste nastavili, smysl.

ukažte své drátové modely svým kolegům a přátelům a sbírejte jejich zpětnou vazbu o struktuře a navigaci vaší aplikace. Zjistěte, zda to vaši testeři považují za intuitivní a zda jim všechny obrazovky a prvky dávají smysl.

Pokud v navigaci najdete nějaké zádrhely nebo chcete uspořádat obrazovky a rozvržení, můžete jednoduše upravit drátové modely a znovu otestovat. Pokračujte tam a zpět, dokud nebudete spokojeni se svými drátovými modely.

Získat vaše aplikace navržena tak,

barevné minimální app design
App design by Nashrulmalik

Nyní je čas přemýšlet o vlastní design své aplikace a vytvořit dobře vypadající, realistických maket. Jedná se o velmi důležitý krok, protože to je to, co zanechá trvalý dojem na vaše uživatele, takže se nemusíte spěchat nebo šetřit, pokud jde o návrh aplikace. Skvěle vypadající, profesionální, krásný design je to, co může vaše aplikace zuřící úspěch.

jaké barvy, písma a designové prvky byste měli použít, je velké rozhodnutí, proto si o tom povíme více v sekci Tipy pro návrh níže.

Pokud jde o rozhodování o tom, jak si aplikaci navržen máte několik různých možností. Můžete zvážit navrhování aplikace sami, ale pokud nejste Grafik, nedoporučujeme to. Je lepší se spolehnout na profesionála, abyste si byli jisti, že získáte skvělý výsledek.

pracujte přímo s návrhářem

Pokud již máte vizi, jak by vaše aplikace měla vypadat, a víte, co chcete a potřebujete, nejjednodušší je pracovat s návrhářem 1: 1. Můžete si najmout místního nezávislého pracovníka nebo-pokud ještě nemáte žádné spojení s designéry-podívejte se na různá portfolia návrhářů online.

99designs designer nástroj pro vyhledávání
Procházení návrháři s 99designs‘ Designer nástroj pro Vyhledávání

ujistěte Se, že podívat se na návrhář je předchozí práce s vizí v mysli, aby se najít perfektní zápas, pokud jde o dovednosti a styl.

Spustit app design contest

99designs app design stručný
Start soutěže vyplněním stručné a nechat návrháři vědět, co budete potřebovat.

Pokud si nejste jisti, jaký vzhled chcete pro vaši aplikaci a hledáte pro návrhy, skvělou možností je spuštění aplikace, soutěže o návrh.

píšete krátký a návrháři z celého světa si jej přečetli a poslali vám své nápady pro vaši aplikaci. Můžete poskytnout zpětnou vazbu k upřesnění návrhů a nakonec si vybrat svého oblíbeného jako vítěze.

Použití tvůrce aplikace

Další způsob konstrukce je použití app builder. Podobně jako web builder, app stavitelé vám umožní ušetřit trochu peněz ve srovnání s pronájem plná návrháře, ale budete muset být více hands-on, a tam bude omezení na to, co můžete udělat. Mějte na paměti, pokud chcete komplexní design a mají specifické potřeby, to může být z hloubky pro stavitele.

Najmout agenturu,

Vaše konečná volba je kompletní balíček, kde se můžete opřít a nechat někoho jiného starat o všechno: najmout agenturu, aby budovat své aplikace od nuly—včetně design. To je skvělá volba, pokud je váš projekt opravdu složitý a potřebuje hodně odborných znalostí v různých oblastech. Snažte se oslovit některé z nich a získat citace a nápady, abyste zjistili, zda jsou vhodné pro to, co chcete udělat. To bude nepochybně být vaše nejdražší možností, ale pokud chcete věci dělat určitým způsobem a mít prostředky, aby se to stalo, je to těžká volba porazit.

Bez ohledu na to, kterou možnost zvolíte, ujistěte se, že poskytnout zpětnou vazbu a udržet pozor na to, zda návrh skutečně hodí svou značku a komunikuje styl a podívejte se, kde jste jít od začátku. Neztrácejte ze zřetele cíle, které jste si stanovili na začátku, a přemýšlejte o tom, zda konečný návrh skutečně říká, co chcete.

Tipy pro návrh aplikací: na co si dát pozor během procesu návrhu aplikací

zde je několik klíčových tipů, které byste měli mít na paměti při navrhování aplikace:

Usnadněte navigaci:

úžasná aplikace není nic bez snadné navigace, takže design s ohledem na tuto skutečnost zajistí bezproblémový a příjemný zážitek pro vaše uživatele.

Android app návrhy
Při navrhování pro Android, aby navigace zásuvka snadno najít poskytovat bezproblémové zážitek pro vaše uživatele. Obrázek přes Viztek.

ujistěte se, že navigační zásuvka nebo lišta jsou pro uživatele jasně viditelné. Uživatel nebude moci procházet vaši aplikaci, pokud nemá ponětí, jak to udělat, takže udržujte věci viditelné, abyste se ujistili, že vědí, kam jít. Nezapomeňte se držet rozvržení, které je vašim uživatelům známé, aby intuitivně věděli, jak procházet vaší aplikací.

další důležitý tip: udělejte to prstem. Pokud tlačítka a odkazy jsou příliš malé pro lidi, aby klikněte na prsty, budou mít pevný čas navigaci prostřednictvím vašeho app.

Design pro jednoduchost:

udržujte věci minimální pro moderní vzhled a velkoryse využívejte mezery. To umožňuje uživatelům soustředit se na to, na čem záleží nejvíce. Opět platí, že používání známých symbolů a frází může pomoci udržet jednoduché a snadné použití.

navrhování pro jednoduchost znamená navrhování s cílem učinit uživatelský zážitek co nejpříjemnějším a nejjednodušším. Příliš mnoho informací prezentovaných na obrazovce najednou nebo prostě příliš mnoho děje, a váš uživatel je pravděpodobné, že se zahlceni a opustit aplikaci.

Suncorp Bank app design
Design Sasha Radojevic.

Vyberte barvy a písma vědomě:

psychologie barev má obrovský dopad, takže nepodceňujte jejich účinek. Podobně váš výběr písem ovlivní vzhled vaší aplikace. Nezapomeňte přemýšlet o skrytých významech, které tyto konstrukční prvky komunikují, a pečlivě je vybírat. Nezapomeňte také: nechcete míchat příliš mnoho různých barev a písem pro konzistentní a profesionální vzhled.

Pokud máte zbrusu pokyny s konkrétní barvy a písma, ujistěte se, že držet se s nimi ve svém app design, takže vaše aplikace se stává bezproblémové rozšíření vaší značky.

Přemýšlejte o vizuální hierarchii a hmotnosti:

vizuální hmotnost je velikost a dopad různých prvků na obrazovce ve srovnání s ostatními. Použijte vizuální váhu, abyste zajistili, že nejdůležitější aspekty vašeho designu vyniknou.

jasná vizuální hierarchie pomůže uživatelům s orientací, takže se ujistěte, že hierarchie, kterou vytvoříte pro stránky a podstránky, stejně jako nadpisy a nadpisy, je vždy konzistentní.

Být v souladu:

Silicon Valley bankovnictví spuštění aplikace design
design pro soulad ve vašem app je snadno rozpoznatelné a pořád to vypadá elegantní. Design by ozonestyle.

tady je věc s barvami a fonty a všemi těmi dalšími designovými prvky: mohou být efektivní a zanechat pozitivní efekt značky, pokud jste konzistentní. To platí i pro další grafiku, navigaci a váš obsah.

aplikace by měla mít vizuální konzistence (konstrukční prvky, jako jsou barvy, tlačítka a štítky), funkční konzistence (vaše aplikace by měla fungovat podobně přes všechny prvky) a vnější konzistence (jiných prodejen, jako jsou webové stránky, sestra aplikace by měla vypadat podobně jako na své nové aplikace).

Být v souladu po celou dobu vaší aplikace, budete vypadat profesionální a budete lépe umožnit uživatelům rozvíjet vztah s vaší aplikace, a vaši značku.

Sbírat zpětnou vazbu na váš návrh

Nyní, když máte dokonalý obraz, maket, je čas zavolat své přátele, rodinu, a dokonce i nepřátele (pokud nějaké máte) a test designu vaší aplikace. Vykreslený model prokliku to usnadní a dá vašim testerům skutečný pocit, jaká bude aplikace.

je důležité si uvědomit, že toto není vaše hotová aplikace, a tam bude více testování později. Jedná se v podstatě o test rozvržení, navigace, vzhled a dojem, zatímco funkčnost přijde později.

Cestovní Plán Podrobnosti aplikace
nebojte se na vrchol přes ramena vašeho vzorkovače, zatímco procházení aplikace. To vám umožní zjistit, jak snadno procházejí vaší aplikací nebo kde jsou zadržováni. Návrh subzero_.

Čím více lidí dostanete ochutnat vaše aplikace, design, více zpětné vazby budete mít, a tím i lepší představu o tom, co funguje dobře a co vyžaduje zlepšení. Konstruktivní kritika zde bude vaším přítelem, takže se nebojte kopat trochu hlouběji se svými vzorkovači a zjistit přesně, co si myslí. Je to příliš přeplněné? Příliš nevýrazné? Poznamenejte si všechny komentáře, které mohou mít vaši testeři.

Pokud máte vykreslený model prokliku, podívejte se přes rameno svých vzorkovačů (ale nejprve se ujistěte, že je váš dech pěkný a svěží). To vám pomůže ukázat, jak se pohybují ve vaší aplikaci, a poskytne Vám pohled na spotřebitelské zkušenosti.

Jakmile máte všechny zpětné vazby, které potřebujete, a mít dobré pochopení toho, co je pro vás pracuje a co vyžaduje zlepšení, můžete se vrátit zpět a zeptejte se svého návrháře, aby se nezbytné úpravy.

Získejte aplikaci vyvinutou

nyní je čas předat svůj design vývojáři nebo vývojovému týmu. Budou kódovat funkční stránku vaší aplikace a ujistěte se, že skutečně dělá to, co má dělat. S největší pravděpodobností budou tam a zpět s vámi a váš projektant upravit design, aby vše fungovalo hladce a zjistit případné problémy se dostanete do při vývoji procesu.

a voilà, nyní máte funkční aplikaci! Podívejte se zpět na cíl vaší aplikace, o které jste se rozhodli, když to všechno začalo. Vyřešili jste společný problém, přinesli radost lidem zábavnou tvorbou nebo nějakým způsobem zjednodušili životy lidí? Je pravděpodobné, že pravděpodobně máte, a opravdu jste to přibili svým hvězdným designem.

Testování a spuštění

Otestujte si své aplikace se zaměřením skupiny

Dny Do aplikace, design
Volání v vzorkovače znovu! Buďte otevřeni konstruktivní kritice, abyste mohli provést konečné úpravy aplikace. Design by Deniel Lalla

nyní máme plně funkční aplikaci, kterou můžete otestovat, takže se budete chtít ujistit, že je to přesně to, než ji nastavíte pro vydání. V tomto okamžiku musí každý aspekt aplikace fungovat správně a vizuálně přitažlivě.

Pamatujete si ty šťastné pomocníky, kteří vám pomohli otestovat vaše makety dříve? Zavolej jim ještě jednou. Udělejte z nich svou cílovou skupinu a nechte je mít s vaší aplikací úplnou svobodu.

pokuste se získat veškerou konečnou zpětnou vazbu, kterou můžete, než se rozhodnete pro svůj konečný výsledek. Pokud pracujete s designérem a vývojářem, vezměte konstruktivní kritiku, kterou máte, a dejte je do práce na provedení konečných úprav dokončeného produktu.

Spuštění beta verze

Beta testování znamená, spuštění beta verze aplikace a dělat to k dispozici pro inovátoři v malém měřítku. Tímto způsobem můžete zobrazit, jak vaše aplikace běží v živém prostředí, a zkontrolovat, jak na ni uživatelé reagují.

TestFlight web design
TestFlight je IOS konkrétní program pro ovládání Beta testování aplikací. Konečná zpětná vazba, kterou zde shromáždíte, vám umožní aplikovat dotváří vaši aplikaci. Obraz přes senzorovou věž.

Nechte své uživatelům vědět, že oceníte jejich zpětnou vazbu, a používat to, aby nastavit věci na základě toho, co vidíte a připomínky, které obdržíte.

Jakmile máte zpětnou vazbu, kterou potřebujete a jasnou analýzu toho, jak vaše aplikace vypadá a funguje v reálném prostředí, na cílové čáře se objeví, a jste připraveni odhalit své mistrovské dílo na světě.

Spusťte aplikaci

konečně světlo na konci tunelu! Naplánovali jste, testovali, navrhli a testovali další a vaše aplikace je připravena zasáhnout police.

Pilly app design
App design by Ljuba97

Android nevyžaduje recenze dříve, než spustíte vaši aplikaci. To znamená, že jednoduše musíte nahrát soubor aplikace do obchodu Google Play (jako u beta verze) a lidé mohou začít okamžitě stahovat vaši aplikaci. IOS se mírně liší v tom, že vaši aplikaci zkontrolují dříve, než bude moci být spuštěna. Nebojte se však, pokud jste postupovali podle našeho průvodce ultimate a udělali jste vše správně,neměli byste mít problém se zeleným světlem.

Nyní, když je vaše aplikace k dispozici masám, nezastavujte se tam. Stále se zlepšovat a aktualizovat aplikaci pravidelně, aby vaše uživatelům ty nejlepší zkušenosti.

také nepodceňujte význam dalšího kroku-marketingu. Efektivní Marketing vaší aplikace pomůže dostat vaši aplikaci tam a na telefony vašich uživatelů. Chcete-li nahlédnout na některé intuitivní nápady, jak uvést na trh svou novou mobilní aplikaci, podívejte se na tento užitečný článek.

jste připraveni vzít svět aplikací bouří?-

aplikace jsou tak dominantním aspektem dnešního obchodního světa a nyní jste připraveni vytvořit a navrhnout aplikaci, která může opravdu otočit hlavy.

proces návrhu aplikace se může zdát složitý, ale pokud budete postupovat podle této příručky a rozdělíte ji na malé zvládnutelné kroky, bude to mnohem jednodušší.

na co tedy čekáte? Nasaďte si designový klobouk a udělejte z toho úžasného nápadu aplikace realitu.

hledáte ohromující design aplikace?
zde najdete designéry aplikací, které jsou ideální pro váš projekt.