proces návrhu mobilních aplikací: podrobné pokyny k UI / UX v roce 2021

jako zakladatel je čas vaším nejcennějším zdrojem. Zatímco jednoduché online vyhledávání vás dovede k množství pokynů a tipů pro vytvoření dokonalého designu, odfiltrování užitečného obsahu od šumu je těžký úkol. Poté, co jsme zažili tuto první ruku, vytvořili jsme komplexní průvodce návrhem mobilních aplikací, který bude sloužit jako jediný plán, který potřebujete při snaze o vytvoření vyřazovací aplikace.

Obsah

1. Krok 1: význam Uživatelského Testování
2. Krok 2: Aplikace design není sólo mise
3. Krok 3: Buďte si vědomi nejnovější aplikace design a vývoj trendů
4. Krok 4: Design s uživatelem v mysli,
5. Krok 5: Pochopit vědu a aplikovat
6. Krok 6: Zdokonalování in-app zkušenosti
7. Krok 7: Future proof svůj design

Krok 1: Význam Uživatelského Testování v aplikaci design proces

Neexistuje žádný způsob, jak můžeme vypsat všechny mobilní aplikace design, kroky procesu, aniž by zmínil uživatelské testy. Uživatelské testování leží v samém srdci procesu návrhu aplikace. Tento bod jednoduše nemůžeme dostatečně zdůraznit. Během testování uživatelů je prototyp aplikace dán skutečným uživatelům k testování. Jejich zpětná vazba a body bolesti jsou zaznamenány a na základě toho je provedena další iterace prototypu. Jedná se o rychlý a levný způsob, jak otestovat design a funkčnost aplikace, aby je návrháři a vývojáři mohli dále vylepšovat.

jako zakladatel jsem tvrdě zjistil, jak důležité je provést správné testování uživatelů brzy. Měli jsme tento nápad na rezervační aplikaci, která spojuje lidi s nejbližším holičem a umožňuje jim domluvit si schůzky. Skočili jsme přímo do navrhování aplikace, zdokonalování designu, aniž bychom skutečně umožnili skutečným uživatelům testovat prvky uživatelského rozhraní. Po měsících práce byla aplikace spuštěna. Všechny naše předpoklady týkající se potřeb uživatele byly rozbity. Lidé byli skeptičtí ohledně hodnotového návrhu.

tváří v tvář této situaci jsme zahájili důkladný vyšetřovací proces. Provedli jsme uživatelské průzkumy a rozhovory. Požádali jsme lidi, aby si službu vyzkoušeli a zaznamenali jejich zpětnou vazbu. Analýza výsledků nás vedla k následujícímu závěru:

• většina lidí již má holiče, kterému věří. Neradi experimentují s novými jedinci.
• v tomto případě aplikace právě přidávala další potíže v již jednoduchém procesu.
• Uživatelé upřednostňovali rezervaci schůzky se svým holičem před telefonním hovorem, textovou zprávou nebo WhatsApp místo toho, aby to dělali prostřednictvím aplikace.
• i když si uživatel prostřednictvím aplikace našel nového holiče, nebylo nutné, aby aplikaci už používali.
• uživatelé jednoduše nebudou platit za tuto službu, zvláště když neexistoval způsob, jak zabránit obcházení.

je snadné vidět, že v mém případě neexistoval žádný skutečný produktový trh. Než půjdu all-in s procesem návrhu aplikace, Měl jsem se zaměřit na rychlé prototypování. Vytvořit rychlý prototyp založen na naší osvědčené mobilní aplikace UI design pokynů a testování je ven, pak se opakuje, je rychle na základě zpětné vazby od uživatelů. Po několika iteracích bych měl dostatek dat, abych mohl učinit informované rozhodnutí, a tak ušetřit čas, úsilí a náklady na vývoj aplikací.

je důležité dodržovat tento proces při vytváření nebo vytváření aplikace. Tím je zajištěno, že váš drahocenný čas a zdroje nejsou zbytečné.

Krok 2: App design není sólo mise

úspěšné mobilní aplikace jsou výsledkem společného úsilí multidisciplinárního týmu. Ideální tým se skládá ze zdrojů souvisejících s výzkumem, grafickým designem, uživatelským rozhraním (UI), uživatelskou zkušeností (UX), vývojem a marketingem. Zakladatelé jsou často v pokušení začít navrhovat aplikaci sami. To je téměř jistý recept na katastrofu.

