03/10/2023
Apple App Store nabízí miliony aplikací, ať už hledáte hudební službu, nebo zpravodajství. Tato úroveň přesycení trhu činí pro vývojáře a designéry aplikací stále obtížnější vyniknout. Jedním z klíčových přístupů k úspěchu je zajištění, že aplikace mají uživatelsky přívětivý design, který dodržuje směrnice pro design iOS. Tyto směrnice, známé jako Apple Human Interface Guidelines (HIG), slouží jako cestovní mapa pro navrhování intuitivních, responzivních a přístupných aplikací. Než se pustíte do jakéhokoli nového designu aplikace, je nezbytné prostudovat osvědčené postupy pro vývoj a design iOS, základní koncepty a pokročilejší přístupy. Pochopení a aplikace těchto principů je klíčem k vytvoření aplikace, která nejenže splňuje očekávání uživatelů, ale také úspěšně projde schvalovacím procesem v App Store.

- Základní principy designu iOS aplikací: Human Interface Guidelines (HIG)
- Rozvržení a struktura iOS aplikace
- Uživatelská interakce
- Pokročilé designové techniky
- Uživatelské testování: Zdokonalování UX a UI prvků
- Závěr
- Často kladené dotazy (FAQ)
- Co jsou Human Interface Guidelines (HIG) pro vývoj iOS aplikací?
- Jak zajistíte, že vaše aplikace je přístupná pro každého?
- Jaké jsou osvědčené postupy pro implementaci tmavého režimu?
- Jak mohou animace zlepšit uživatelskou zkušenost v iOS aplikacích?
- Jak Apple ARKit vylepšuje design aplikací?
- Jakou roli hraje zpětná vazba od uživatelů v procesu designu iOS aplikací?
- Jakou roli hrají webové prohlížeče v designu iOS aplikací?
- Jaká je role aplikace Nastavení (Settings) na zařízení iOS?
- Jakou roli hraje ikona aplikace v designu iOS?
- Existují designové směrnice pro vytvoření verze aplikace pro Android z iOS aplikace?
- Jaké designové směrnice bych měl dodržovat při vytváření e-mailové aplikace pro iOS?
Základní principy designu iOS aplikací: Human Interface Guidelines (HIG)
Jasnost, úcta k obsahu, hloubka a konzistence jsou čtyři základní principy, které musí vývojáři aplikovat při vývoji iOS aplikací. Dodržování těchto principů jim umožňuje dosáhnout excelence v designu a dodržet pravidla App Storu, což zajišťuje úspěšné publikování aplikace.
Jasnost (Clarity)
Jasnost je v UX/UI designu naprosto nezbytná. Zajišťuje intuitivní a uživatelsky přívětivé interakce, kterými se uživatelé mohou pohybovat bez zmatku nebo frustrace. Aplikace pro iOS by měly mít čisté a nepřehledné rozvržení, dostatek bílého prostoru a co nejméně prvků, aby se předešlo zahlcení uživatelů. Pro dosažení jasnosti v designu iOS aplikací by vývojáři měli implementovat:
- Jasné popisky a instrukce: Vývojáři by měli používat jednoduchý, stručný a popisný jazyk pro popisky a instrukce. Je důležité vyhnout se žargonu, aby se uživatelé nemuseli dohadovat, co určité funkce dělají.
- Jednoznačné ikony a symboly: Designéři by měli ve svých návrzích používat běžné a snadno identifikovatelné symboly, které uživatelé znají z jiných aplikací a ze systému iOS samotného.
- Čitelná typografie: Designy aplikací musí používat písma, která zůstávají snadno čitelná v různých velikostech, napříč verzemi zařízení a v různých kontextech. Písmo by mělo podporovat dobrou čitelnost jak na malých obrazovkách iPhonů, tak na větších displejích iPadů.
- Jasná vizuální hierarchie: Design hierarchie umožňuje uživatelům pochopit relativní důležitost mezi prvky aplikace. Například designéři mohou zvolit, aby důležité prvky byly větší nebo tučnější, zatímco méně podstatné detaily menší nebo světlejší.
- Bílý prostor: Negativní prostor mezi prvky činí aplikace vizuálně přitažlivějšími, přístupnějšími a snadněji se v nich naviguje. Pomáhá oddělit prvky a snižuje vizuální šum.
Úcta k obsahu (Deference)
V UI designu zajišťuje úcta k obsahu, že uživatelé vědí, jak interagovat s obsahem, prostřednictvím čistého rozhraní s plynulými pohyby. Čisté rozhraní minimalizuje rušivé elementy, aby pomohlo udržet pozornost soustředěnou na podstatnější prvky. Plynulé pohyby činí navigaci bezproblémovým a intuitivním procesem. Hloubka je designový aspekt, který zvyšuje úctu k obsahu tím, že vytváří vizuální hierarchii. To pomáhá uživatelům rozlišovat mezi podpůrným obsahem a primárními akcemi. Například vrstvení a jemné stíny poskytují určitý kontext pro vytváření intuitivnějších interakcí.
Hloubka (Depth)
Hloubka hraje klíčovou roli při vdechování vitality do aplikace. Směruje pozornost uživatele pomocí vizuálních prvků, včetně rozostření, průhlednosti a stínů, k vytvoření vizuálních vrstev a realistických pohybů. Hloubka vytváří smysl pro hierarchii v uživatelském rozhraní aplikace prostřednictvím přidaného rozměru. Použití tohoto designového principu je také skvělý způsob, jak pomoci uživatelům oddělit interaktivní prvky od statických objektů, aby byla aplikace uživatelsky přívětivější. Hraní se stíny k „zvedání“ tlačítek a dalších prvků „z obrazovky“ s efektem „hover“ je skvělým příkladem efektivního využití hloubky. Měřítkování pomáhá signalizovat důležitost a vrství vizuální prvky k vytvoření trojrozměrného smyslu pro prostor.
Konzistence (Consistency)
Konzistence je základní při navrhování nativní iOS aplikace. Udržování uniformity, soudržnosti a konzistentního designového jazyka v celém rozhraní aplikace umožňuje bezproblémovou uživatelskou zkušenost. Tento důležitý princip dává designérům způsob, jak zajistit, aby se uživatelé cítili s aplikací seznámeni, a to i při prvním použití. Konzistence je klíčovým hráčem při snižování křivky učení pro uživatele tím, že jim umožňuje rychle a snadno navigovat aplikacemi. Zvyšuje také předvídatelnost, posiluje identitu značky, podporuje známost a důvěru a umožňuje vývojářům vytvářet intuitivní a uživatelsky přívětivé aplikace. Několik způsobů, jak zajistit konzistenci v aplikaci, zahrnuje:
- Konzistence prvků uživatelského rozhraní: Prvky UI by měly vykazovat konzistentní vzor v celé aplikaci. Uživatelé by měli být schopni předvídat výsledek klepnutí na určitou ikonu, protože tato akce by měla vždy vést ke stejnému výsledku.
- Konzistence typografie a barev: Vývojáři by měli používat stejná písma, velikosti písma a barvy na všech obrazovkách. To je nezbytné pro udržení pocitu kontinuity a zdůraznění důležitosti různých textových prvků.
- Konzistence interakcí: Stejně jako by prvky UI měly mít konzistentní chování, tak by měly mít i uživatelské interakce. Například, pokud má určité gesto (např. přejetí prstem doprava) určitý efekt na jedné obrazovce, mělo by mít vždy stejný efekt v celé aplikaci.
- Konzistence designových vzorů iOS: Při vytváření nové aplikace by vývojáři měli mít na paměti širší designové vzory, které uživatelé znají z používání jiných iOS aplikací. Tím se aplikace stane intuitivnější a snadněji se v ní bude navigovat.
Rozvržení a struktura iOS aplikace
Jedním z nejdůležitějších aspektů při plánování vytvoření iOS aplikace je její uspořádání a rámec. To zahrnuje přemýšlení o navigaci aplikace, komponentách rozhraní, typografii a barevných schématech. Apple nabízí širokou škálu návrhů a ovládacích prvků, které vývojáři mohou použít k rychlému vytváření rozhraní. Někdy však může dávat smysl „porušit pravidla“ a zvolit vlastní UI.
Intuitivní a efektivní navigační systém je základním kamenem každé dobré iOS aplikace. Zajišťuje, že uživatelé mohou snadno procházet různými sekcemi a funkcemi aplikace bez jakéhokoli zmatku. Existuje několik navigačních modelů, ze kterých si můžete vybrat, jako je hierarchická, plochá a navigace řízená obsahem nebo zkušenostmi. Designéři by však měli vytvářet jasné navigační cesty bez ohledu na model, který si vyberou, a používat známé vzory iOS, jako jsou lišty.
Lišty jsou základem iOS rozhraní a mohou indikovat a komunikovat širokou škálu informací, od stavu aplikace po aktuální čas. Několik běžných typů lišt nalezených v iOS aplikacích zahrnuje:
| Typ lišty | Umístění | Účel |
|---|---|---|
| Stavová lišta | Nahoře na obrazovce | Zobrazuje informace o zařízení (baterie, Wi-Fi, čas). Může být skryta, ale s rozvahou. |
| Navigační lišta | Pod stavovou lištou | Umožňuje uživatelům prozkoumat hierarchii aplikace, obsahuje tlačítko zpět a název obrazovky. |
| Vyhledávací lišta | Různé (často v navigační liště) | Umožňuje uživatelům vyhledávat konkrétní obsah v aplikaci. Měla by obsahovat zástupný text a tlačítko pro smazání textu. |
| Tabulátorová lišta (Tab bar) | Dole na obrazovce | Globální navigační prvek umožňující rychlé přepínání mezi hlavními pohledy aplikace. Musí dodržovat standardy iOS. |
Prvky rozhraní
Běžné komponenty rozhraní iOS, jako jsou tlačítka, přepínače, posuvníky a popisky, jsou stavebními kameny rozhraní každé aplikace. Způsob, jakým vývojáři tyto prvky umisťují, stylizují a přizpůsobují, má velký dopad na to, jak uživatelé vnímají aplikaci a interagují s ní. iOS má velkou knihovnu s mnoha různými typy komponent rozhraní. Mezi nejoblíbenější patří:
- Tlačítka: Jeden z nejrozpoznatelnějších a nejpoužívanějších ovládacích prvků, tlačítka umožňují uživatelům vybírat různé možnosti v aplikaci. Designéři by měli používat techniky přizpůsobení k vizuálnímu zobrazení různých stavů tlačítka (výchozí, vybrané, zakázané a další).
- Výběrové prvky (Pickers): Umožňují uživatelům vybrat hodnotu ze seznamu. Dobrým příkladem je výběr data, nástroj, který uživatele vyzve k procházení seznamu čísel a měsíců pro výběr data.
- Posuvníky (Sliders): Tyto prvky zahrnují výběr odhadované, ale ne přesné hodnoty z rozsahu povolených hodnot. Vývojáři často používají posuvníky k pomoci uživatelům nastavit hlasitost zvuku nebo jas obrazovky.
- Krokovací prvky (Steppers): Krokovací prvky obsahují dvě segmentovaná tlačítka, která uživatelé musí vybrat pro zadání konkrétní hodnoty z malého rozsahu dostupných hodnot.
- Přepínače (Switches): Používají se pro binární nastavení, přepínače umožňují uživatelům přepínat mezi dvěma stavy: zapnuto a vypnuto. Dobrým příkladem tohoto typu komponenty je nastavení Wi-Fi.
Vývojáři by měli zvážit vytvoření personalizovaných komponent rozhraní, nejen pro estetiku, ale také pro zlepšení použitelnosti a vytvoření jedinečné zkušenosti pro uživatele. Dobrá personalizace je skvělý způsob, jak pomoci jakékoli iOS aplikaci vyniknout na dnešním trhu.
Typografie
Dobrá typografie je nezbytná pro vytvoření jakéhokoli vizuálně přitažlivého jazyka a hraje významnou roli v zapojení uživatelů. Designéři ji používají k zvýraznění podstatného obsahu, vyjádření identity značky a objasnění hierarchických informací. Zvolené písmo by mělo zajistit čitelnost a snadné čtení textu. Zatímco dekorativní písma mohou být lákavá, mohou také bránit čitelnosti, zejména na menších obrazovkách.
Apple doporučuje pro iOS písmo San Francisco. Je snadno čitelné na malých obrazovkách, což je ideální pro design aplikací, zejména pro mobilní obrazovky. San Francisco se dodává ve dvou verzích: SF Pro Display a SF Pro Text. První je nejlepší pro komponenty UI, zatímco druhá má širší mezery, aby lépe vyhovovala delšímu textu. Vývojáři mohou stále přizpůsobovat typografii své aplikace, ale je třeba zvážit několik věcí. Použití maximálně dvou různých písem udržuje rozhraní jednoduché a ucelené. V rámci stejného stylu písma by vývojáři měli používat různé velikosti a tloušťky pro rozlišení titulů, nadpisů, textu těla, popisků a dalších textových efektů. Je důležité udržovat konzistentní velikosti písma v celé aplikaci.
Barvy
Na první pohled barvy především přispívají k celkovému vzhledu a dojmu z aplikace. Mají však mnohem hlubší dopad, evokují emoce uživatelů, pomáhají s navigací a posilují identitu značky. Existují určité sady sémantických barev pro iOS, rozdělené na barevné varianty, jako jsou primární, sekundární a terciární. Pomáhají rozlišovat obsah na základě hierarchického systému.
- Primární barvy jsou nositeli osobnosti, zobrazují se na většině obrazovek a používají se k označení primárních akcí.
- Sekundární barvy podporují primární barvy a nabízejí rozmanitost a hloubku celkového designu.
- Terciární (často označované jako akcentní) barvy zvýrazňují důležité akce a ovládací prvky.
Některé sémantické barvy iOS a jejich příslušné varianty zahrnují:
- Barvy pozadí: Tyto barvy umožňují rozlišení prvků v rozhraní. Primární barvy jsou typicky pro celkový pohled na aplikaci nebo její hlavní pozadí. Sekundární barva se používá pro seskupování prvků v rámci celkového pohledu. Terciární barva seskupuje obsah v rámci sekundárních prvků.
- Barvy výplně: Designéři používají barvy výplně pro prvky UI, které také umožňují prosvítat barvě pozadí. Varianty sdílejí stejnou barevnou hodnotu s různými úrovněmi průhlednosti, v závislosti na velikosti prvku. Terciární barvy jsou běžnou volbou pro větší tvary, jako jsou tlačítka nebo vyhledávací lišty.
- Barvy popisků: Popisky mají barevné varianty a zobrazují svou vlastní úroveň průhlednosti, v závislosti na úrovni důležitosti prezentovaných informací. Primární barva popisku zvýrazňuje důležitý text (tituly a nadpisy). Sekundární barvy zobrazují popisky nebo podpůrné informace. Terciární barvy akcentují méně důležitý text nebo obsah, který není nezbytný pro pochopení aplikace uživatelem.
iOS nabízí další barevná schémata, jako jsou barvy oddělovačů a funkční barvy. Barvy oddělovačů odkazují na tenkou, vodorovnou čáru používanou k vizuálnímu oddělení skupin různého obsahu, často v tabulkových zobrazeních, kolekčních zobrazeních a dalších částech rozhraní. Funkční barvy indikují stav různých prvků a poskytují uživateli kontext. Například zelená normálně indikuje stav úspěchu, žlutá nebo oranžová indikuje stav varování nebo upozornění a červená indikuje stav chyby. Při výběru barevné palety je klíčová konzistence. Designéři by měli vybrat varianty, které jsou v souladu s jejich značkou a celkovým účelem aplikace. Dodržování barevných směrnic Apple zajišťuje, že se jejich barvy harmonicky začlení do ekosystému iOS.
Uživatelská interakce
Hlavními faktory ovlivňujícími zapojení uživatelů jsou uživatelská zkušenost a design uživatelského rozhraní. Design UX/UI pokrývá oblasti jako dotykové mechanismy, přístupnost, zpětná vazba a animace a pohyb.
Dotykové mechanismy
Uživatelské interakce a gesta jsou důležité pro uživatelské rozhraní aplikace. Je důležité zvážit tyto funkce při vývoji uživatelsky přívětivé iOS aplikace, protože mohou mít velký dopad na uživatelskou zkušenost. Intuitivní gesta, jako je klepnutí nebo přejetí prstem pro provedení určitých úkolů, vyžadují konzistenci v celé aplikaci. Měly by být také snadno naučitelné a zapamatovatelné, což usnadňuje navigaci v aplikaci.
iOS má několik unikátních gest, například umožňuje uživatelům přepínat mezi stránkami přejetím prstem doleva a doprava. Když byl vydán iPhone X, Apple odstranil tlačítko Home. To znamená, že navigace v iOS aplikacích je usnadněna výhradně pomocí pohybů prstů. Například pro zavření aplikací nebo opuštění vybraného obrázku uživatelé iOS jednoduše přejeďte prstem nahoru přes obrazovku. Při vývoji iOS aplikace je důležité mít tato exkluzivní gesta iOS na paměti. Věrní uživatelé iPhonů budou mít dobře zavedenou svalovou paměť pro určitá gesta. Osvědčené postupy pro interakce a gesta v designu iOS aplikací zahrnují:
- Respektování stávajícího mentálního modelu: Designéři by měli provést rozsáhlý výzkum gest, se kterými jsou jejich uživatelské persony nejvíce spokojeny. Například, pokud většina uživatelů scrolluje vertikálně dolů aplikací, to je interakce, kterou by vývojáři měli aplikovat.
- Poskytování zpětné vazby pro každé gesto: Uživatelé potřebují vědět, že jejich gesto bylo zaregistrováno. Například, kdykoli aplikace načítá formulářovou stránku, měla by zobrazit ukazatel průběhu, spinner nebo jakoukoli ikonu, která uživatelům ukáže, že jejich akce právě probíhá.
- Nezasahování do systémových gest: Gesta iOS aplikací by neměla zasahovat do obecných systémových gest zařízení. Vývojáři by se měli vyhnout vytváření gest, která se spouštějí z okrajů obrazovky, protože by mohla spustit navigační systém zařízení.
- Vyžadování gest namísto textového vstupu: Gesta snižují kognitivní úsilí uživatelů ve srovnání s textovým vstupem. Příkladem, kde vývojáři mohou snížit úsilí interakce, je umožnění uživatelům vložit datum narození procházením rozbalovacího menu namísto ručního zadávání.
Přístupnost (Accessibility)
Design pro přístupnost zajišťuje, že každá funkce aplikace je použitelná a přístupná, včetně těch s postižením. Je to klíčový aspekt designu iOS aplikací, který vývojáři musí brát v úvahu při vytváření intuitivních, ovladatelných a robustních rozhraní. Přístupné iOS aplikace přizpůsobují různorodé uživatele a jejich vizuální, motorické, kognitivní a sluchové potřeby. To zahrnuje poskytování široké škály asistenčních technologií a prvků, od alternativního textu pro obrázky po efektivní barevný kontrast. Zde je několik funkcí přístupnosti, které by vývojáři měli zvážit při navrhování iOS aplikace:
- VoiceOver: Toto je funkce čtení obrazovky, která popisuje, co se děje na obrazovce, nahlas. Při aktivaci VoiceOver poskytuje mluvené popisy všeho, co je přítomno v rozhraní aplikace. Vývojáři by měli zvážit vytvoření aplikací pro iPhone s podporou VoiceOver, aby pomohli uživatelům se zrakovým postižením.
- Dynamický text (Dynamic Type): S touto funkcí mohou uživatelé snadno upravit velikost textu, který se zobrazuje na jejich obrazovce, čímž je zajištěna čitelnost pro všechny uživatele.
- Jasný text s vysokým kontrastem: Designéři iOS aplikací by měli zvolit barvy, které dobře kontrastují s pozadím aplikace. To zajišťuje, že uživatelé s barvoslepostí a slabým zrakem mohou stále pohodlně číst a navigovat aplikací.
- Titulky a popisy pro média: Pro aplikace s video obsahem by vývojáři měli poskytnout jasné titulky pro dialogy, zvukové efekty a zvukové popisy. To zajišťuje, že aplikace je přístupná uživatelům se sluchovým nebo zrakovým postižením.
- Logické rozvržení a navigace: Přijetí standardních prvků a vzorů rozhraní iOS dává uživatelům s kognitivními poruchami pocit známosti a konzistence. Tito uživatelé mohou snadno předvídat, jak se v aplikaci navigovat na základě svých zkušeností s jinými aplikacemi pro iOS.
Zpětná vazba
Při používání iOS aplikace chtějí uživatelé vědět, že jejich interakce produkují výsledky. Zpětná vazba v designu UI poskytuje uživatelům odpovědi na jejich akce. Potvrzení interakcí uživatelů vizuální nebo senzorickou zpětnou vazbou je klíčové pro budování důvěry v aplikaci a její funkčnost. Příklady efektivní implementace zpětné vazby zahrnují:
- Vizuální zpětná vazba: Jedná se o vizuální potvrzení, že aplikace zaregistrovala poskytnutý vstup. Příkladem je změna barvy tlačítek při jejich stisknutí.
- Haptická zpětná vazba: Aplikace, které zahrnují Apple Haptic Engine, mohou uživatelům poskytnout jemné vibrace při provádění určitých akcí, což zvyšuje pocit interakce.
- Indikátory načítání: Tyto indikátory jsou užitečné pro akce, které trvají déle, a informují uživatele, že určitý proces probíhá. Mohou to být progress bary, spinnery nebo skeletonové obrazovky.
- Chybové zprávy: Chybové zprávy jsou skvělým způsobem, jak uživatelům sdělit, jaký problém se může vyskytovat, a poskytnout možná řešení. Měly by být jasné, stručné a nápomocné.
- Potvrzení akce: Tato potvrzení jsou obzvláště užitečná pro potvrzení úspěšného dokončení akcí uživatelem, které mění data v aplikaci, jako je vyskakovací okno nebo zpráva o úspěchu.
Animace a pohyb
Jemné animace jsou skvělým způsobem, jak komunikovat a zlepšit zpětnou vazbu. Designéři využívají tyto efekty k zobrazení uživatelům, jak se věci v aplikaci mění a co se stane, když provedou určité akce. Přidávají je účelně k podpoře celkové uživatelské zkušenosti, aniž by zastínily zbytek designu. Realistický a věrohodný pohyb a animace pomáhají uživatelům pochopit, jak aplikace funguje. Nepřesné animace, které prostě nedávají smysl, je mohou dezorientovat. Animace by měly být také krátké a přesné, aby efektivněji předávaly informace.
Dalším důležitým faktorem, který je třeba zvážit, je, že ne každý uživatel si užije pohyb v aplikaci. Měli byste animace učinit volitelnými a vyhnout se jejich používání jako jediného způsobu poskytování zpětné vazby a předávání důležitých informací uživatelům.
Účelné animace
Uživatelé obvykle dávají přednost aplikaci s přitažlivými a působivými animacemi. Funkce zvyšují zapojení a interakci uživatelů, poskytují narativní hloubku a vnášejí dynamiku a živost do celkové uživatelské zkušenosti. Účelné animace a vlastní přechody činí iOS aplikace lákavějšími a interaktivnějšími. Integrace záměrných změn a vizuálních pohybů při přepínání mezi obrazovkami je skvělým příkladem nabídky personalizované uživatelské zkušenosti.
Uživatelská kontrola a komfort
Je důležité, aby všichni uživatelé měli úplnou kontrolu nad svými interakcemi s aplikací. Ne všichni uživatelé si užijí animace aplikace, takže musíte zvážit jejich potřeby. Například mohou být citliví na nadměrné pohybové efekty. Designéři by měli vždy poskytovat alternativy pro uživatele, aby měli přístup ke stejným informacím a funkcím, aniž by se museli spoléhat na animace, protože je mohou chtít omezit nebo zcela zakázat. iOS nabízí funkci nazvanou „Omezit pohyb“ (Reduce Motion), která umožňuje uživatelům zakázat velké a složité animace, čímž se design stává přístupnějším a inkluzivnějším. Designéři musí také respektovat systémová nastavení a preference uživatele.
Zpětná vazba a interakce
Animace nejsou jen o estetice. Zlepšují funkčnost a použitelnost mobilních aplikací tím, že poskytují vizuální podněty a okamžitou zpětnou vazbu uživatelům. Mikrointerakce jsou běžným typem interakce v aplikacích. Malé a jemné animace se objevují, kdykoli uživatel klepne na tlačítko nebo přejede prstem po obrazovce. Díky nim se rozhraní cítí živé a responzivní, což zlepšuje celkovou uživatelskou zkušenost.
Pokročilé designové techniky
Jakmile se vývojáři rozhodnou pro základy svých aplikací pro iPhone, měli by zvážit pokročilé designové přístupy. To může zahrnovat prozkoumání témat tmavého režimu, rozšířené reality, strojového učení a dalších.
Tmavý režim (Dark Mode)
Tmavý režim je nastavení vzhledu iOS, které automaticky aplikuje tmavou barevnou paletu na každou obrazovku, menu a ovládací prvek v aplikaci. Poskytuje uživatelům pohodlnější zážitek při prozkoumávání aplikace v prostředí s nízkým osvětlením. Při navrhování aplikací pro iPhone by designéři měli vědět, že někteří uživatelé volí tmavý režim jako výchozí nastavení zařízení. To znamená, že očekávají, že všechny aplikace budou tuto preferenci respektovat. Designéři by měli vytvořit verzi své aplikace vhodnou pro tmavý režim iOS, s tmavou barevnou paletou a kontrastními prvky. Přepnutí z výchozího tématu na tmavý režim by mělo proběhnout automaticky, jakmile uživatel změní svá systémová nastavení. Vývojáři by se měli vyhnout nabídce nastavení vzhledu v aplikaci, protože to často znamená, že aplikace nebude automaticky reagovat na celosystémovou volbu vzhledu.
Rozšířená realita (Augmented Reality - AR)
Rozšířená realita (AR) umožňuje vývojářům vytvářet pohlcující zážitky, které bezchybně prolínají virtuální objekty s reálným světem. Díky nedávným pokrokům je nyní klíčovým prvkem iOS aplikací. Apple ARKit, AR framework, umožňuje vývojářům vytvářet poutavé a pohlcující AR zážitky, kde uživatelé mohou kombinovat digitální objekty s informacemi z reálného světa. Tento framework využívá senzory zařízení k detekci prostředí uživatele a umísťování virtuálních prvků do reálného světa. Podporuje mnoho AR zážitků, od sledování pohybu a obličeje po rozpoznávání a pochopení prostředí.
Uživatelé by měli být schopni používat celý displej pro větší ponoření, což znamená, že designéři by se měli vyhnout zahlcování obrazovky ovládacími prvky a textem. V případě potřeby mohou týmy umístit dodatečné informace a příkazy na konzistentní místo ve virtuálním světě. Virtuální objekty a jejich umístění by měly být co nejrealističtější. Aplikace pro iOS by měla zahrnovat objekty s realistickými texturami, simulovat zrnitost fotoaparátu a umožnit uživatelům měnit měřítko a umisťovat objekty na dostupné povrchy detekované v jejich okolí. Například zvuková a haptická zpětná vazba jsou skvělými mechanismy zpětné vazby v zážitcích založených na AR. Pomáhají potvrdit, že virtuální objekt byl správně umístěn na fyzický povrch. Vývojáři by měli zvážit implementaci těchto typů funkcí pro zvýšenou interakci uživatelů s aplikací. Je také důležité, aby vývojáři sdělili požadavky aplikace a vysvětlili uživatelům, jak jejich fyzické prostředí může ovlivnit jejich AR zážitek. AR zážitky založené na pohybu potřebují čas na správné přizpůsobení. Aplikace, které povzbuzují uživatele k pohybu, by jim měly dát nějaký čas na adaptaci na zážitek a poté postupně povzbuzovat k pohybu, aby se předešlo zahlcení uživatelů.
Strojové učení (Machine Learning - ML)
Strojové učení (ML) je mocný nástroj, který týmům umožňuje vytvářet inteligentní a adaptivní aplikace. ML nabízí všestranné možnosti, včetně funkcí rozpoznávání obrazu a systémů doporučování obsahu. Celkově aplikace založené na ML pomáhají uživatelům dosáhnout více s menším úsilím. Nástroj Apple Core ML zjednodušuje vývojářům integraci ML technologie do aplikací. Pomocí tohoto nástroje mohou vkládat natrénované ML modely, které nabízejí funkce, jako je klasifikace obrázků, zpracování přirozeného jazyka a detekce objektů. Je třeba mít na paměti některé výzvy, jako jsou:
- Obavy o soukromí a bezpečnost dat: Systémy shromažďují stále více osobních dat. Je důležité zajistit soukromí a bezpečnost uživatelských dat v iOS aplikacích. To zahrnuje implementaci robustního end-to-end šifrování, zajištění shody s předpisy o ochraně dat a pravidelné monitorování a aktualizaci bezpečnostních protokolů.
- Důvěra uživatelů: S tím souvisí, že AI a ML jsou stále kontroverzní kvůli obavám o soukromí. Aby se uživatelé cítili pohodlněji s používáním aplikace, podniky by měly nabízet transparentnost ohledně funkcí aplikace a postupů shromažďování dat a poskytovat možnosti nastavení soukromí.
- Omezené výpočetní zdroje: Mobilní zařízení mají k dispozici omezené výpočetní zdroje, což může negativně ovlivnit výkon ML algoritmů. Techniky jako kvantování, sdílení vah a prořezávání mohou pomoci s optimalizací zdrojů.
Uživatelské testování: Zdokonalování UX a UI prvků
Uživatelské testování zahrnuje hodnocení funkčností aplikace skutečnými uživateli a identifikaci problémů s použitelností před spuštěním. Existuje několik různých způsobů, jak mohou vývojáři iOS aplikací implementovat uživatelské testování, v závislosti na jejich potřebách a cílech:
- A/B testování: Vývojáři vytvoří dvě verze konkrétní funkce a sledují, která z nich funguje lépe s různými uživateli. Tato metoda je obzvláště užitečná, kdykoli mají vývojáři více designových řešení.
- Beta testování: Beta testování zahrnuje vydání funkční verze iOS aplikace malé skupině uživatelů k identifikaci chyb nebo jiných závažných problémů před oficiálním spuštěním aplikace. Vývojáři by měli stanovit jasné cíle, získat různorodou skupinu reprezentativních uživatelů a vytvořit scénáře, které simulují reálné situace.
- Průzkumy a formuláře zpětné vazby: Průzkumy a formuláře zpětné vazby umožňují vývojářům shromažďovat velké množství informací, od obecných dojmů z aplikace po hlubší myšlenky o konkrétních funkcích nebo problémech. Tato metoda je užitečná v různých kontextech, například po nasazení významné aktualizace aplikace.
- Analytika: Pomocí analytických nástrojů shromažďují vývojáři data o tom, jak uživatelé interagují s jejich iOS aplikací. Mohou určit, které funkce jsou populárnější, kolik času uživatelé stráví v aplikaci, v jakou denní dobu s ní nejvíce interagují a další.
Závěr
Design iOS aplikací je o něčem víc než jen o poskládání pěkného obrázku. Úspěšný design zvyšuje spokojenost uživatelů intuitivním, uživatelsky přívětivým a přístupným UI/UX. Musí splňovat potřeby uživatelů aplikace a zároveň odrážet značku podniku. Budování aplikací, které splňují a překračují očekávání uživatelů, vyžaduje tvrdou práci a výzkum před vytvořením jakýchkoli návrhů. Apple HIG a směrnice pro design iOS, spolu s dostupnými směrnicemi pro přístupnost, tento proces zefektivňují. Tyto směrnice nabízejí tipy a nápady pro budování aplikací, které jsou přístupné a funkční a vyniknou v konkurenčním Apple App Store.
Často kladené dotazy (FAQ)
Co jsou Human Interface Guidelines (HIG) pro vývoj iOS aplikací?
Apple Human Interface Guidelines (HIG) jsou souborem designových směrnic pro vytváření konzistentních, intuitivních, uživatelsky přívětivých a vizuálně přitažlivých aplikací pro různé platformy Apple.
Jak zajistíte, že vaše aplikace je přístupná pro každého?
Aby byla aplikace přístupná pro každého, měl by vývojář iOS aplikace navrhovat s ohledem na inkluzivitu a implementovat klíčové funkce přístupnosti, jako jsou VoiceOver a Dynamic Type. Měl by také testovat a optimalizovat svou aplikaci pro asistenční technologie napříč demografickými skupinami uživatelů.
Jaké jsou osvědčené postupy pro implementaci tmavého režimu?
Existuje několik osvědčených postupů pro implementaci tmavého režimu v designu iOS. Patří mezi ně nabídka jasného vizuálního kontrastu, upřednostnění pohodlí a čitelnosti a vyhýbání se nastavení vzhledu v aplikaci. Měli byste také důkladně testovat světlý i tmavý režim v různých prostředích, abyste zajistili bezproblémovou uživatelskou zkušenost.
Jak mohou animace zlepšit uživatelskou zkušenost v iOS aplikacích?
Animace činí iOS aplikace elegantnějšími a uhlazenějšími. Jsou však mnohem více než jen estetickou funkcí. Mohou také poskytovat informativní zpětnou vazbu uživatelům, čímž zvyšují použitelnost a zapojení.
Jak Apple ARKit vylepšuje design aplikací?
Apple ARKit umožňuje uživatelům prolínat 3D digitální objekty a animace s jejich reálným okolím prostřednictvím kamery jejich zařízení. Spojením virtuálního a fyzického světa prostřednictvím pohlcujících a interaktivních zážitků ARKit vylepšuje design aplikací a zvyšuje uživatelské interakce.
Jakou roli hraje zpětná vazba od uživatelů v procesu designu iOS aplikací?
Zpětná vazba od uživatelů hraje důležitou roli v procesu designu iOS aplikací. Pomáhá designérům lépe porozumět potřebám uživatelů a identifikovat problémy. To jim umožňuje zdokonalovat funkčnost a uživatelské rozhraní aplikace.
Jakou roli hrají webové prohlížeče v designu iOS aplikací?
Integrace webových prohlížečů do iOS aplikací je důležitá pro zajištění, že webový obsah je zobrazen přímo v aplikaci. Pro zajištění bezpečného a známého prohlížení webu v aplikaci použijte Safari View Controller. To pomáhá udržovat důvěru a konzistenci uživatelů.
Jaká je role aplikace Nastavení (Settings) na zařízení iOS?
Aplikace Nastavení na zařízení iOS umožňuje uživateli konfigurovat své systémové preference a nastavení aplikací. Uživatelé mohou také spravovat možnosti soukromí a zabezpečení a ovládat různé funkce zařízení z centralizovaného místa.
Jakou roli hraje ikona aplikace v designu iOS?
Ikona aplikace hraje důležitou roli v designu iOS. Tato ikona poskytuje první vizuální dojem z aplikace a odráží identitu vaší značky. Může pomoci přilákat uživatele a povzbudit je ke stažení aplikace. Přispívá také k objevitelnosti aplikace v App Store.
Existují designové směrnice pro vytvoření verze aplikace pro Android z iOS aplikace?
Ano, směrnice Google Material Design jsou designovými směrnicemi pro vytvoření verze aplikace pro Android z iOS aplikace. Tyto směrnice se zaměřují na konzistenci, intuitivní navigaci a vizuální jazyk přizpůsobený zařízením Android.
Jaké designové směrnice bych měl dodržovat při vytváření e-mailové aplikace pro iOS?
Při vytváření e-mailové aplikace pro iOS byste měli dodržovat Apple Human Interface Guidelines (HIG). Tyto směrnice se zaměřují na intuitivní navigaci, přístupné dotykové cíle, jasnou typografii a bezproblémovou integraci se systémovými funkcemi.
Chceš-li si přečíst další články podobné jako Jak navrhnout iOS aplikaci: Průvodce designem, navštiv kategorii iPhone.
