2.3 Vytváření interaktivních uživatelských rozhraní
Dobře navržené interaktivní uživatelské rozhraní má zásadní význam pro použitelnost a efektivitu databázové aplikace FileMaker. V tomto tutoriálu se zaměříme na to, jak můžete vytvářet interaktivní prvky, jako jsou navigační prvky (nabídky a tlačítka), vlastní dialogová okna a vyskakovací okna, a zlepšit tak uživatelské prostředí ve vaší databázi. Kromě toho se budeme zabývat některými osvědčenými tipy pro zlepšení použitelnosti uživatelských rozhraní.
Obsah
- 2.3 Vytváření interaktivních uživatelských rozhraní
- Vytváření navigačních prvků (menu, tlačítka)
- Přizpůsobené menu a navigace v gFM-Business
- Uživatelem definované dialogy a vyskakovací okna
- Tipy pro zlepšení uživatelské přívětivosti
- gFM-Business Open Source FileMaker Basis ERP Software pro rychlokurz
- Často kladené otázky o interaktivních uživatelských rozhraních
Než začnete vytvářet navigační prvky, je důležité si promyslet, jakým způsobem se mají uživatelé v aplikaci pohybovat. Zamyslete se nad tím, která rozložení nebo funkce jsou často používány a jak můžete přístup k nim co nejvíce usnadnit.
- Hlavní navigační menuZvažte, zda má smysl centrální navigační menu, které je viditelné na každé stránce. Tato nabídka by mohla obsahovat odkazy na nejdůležitější oblasti aplikace, například "Úvodní stránka", "Zákazníci", "Objednávky" a "Přehledy".
- Kontextová navigacePřemýšlejte o přidání kontextových navigačních prvků, které se mění v závislosti na rozvržení nebo aktuálních datech. Můžete například přidat tlačítka, která se zobrazí pouze při splnění určitých podmínek, například tlačítko "Upravit" se zobrazí pouze u existujících záznamů.
Krok 2: Vytvoření tlačítek
Tlačítka jsou základním prvkem každého uživatelského rozhraní a umožňují uživatelům provádět určité akce, například otevřít jiné rozložení, spustit skript nebo uložit data.
- Přidat tlačítko: Přepněte do režimu rozvržení a vyberte Klíčový nástroj na horním panelu nástrojů. Klepnutím do oblasti rozložení přidáte tlačítko.
- Označení tlačítkaTlačítko opatřete jasným a srozumitelným označením, například "Uložit", "Odstranit" nebo "Další". Popisek by měl být krátký a výstižný.
- Přiřazení akce: V dialogu pro tlačítko pod Akce můžete tlačítku přiřadit konkrétní akci, například spuštění skriptu, přepnutí na jiné rozložení nebo spuštění vlastní funkce. Tyto akce se provedou, když uživatel na tlačítko klikne.
- Stylování tlačítekPomocí inspektoru můžete přizpůsobit vzhled tlačítka. Můžete změnit barvy, písma a okraje a začlenit tak tlačítko do celkového rozvržení.
Krok 3: Vytvoření nabídek
Nabídky představují strukturovaný a snadno přístupný způsob, jak uživatelům nabídnout různé možnosti nebo funkce.
- Vytvořit rozevírací nabídkuVyberte požadované pole myší a přepněte na poslední kartu v inspektoru. V oblasti "Styl ovládání" použijte příkaz Vyskakovací menu nebo Seznam Fade-in vytvořit nabídku. V části "Hodnoty" vyberte seznam hodnot, které se mají zobrazit pro výběr.
- Definice položek nabídkyDefinujte položky nabídky jako seznam hodnot v nabídce [Soubor > Definovat > Seznamy hodnot]. Seznam hodnot může obsahovat statické hodnoty nebo hodnoty z polí či souvisejících polí. gFM Business často používá dynamické seznamy hodnot pomocí funkce "MagicValueList". V tomto případě je jako seznam hodnot zadána funkce "MagicValueList" a k poli je přiřazen spouštěč skriptu (při zadání), který dynamicky vytvoří seznam hodnot pomocí funkce [MagicValueList]. Takto přiřazený seznam hodnot nemusí být ve FileMakeru předem definován jako seznam hodnot.
- Přiřazení akcí nabídkyKaždá položka nabídky může vyvolat akci, podobně jako tlačítka. Pomocí spouštěčů skriptů můžete určit, zda se má něco stát, když uživatel vybere položku nabídky.
Po vytvoření navigačních prvků otestujte navigaci z pohledu uživatele. Zkontrolujte, zda všechny odkazy a tlačítka fungují správně a zda je navigace intuitivní a plynulá.
Položky navigačního menu a hlavního menu v softwaru gFM Business ERP není třeba na rozvrženích individuálně přizpůsobovat, ale jsou předdefinovány ve vývojovém modulu "Správa" na kartách [Navigace] a [Hlavní menu]. Pro vývojáře to má tu výhodu, že všechny navigační prvky jsou na všech obrazovkách stejné a lze je jednoduše zkopírovat z existujícího rozvržení. Verze Professional podporuje také vícejazyčné hlavní nabídky a navigace.
Uživatelem definované dialogy a vyskakovací okna
Uživatelem definované dialogy a vyskakovací okna jsou interaktivní prvky, které zobrazují další informace nebo vyžadují vstup od uživatele, aniž by opustily aktuální rozvržení.
Krok 1: Vytvoření vlastních dialogů
Vlastní dialogy jsou vyskakovací okna, která můžete použít k zobrazení zpráv uživateli nebo k vyžádání vstupních údajů.
- Vytvořit skriptChcete-li zobrazit dialog definovaný uživatelem, musíte vytvořit skript. V nabídce v části [Skripty] přejděte do pracovní oblasti skriptů (Cmd/Ctrl+Shift+S) a klikněte na možnost Nový skript.
- Definice dialogů: Použijte příkaz Zobrazení vlastního dialogového okna ve scénáři vytvořit dialog. Můžete definovat název, textovou zprávu a až tři tlačítka.
- Přidání vstupních políMůžete přidat až tři vstupní pole, do kterých mohou uživatelé zadávat údaje. Do těchto polí lze zadávat hodnoty, které se pak dále zpracovávají ve skriptu.
- Akce na základě vstupu uživatelePomocí podmíněných příkazů (příkazů If) ve skriptu můžete provádět různé akce na základě vstupu uživatele nebo vybraného tlačítka.
Krok 2: Vytvoření vyskakovacích oken
Vyskakovací okna jsou malá okna, která se zobrazí po kliknutí uživatele na prvek a zobrazují další informace nebo vstupní pole. Jsou užitečné zejména pro přehledné uspořádání složitých uživatelských rozhraní.
- Přidat vyskakovací oknoVyberte položku "Popover button" v nástroji tlačítka na horním panelu nástrojů a kliknutím do rozvržení přidejte vyskakovací tlačítko. Tlačítko popover vypadá jako normální tlačítko, ale po kliknutí otevře vyskakovací okno.
- Návrh obsahu vyskakovacího oknaJakmile vytvoříte vyskakovací tlačítko, dvojitým kliknutím otevřete editor vyskakovacích oken. Zde můžete přidávat pole, texty, tlačítka a další objekty stejně jako v běžném rozvržení.
- Přidat interakceInteraktivitu vyskakovacího okna můžete ovládat pomocí skriptů nebo přímých akcí. Můžete například určit, že určitá pole ve vyskakovacím okně budou ověřena předtím, než uživatel uloží změny.
- TestováníOtestujte vyskakovací okno v režimu procházení, abyste se ujistili, že se správně zobrazuje a provádí požadované akce.
Tipy pro zlepšení uživatelské přívětivosti
Krok 1: Zachování konzistence
Konzistentní uživatelské rozhraní se snáze učí a používá. Používejte konzistentní barvy, písma a styly ve všech rozvrženích. Zajistěte, aby se navigační prvky, jako jsou tlačítka a nabídky, zobrazovaly na stejných místech a fungovaly stejným způsobem.
Uživatelé by měli vždy vědět, kde se nacházejí a jak se dostat k požadovaným funkcím. Používejte jasné a výstižné označení tlačítek a nabídek. Dbejte na to, aby cesta k nejdůležitějším funkcím nebyla nikdy vzdálena více než dvě nebo tři kliknutí.
Krok 3: Zpětná vazba a potvrzení
Vždy poskytněte uživatelům zpětnou vazbu o jejich činnostech. Například zobrazte potvrzovací zprávu po uložení dat nebo upozornění před smazáním důležitých dat. Předejdete tak chybám a zvýšíte důvěru uživatelů v aplikaci.
Krok 4: Předcházení chybám a jejich řešení
Navrhněte uživatelské rozhraní tak, aby uživatelé mohli zadávat pouze platné položky. Používejte rozbalovací nabídky, zaškrtávací políčka a další předdefinované volby, abyste minimalizovali zadávání chyb. Pokud dojde k chybě, zobrazte jasné chybové zprávy a poskytněte navrhovaná řešení.
Krok 5: Testování s reálnými uživateli
Je důležité otestovat uživatelské rozhraní s reálnými uživateli, abyste se ujistili, že je intuitivní a efektivní. Sbírejte zpětnou vazbu a provádějte úpravy, abyste neustále zlepšovali uživatelské prostředí.
gFM-Business Open Source FileMaker Basis-ERP
Software pro rychlokurz
Stáhnout zdarma
Často kladené otázky o interaktivních uživatelských rozhraních
- Jak mohu v aplikaci FileMaker vytvořit navigační prvky, které uživatele provedou aplikací?
- V režimu rozvržení můžete vytvářet navigační prvky přidáváním tlačítek a tlačítkových lišt. Ty umožňují uživatelům snadno přepínat mezi různými rozvrženími nebo funkcemi. Tlačítka můžete propojit se skripty, které uživatele přesměrují na jiné rozložení, filtrují záznamy nebo provedou určitou akci. Tlačítkový pruh je obzvláště užitečný pro vytvoření konzistentní navigace v horní nebo boční části rozvržení.
- Jak přidám vyskakovací okno do uživatelského rozhraní?
- Vyskakovací okno je objekt rozvržení, který po kliknutí na tlačítko zobrazí další informace nebo možnosti. Chcete-li vytvořit vyskakovací okno, vyberte na panelu nástrojů v režimu rozvržení možnost "Tlačítko Popover". Umístěte tlačítko na rozvržení a do okna popoveru můžete přidat obsah, například pole, text nebo další tlačítka. Vyskakovací okna se skvěle hodí pro kontextové informace nebo pro poskytování pokročilých možností, aniž by uživatel opustil aktuální rozvržení.
- Jak vytvořím interaktivní dialogová okna v aplikaci FileMaker?
- Dialogová okna jsou užitečná pro zobrazení důležitých informací uživatelům nebo pro vyžádání jejich vstupních údajů. Vlastní dialogové okno můžete vytvořit pomocí skriptu. V editoru skriptů vyberte funkci "Zobrazit vlastní dialogové okno" a můžete přidat až tři vstupní pole a tlačítka, například "OK" a "Storno". To je ideální pro potvrzení rozhodnutí uživatele nebo zadání dalších údajů před provedením akce.
- Jak mohu vytvořit interaktivní pracovní postupy s tlačítky?
- Tlačítka jsou ústředním prvkem interaktivních uživatelských rozhraní. Můžete přidávat tlačítka a přiřazovat jim skripty, které provádějí konkrétní akce, například vytvoření nového záznamu, odstranění záznamu nebo přechod na konkrétní rozložení. Přidáním podmínek do skriptů můžete tlačítka dynamicky ovládat v závislosti na roli uživatele nebo stavu datového záznamu.
- Jak mohu použít ovládací prvky s oušky k udržení přehledu ve složitých rozvrženích?
- Ovládací prvky s ouškem jsou skvělým způsobem, jak uspořádat data v oblastech podobných kartám a pomoci uživatelům přepínat mezi různými částmi rozvržení bez nutnosti načítat celou stránku. V režimu rozvržení můžete přidat ovládací prvek karty a vytvořit karty, z nichž každá zobrazuje jiný obsah nebo data. To usnadňuje navigaci ve složitých rozvrženích tím, že zobrazuje související informace v přehledné a uspořádané struktuře.
- Jak mohu zlepšit uživatelskou přívětivost svých rozvržení?
- Abyste zlepšili použitelnost, dbejte na přehledné a intuitivní rozvržení. Používejte velká, dobře viditelná tlačítka, jasné popisky a kontrastní barvy pro důležité prvky. Omezte nadbytečné informace a zaměřte se na to, aby byly uživateli přístupné nejdůležitější funkce. Užitečné mohou být také tooltipy (texty nápovědy), které uživatelům poskytnou dodatečné informace, když na objekt najedou myší.
- Jak mohu zajistit, aby interaktivní uživatelské rozhraní dobře fungovalo na různých zařízeních?
- FileMaker podporuje responzivní design, takže rozvržení vypadají dobře na různých zařízeních, jako jsou stolní počítače, tablety a chytré telefony. Pomocí kotevních funkcí v inspektoru určete, jak se objekty přizpůsobí velikosti okna. U mobilních zařízení se ujistěte, že jsou tlačítka dostatečně velká a snadno použitelná. Vytvářejte rozvržení optimalizovaná pro mobilní zařízení se zjednodušenou navigací a přizpůsobenou velikostí písma.
- Jak nastavím podmíněné formátování, aby uživatelům poskytovalo vizuální podněty?
- Pomocí podmíněného formátování můžete vizuálně zvýraznit pole nebo objekty na základě určitých kritérií. Například můžete automaticky zobrazit datové záznamy, které mají určitý stav, jinou barvou. V režimu rozvržení můžete vybrat objekt a v inspektoru v části "Podmíněné formátování" definovat pravidla pro dynamickou změnu vzhledu. To pomáhá uživatelům okamžitě rozpoznat důležité informace.
- Jak mohu pomocí tooltipů vylepšit uživatelské rozhraní?
- Okénka nástrojů jsou malá okna s informacemi, která se zobrazí, když uživatel najede myší na objekt. K jakémukoli poli, tlačítku nebo jinému objektu v aplikaci FileMaker můžete přidat popisky nástrojů a poskytnout tak další informace nebo pokyny. V Inspektoru můžete definovat tooltip pro vybraný objekt na první kartě "Pozice" v části "Tooltip". Popisky nástrojů jsou užitečné pro pomoc uživatelům, aniž by museli opustit rozvržení nebo otevírat další dialogová okna.
- Jak optimalizovat uživatelské rozhraní pro rychlou interakci?
- Abyste umožnili rychlou interakci, měli byste se vyhnout nadbytečným kliknutím a důležité akce by měly být snadno dostupné. Tlačítka by měla být umístěna v blízkosti příslušných informací a měla by být dostatečně velká, aby se na ně dalo snadno kliknout. Efektivitu mohou zvýšit také zkratky a klávesové zkratky. Ve skriptech můžete definovat zkratky, které zpřístupní běžné akce, např. uložení datového záznamu nebo provedení vyhledávání.
- Jak vytvořím interaktivní ovládací panely v aplikaci FileMaker?
- Dashboardy poskytují vizuální přehled důležitých dat a klíčových ukazatelů výkonnosti. Ovládací panely můžete vytvářet pomocí grafů, souhrnných polí a tlačítek. Grafy lze vytvářet z vašich dat a vizualizovat tak trendy a klíčové údaje. Do řídicího panelu lze integrovat tlačítka a vyskakovací okna, která umožňují interaktivní vedení uživatele, např. filtrování dat nebo zobrazení podrobných informací.
- Jak mohu integrovat dynamický obsah do uživatelského rozhraní?
- Dynamický obsah lze integrovat pomocí výpočetních polí, podmíněné viditelnosti a skriptů. Pomocí výpočtových polí můžete například zobrazovat dynamické hodnoty, které se mění v závislosti na vstupu uživatele. Pomocí podmíněné viditelnosti můžete zobrazovat nebo skrývat objekty rozvržení v závislosti na aktuální situaci, např. na stavu datového záznamu. Skripty umožňují dále dynamizovat uživatelské rozhraní tím, že reagují na určité akce uživatele.