V případě mého umístění-založené holič on-line aplikace ‚HereCut‘ (je to pocit jako super jméno v té době), jsme čelili podobné situaci. S trochou zkušeností s designem a vývojem jsem se rozhodl neztrácet cenné zdroje najímáním vysoce kvalifikovaných jednotlivců pro mobilní design. Jako většina zakladatelů, byl jsem velmi přísný s penězi, a to vypadalo jako nejlepší způsob, jak bootstrap svou cestu k neuvěřitelné aplikace. Přál bych si, abych si v té době přečetl úplného průvodce.

po několika měsících, kdy jsem se snažil vyvážit pracovní postup mého spuštění, jsem se naučil velmi cennou lekci. Můj přístup k současné práci na návrhu a psaní kódu vyústil ve slepou uličku. V aplikaci nedošlo k žádnému podstatnému pokroku. Tehdy jsem si začal uvědomovat svou chybu. Při řízení každodenních operací mého spuštění a řešení nových, neočekávané výzvy každý den, nebyl žádný způsob, jak bych mohl najít čas dostat se do „zóny“ kódování nebo návrhu aplikace. Zanedbání mých povinností zakladatele úplně a zaměření na kód nebo design nebyl ani moudrý krok.

řídí své mentory, viděl jsem, že není najímání dobré zdroje pro navrhování aplikace byla vlastně stojí mě místo toho mě zachránil peníze. Byli jsme málo času a neměli jsme ani MVP (Minimální Životaschopný Produkt). Pokud jsem chtěl šanci na úspěch, musel jsem pilulku spolknout.

zakladatelé mají hodně na svých talířích a navrhování samotné aplikace při správě všech ostatních aspektů podnikání je téměř nemožné. Věř mi, když to říkám, jen si ušetři všechny potíže a sežeň profesionála, který ti pomůže v této misi.

nejlepší přístup pro zakladatele je najmout kvalifikovaný tým. Ideální tým by měl mít alespoň návrháře UI / UX, vývojáře backendu a marketingový zdroj. Tento tým vám umožní dostat se na trať a vytvořit počáteční verzi aplikace s minimální funkčností (nazývanou také MVP).

v následujících částech se podíváme na složitý proces návrhu aplikace, který zahrnuje pečlivé plánování a provádění.

Krok 3: Buďte si vědomi nejnovějších trendů designu a vývoje aplikací

neexistuje žádný zastavení rychlého pokroku technologie. Občas je těžké pochopit a držet krok s nejnovějšími událostmi. S takovou tvrdou konkurencí na trhu s aplikacemi přichází pro tvůrce aplikací velká výzva. Nedostatek informací o trendech vás může stát draho. Uživatelé mají spoustu možností na výběr a půjdou pouze s nejnovějším a nejúčinnějším řešením svého problému.

5G již není věcí budoucnosti. Zavádění již začalo. Podle studie provedené společností GSMA bude do roku 2025 v síti 5G spuštěno přibližně 4 miliardy zařízení. To představuje více než 15% celkového celkového počtu. Příchod 5G je totální měnič her pro mobilní aplikace. S úžasně vysokými rychlostmi a extrémně nízkou latencí se objeví mnohem efektivnější aplikace AR (Rozšířená realita) a VR (Virtuální realita). Bude také možné obstarávat případy použití, které nejsou možné na stávající infrastruktuře LTE 4G.

rozšířená realita je jistě technologie, na kterou mohou vývojáři aplikací vzhlížet. Na rozdíl od virtuální Reality nepotřebuje specializovaný hardware, jako jsou náhlavní soupravy VR. Stávající mobilní telefony mají velmi výkonný hardware a doplňující software, aby tato technologie fungovala. S pomocí hloubkových snímacích kamer nejnovějších mobilních zařízení AR dělá prostředí interaktivnějším integrací virtuálních objektů do vašeho okolí. Apple ARKit a ARCore pro Android umožňuje vývojářům vytvářet robustnější aplikace rozšířené Reality. Zatímco mobilní hry (jako Pokemon Go) jsou první věc, přijde na mysl, když přemýšlel o AR, jen si představte možnosti, které má v jiných oblastech. Z interaktivní nákupní aplikace, AR datování služby, cestovní ruch, aplikace, architektura, kreslení a spolupracujících aplikací, sport, marketing, zdravotnictví, vzdělávání, komunikace/telekonference a vizualizace dat aplikace, dopad AR je nekonečný.

s app tvůrci neustále snaží přijít na to, jak poskytnout nejlepší zkušenosti a hodnotu pro zákazníka, strojové učení (ML) může být jen odpověď.

inovace jako 5G, AR a ML otevírají zcela novou řadu možností pro vzrušující nové mobilní aplikace. Se správnou implementací těchto nejnovějších technologií se vaše aplikace může stát další velkou věcí!

tyto revoluční technologie nabízejí novou řadu výzev pro designéry. Musí se rychle přizpůsobit a přijmout měnící se časy. Navrhování pro aplikace AI, ML a AR se liší od tradičního designu aplikací. Zvažte například virtuální asistenty poháněné AI (jako Siri a Alexa). Používají přirozenější hlasové rozhraní na rozdíl od vizuálních návrhů k interakci s uživatelem.

není to dlouho předtím, než se AR aplikace pro nositelné (jako chytré brýle nebo inteligentní objektiv) stanou běžným pohledem. Nyní se design nebude omezovat pouze na mobilní obrazovku. Návrháři musí zůstat před křivkou a přijít s uživatelsky přívětivým rozhraním pro taková zařízení.

S holografickou a AR aplikací, které jsou poháněny gesta, návrháři je třeba zvážit, jak vytvořit gesta, které jsou kulturně přijatelné pro diváky po celém světě. Další značnou výzvou související s použitelností je navrhnout tak, aby mozek snadno přijímal a zpracovával objekty této nové reality.

nové designové vzory se vyvíjejí tak, aby vyhovovaly těmto technologiím. Návrháři by měli být schopni, aby se prvky objevovaly přirozenějším způsobem, aby se uživatel s touto novou realitou cítil více doma. Aby bylo možné vytvořit optimální design pro aplikace AI, ML a AR, musí návrháři pochopit, jak tyto technologie fungují, a být trochu kreativní. Vzhledem k tomu, že se jedná o relativně novou oblast, existuje mnoho prostoru pro inovace v designu.

Integrace s dalšími aplikacemi a službami

Projektování s flexibilním přístupem v mysli, a umožňuje aplikaci využít integrace je velmi užitečné funkce pro uživatele. Tyto dny, mnoho startupů a podniků již používá řadu nástrojů pro komunikaci a produktivitu, jako je Slack, Trello a Asana. Dát svým uživatelům možnost Synchronizovat a integrovat tyto služby může pomoci poskytnout maximální hodnotu pro uživatele a aby vaše aplikace více uživatelsky přívětivé.

stravování pro různé typy zařízení

Apple vydal svou novou sestavu iPhone včetně iPhone 11, 11 Pro a 11 Pro Max ne příliš dávno. Software také dostal elegantní upgrade ve formě iOS 13, s iOS 14 naplánováno vyjít na podzim. Design přizpůsobený ostřejšímu a ostřejšímu zobrazení těchto nových zařízení vynikne mnohem více. Například, mHealth aplikace může využívat nový, výkonnější přední-čelí fotoaparát, spolu s nejnovější neuronové sítě napájené A13 Bionic čip, aby se více přesné příznakem tracker.

jsou zprávy o aplikaci, která používá obrázek prstu k detekci diabetu. Používá fotoaparát telefonu a baterku k identifikaci špatného průtoku krve. Pokud je to možné, představte si, co můžete udělat využitím plného výkonu nejnovějších zařízení.

design pro Apple a Android zařízení vyžaduje hluboké porozumění pro operační systémy iOS a Android. Pokyny pro lidské rozhraní od společnosti Apple a pokyny pro návrh materiálu od společnosti Google mohou sloužit jako skvělé předkrmy. Například při navrhování aplikace pro iOS musíte pro navigaci použít panel karet na rozdíl od navigační zásuvky pro verzi stejné aplikace pro Android.

Apple používá pro svá zařízení velikosti jako 1x, 2x a 3x. Pro Android musí návrháři učinit své návrhy kompatibilními se 6 různými velikostmi obrazovky. LDPI, který je na spodním konci spektra, měří 120dpi, následuje MDPI, HDPI, XHDPI, XXHDPI a XXXHDPI.

S novou velikostí displeje, vyšší poměry (18:9), bezel-méně displeje a zářez design, app návrháři muset být neustále na pozoru, jak jejich navrhovaná konstrukce bude fungovat na nejnovějších zařízeních.

tváří v tvář tomuto neustálému přílivu nových zařízení musí návrháři udržovat své návrhy citlivé. Měli by testovat a optimalizovat své návrhy pro každé zařízení. Jednoduchý design, který nabízí ty správné informace, je kritický. Poznejte své publikum a iterujte návrh uživatelského rozhraní na základě demografických údajů. Věnujte také pozornost analytice v aplikaci pro všechny body frustrace uživatelů a vyřešte je.

Krok 4: Design s Uživatelem v mysli

Při navrhování své aplikace, ne spadnout do pasti přidávání více a více funkcí. Uvedení uživatel nejprve je skvělý přístup k vytvoření použitelné aplikace, a to se liší výrazně, zda jste budování chatbot, rozvoj trhu app, nebo rozvoj obchodní a investiční app. Když vezmete v úvahu koncového uživatele, začnete si uvědomovat, že aplikace by měla být praktická a snadno použitelná. Začněte tím, že si položíte otázky jako, Kdo je můj uživatel? Jaké jsou jejich problémy a jak je mohu vyřešit? Nyní je sladit s obchodními cíli vaší aplikace. Jakmile něco máte, vyzkoušejte to s uživatelem a vyhodnoťte.

Google nabízí zajímavý seznam aplikací a služeb Google, které byly nyní ukončeny. V tomto seznamu najdete aplikaci s názvem Bump. Byla to v podstatě aplikace pro iOS a Android, která uživatelům umožňovala přenášet kontakty, obrázky a data přes internet do jiných zařízení. Uživatelé to udělali tím, že fyzicky narazili na své telefony. Když byly telefony narazeny, na každém zařízení se objevila obrazovka pro potvrzení a výběr souborů. Zatímco v roce 2011 byl přenos dat do jiných zařízení velkou potřebou uživatelů a tato aplikace nabídla dobré řešení, časy se změnily.

slovy generálního ředitele Bump Technologies Davida Lieba: „nová generace mobilních aplikací vyřeší problémy tak ,že uživatel, zákazník, o tom ani nemusí přemýšlet.“Dále říká:“ Mobile umožní všem těmto aplikacím otočit se a místo toho, abych řekl aplikaci, co chci, aby udělala, aplikace mi navrhne, hej, možná budete chtít odejít na schůzku dolů na konci pásu, protože je tu hodně provozu.“

vědomí nejnovějších trendů v oboru také pomáhá s procesem vytváření něčeho, co uživateli nabízí maximální hodnotu. Přemýšlejte o tom, trend je přítomen kvůli širokému přijetí uživatelů.

v Současné době, uživatelé prostě raději aplikací k provedení požadované akce v pozadí, místo toho, aby v úsilí klepnutím na tlačítka nebo přes celý zdlouhavý toku. V tomto případě uživatel nechce, aby jejich telefon přenos informací do jiných zařízení, to prostě ‚stane‘.

hlavním cílem návrhu zaměřeného na uživatele je snížit úsilí pro uživatele. Vaše aplikace by měla minimalizovat potřebu psát. Registrace je pro uživatele hlavním bodem odchodu. Stačí uživateli nabídnout některé funkce bez vynucení registrace. Model freemium pracoval zázraky pro vývojáře aplikací právě z tohoto důvodu.

vaše aplikace by měla mít minimální možné požadavky na oprávnění a aby se věci pohodlnější pro uživatele, stačí automaticky vyplnit svůj e-mail z app store (v případě potřeby).

Přístupnost aplikace

zpřístupnění aplikace širšímu publiku je nutností. Při vytváření návrhu byste měli zvážit osoby se zdravotním postižením. Něco tak jednoduchého, jako přidání titulku k videu, může zvýšit zapojení videa až o 500%.

podle statistik žije přibližně 15% světové populace s nějakou formou postižení. W3C nebo World Wide Web Consortium je mezinárodní komunita, která vyvíjí webové standardy. Jejich pokyny pro přístupnost webového obsahu (WCAG 2.0) stanoví pokyny pro přístupnost a osvědčené postupy pro online obsah. Tento dokument ukazuje, jak se tato pravidla vztahují na mobilní Přístupnost.

Apple se neustále snaží tlačit vývojáře aplikací, aby jejich aplikace byly přístupnější všem typům publika. Dynamický text je jednou z navrhovaných postupů v tomto směru.

Nyní, když jste si vědomi důležitosti přístupnosti aplikace a přístupu prvního uživatele k designu, použijte tyto znalosti k dokonalému designu. Vaše aplikace by měla být pěkně přizpůsobena potřebám uživatele. Udělejte to co nejpříjemnější pro uživatele testováním designu se skutečnými uživateli a jeho vylepšením na základě zpětné vazby.

Krok 5: pochopte vědu a aplikujte ji

design aplikace se vyvinul velmi rychlým tempem. Rádi neustále připomínáme našim čtenářům, že skvělý design aplikace přidává uživateli určitou hodnotu. Je to design určený pro růst a spoléhá se na více než jen bujné barvy a animace. Ponoření do skutečné vědy a pochopení toho, jak můžete vylepšit svůj design, je nesmírně důležité.

Tento krok nabízí skvělý vhled do vědy app design a jak je používá k výrobě velkolepé výsledky. Mimochodem, doufám, že jste si všimli, že kroky návrhu aplikace, které popisujeme v našem průvodci návrhem mobilních aplikací, jsou očíslovány pouze pro pohodlí a nejsou řazeny podle důležitosti.

význam principů UX

jako zakladatel, User Experience (UX) design není něco, co můžete vyhýbat. Don Norman vytvořil termín UX na počátku 90. let. v této oblasti bylo provedeno tolik výzkumu, že někdy je těžké skutečně držet krok. Můžete dokonce udělat celý specializovaný titul v designu uživatelských zkušeností. Zde vám přinášíme tři principy, které musíte znát, které tvoří jádro designu UX.

Hick zákon,

Čím více možností vám dát uživateli, tím více času bude spotřebována při tomto rozhodování.

Parkinsonův zákon

tento zákon říká: „pokud počkáte do poslední minuty, trvá to jen minutu“ nebo jinými slovy „čím déle dáte úkol, tím déle to trvá“. V souvislosti s návrhem aplikace vězte, že uživatelé nemají mnoho času na dokončení úkolu. Musíte zajistit, aby pokyny a akce v aplikaci byly smysluplné a rychlé. Tento princip se snadno vztahuje na zážitek z registrace nebo na palubě aplikace.

KISS princip (Keep It Simple Stupid)

je třeba se vyhnout zbytečné složitosti a funkcím. Vaše aplikace bude fungovat nejlépe, pokud je udržována jednoduchá a zůstane věrná své hlavní funkci.

zvažte například naši aplikaci pro zdravotnictví „TYGON Lyte“. I když nabízí tři hlavní funkce, jmenovitě terapii, detekci a dezinfekci, náš tým UX identifikoval světelnou terapii jako základní hodnotovou nabídku. Na základě tohoto vhledu byl vytvořen praktický a jednoduchý design domovské stránky, který se zaměřil výhradně na světelnou terapii.

Pokud se chcete dozvědět více o UX, můžete se podívat na tento docela šikovný web, zákony UX.

konzistentní značka

tento bod je docela zřejmý. Zmiňujeme to pouze za účelem zdůraznění toho, jak Klíčové je udržovat návrhy aplikace v souladu s jejím webovým protějškem. Ikony, grafika, typografie a dokonce i ty nejmenší detaily musí být dokonale sladěny.

teorie barev

Chcete-li porozumět psychologii barev, musíte se podívat na barevné kolečko. Lze jej rozdělit na dvě odlišné poloviny. Teplé barvy jsou jako žlutá, oranžová a červená. Modré, zelené a podobné barvy se nazývají studené barvy.

doplňkové barvy leží na opačných stranách kola, např. modrá je opakem oranžové. Musíte si všimnout, že mnoho populárních aplikací a log využívá tyto opačné barevné kombinace, protože pomáhají vyniknout.

Dříve jsme diskutovali o významu přístupnosti, držet to v mysli, vyhnout se použití příliš mnoho zelené a červené barevné kombinace, jako je nejčastěji hlášené páry, která způsobuje problémy pro barvoslepé lidi. Zajímavý fakt, Facebook je modrý, protože Mark Zuckerberg je zeleno-červený barvoslepý a vidí modrou nejlépe.

existuje také kompletní marketingový pokyn o emoční reakci, kterou vyvolávají určité barvy. Žlutá je spojena s tím, že je mladistvá a optimistická. Může být použit k přilákání pozornosti příležitostného uživatele k nákupu něčeho. Modrá je spojena s důvěrou a bezpečností. Banky i různé podniky často používají modrou barvu právě z tohoto důvodu. Je také vhodný při navrhování a vývoji zdravotnických aplikací. Podobně, zelená je většinou spojena s aplikacemi pro finance a blahobyt. Je známo, že je relaxační barvou pro oči. Aplikace související s luxusními výrobky nebo službami často používají černou kvůli své elegantní a silné povaze.

teorie barev naznačuje, že důležitý obsah by měl být ve vysokém kontrastu. I když to dělá to více rozlišitelné, přehánět to v celé aplikaci může způsobit napětí pro uživatele. Na druhou stranu, techniky s nízkým kontrastem jsou oblíbeným návrhářem, protože vytvářejí některá krásná rozvržení. Zkuste najít sladkou směs mezi čitelností (vysoký kontrast) a atraktivitou(nízký kontrast).

nelze popřít, jak důležité je správné použití barvy. Zůstat věrný své vizi objevování a rozšiřování znalostí ve prospěch lidstva, NASA provedla docela nějaký výzkum na téma použití barev. Dokonce nabízejí bezplatné online zdroje pro veřejnost, aby mohli těžit z jejich výzkumu.

zaostření na barvu tlačítka se může některým zdát triviální. Ve skutečnosti bylo prokázáno, že uživatelské testování a zdokonalování barvy tlačítka výzvy k akci vede ke značnému nárůstu konverzí.

minimalizujte kognitivní zátěž

principy kognitivní psychologie správně našly místo v procesu návrhu. Množství úsilí potřebného k dokončení úkolu, může dělat zázraky při vytváření aplikace něco, co uživatelé milují.

vnitřní kognitivní zátěž je energie potřebná k absorpci nových informací a zároveň vědět, jaký úkol provést. Uživatel by měl například dostat jasné a krátké pokyny. CTA (call-to-action) by měla být na stejné stránce a uživatel by neměl muset procházet mezi obrazovkami, aby se rozhodl.

při návrhu by měla být snížena cizí kognitivní zátěž. To je něco, co nesouvisí s daným úkolem a spotřebovává duševní zdroje. Obecně je to důsledek špatného designu, jako jsou ztracená písma, přetížení obsahu nebo použití nevhodných barev.

Chcete-li snížit kognitivní zátěž, vyhněte se vizuálnímu nepořádku a zjednodušte návrh. Lidský mozek rychle přijímá rozvržení a vzory, které již zná. To je důvod, proč ve většině aplikací, vidíme téměř stejný vzor pro běžně používané funkce, jako je přihlášení.

Krok 6: Zdokonalování in-app zkušenosti

Navrhování pro prázdný stav

první interakci s aplikace by měla uživatelům pohodlné a nabídnout jim pohled na to, co má přijít. To je místo, kde přichází promyšleně vytvořený zážitek na palubě.

Návrháři se zaměřují hodně na plný nebo obydlených design aplikace a často zanedbávat nahý, počáteční návrh aplikace, že nový uživatel narazí. Existuje řada způsobů, jak tento prázdný stav učinit smysluplnějším. Prohlídka aplikace může být skvělým místem pro začátek pro uživatele. V některých jiných případech může být nabídka upravitelného vzorku (jako v figuríně v aplikaci pro elektronický obchod) pro uživatele velmi užitečná.

dříve jsme se dozvěděli o principu vnitřní kognitivní zátěže. S ohledem na tuto zásadu by uvítací poznámka nabízená uživateli měla být krátká a měla by nabídnout dobře umístěnou výzvu k akci.

navigace jednou rukou nebo rozložení palce

strávit nějaký čas zvažováním navigace jednou rukou, když procházíte kroky procesu návrhu mobilních aplikací. Umístěte akční prvky do zón obrazovky, kam může palec přirozeně dosáhnout. Kohoutkové cíle by měly mít dostatečně velkou velikost, aby umožnily snadné poklepání. Nepokládejte různé kohoutkové cíle velmi blízko sebe.

vždy používejte správné mezery. V ideálním případě, preferovanou velikost pro tap oblast je mezi 7 až 10 mm. V horní části obrazovky je těžko přístupných prostor a v případě větší obrazovky, to vyžaduje změnu úchopu. Umístěte destruktivní akce, jako je vymazání, na těžko dosažitelná místa, aby se zmírnilo nebezpečí náhodného použití.

správná navigace a vizuální hierarchie

dobrý design zajišťuje, že navigace v aplikaci je co nejbolestivější. Uživatelé mají přirozenou tendenci si pamatovat první a poslední položky v sérii. Tento jev se nazývá efekt sériové polohy. Podle výzkumu je schopnost odvolání ovlivněna pozicí prvku v sérii. Pro lidský mozek je obtížné vzpomenout si na prvky uprostřed série.

z tohoto důvodu nejnovější návrhy upřednostňují navigaci v horní liště nebo navigaci ve spodní liště na rozdíl od nabídek hamburgerů. Nejdůležitější položky jsou umístěny vpravo nebo vlevo od navigační lišty.

mít jasnou vizuální hierarchii je také velmi důležité. Vizuální hierarchie je definována jako velikost prvků na obrazovce. Obecně platí, že důležitější prvky mají větší váhu.

Krok 7: Budoucí důkaz váš design

změna je konstantní a nepopiratelná. Udělej si svůj design dostatečně flexibilní, aby obstarávat nové změny, i když to znamená marginální zvýšení počátečních nákladů na vývoj aplikací. Mělo by také zůstat relevantní a nadále poskytovat hodnotu uživateli. To je případ procesu vývoje vlastních aplikací obecně, ať už jde o myšlenku, fázi návrhu nebo vývoje.

význam obsahu

slova používaná v aplikaci mají obrovský dopad. Používejte snadno srozumitelná slova a vyhněte se zbytečným informacím. Nejlepší sekvence a struktura je ta, která je pro vašeho uživatele snadno čitelná.

Typografie je také jedním z nejsilnějších prvků konstrukce. To může aplikace více uživatelsky přívětivé a přístupné. Nedávno jsem začal používat tuto cloudovou aplikaci pro psaní poznámek s názvem „medvěd“. Je k dispozici pouze pro zařízení Apple (iPhone, iPad a Mac). Zamiloval jsem se do této aplikace na první pohled. Zbavil jsem se nativní aplikace notes od společnosti Apple a úplně jsem přešel na Bear. Tak, co vyvolalo tak silnou reakci ode mě? Byla to naprostá jednoduchost a krásná typografie aplikace! Návrhářům se podařilo představit výkonné funkce aplikace tak přirozeným a jednoduchým způsobem, že si ji uživatelé jednoduše užívají.

Vyhněte se kopírování jiných návrhů

jednoduše se nevyplatí kopírovat existující návrh. Určitě se můžete inspirovat tím nejlepším z nejlepších, ale kopírování je velké ne. Každá aplikace je jedinečná svým vlastním způsobem. Pouze vy znáte konkrétní případ použití, na který cílíte, a hodnotu, kterou chcete poskytnout. Jiné návrhy nebudou stačit při poskytování této hodnoty uživateli, jak si přejete. Na konci, odměny za vytvoření odlišného designu pro vaši aplikaci stojí za veškerý čas a zdroje, které do ní vstupují.

nebojte se inovovat

Mobilní Aplikace Design Proces +

Gratulujeme! nyní jste vybaveni znalostmi, abyste pro svou aplikaci vytvořili mimořádný design. Jste o krok blíže k dosažení aplikace, kterou si přejete.

mějte na paměti, že design je otevřené pole. Přestože jsme uvedli některé zásady a osvědčené postupy, nejlepší návrhy nemusí vždy platit všechny. Věci jako pokyny pro návrh mobilních aplikací společností Apple a Google jsou praktické pouze do určité míry. Řešení jedinečného případu použití často vede k čerstvému a inovativnímu designu. Nikdy se nebojte experimentovat s novými věcmi, protože není známo, jaký úžasný produkt byste mohli nakonec vytvořit.

Ve stejné době, v návaznosti na proces navrhování aplikace jsme nastínili v této komplexní průvodce, který bude vyhnout nejčastější uživatelské rozhraní a zkušenosti úskalí.

potřebujete pomoc při navrhování aplikace svých snů? Jsme vývojáři aplikací v NYC, LA, Miami, a náš tým je tu, aby vám pomohl. Spojte se s námi.