it-swarm-eu.dev

UI paradigma pro vnořený editor rozvržení

Mám aplikaci, která s editorem rozvržení poněkud podobná editoru WinForms ve Visual Studio - s umístěním widgetů drag-and-drop, panel vlastností atd.

Přidávám možnost mít vnořené rozvržení, kde umístěná pomůcka "NestedLayout" (rozvržení B v obrázku) může představovat celé jiné rozvržení.

Sketch of nested layout editor

Jaký druh rozhraní byste doporučili uživateli povolit úpravy těchto vnořených rozvržení? Práce přímo v existujícím rámci by byla příliš těžkopádná, protože mnoho nemovitostí na obrazovce by již bylo používáno ve zbytku nejvyššího rozvržení.

Možnosti by mohly zahrnovat načtení maximalizace vnořeného rozvržení v horním editoru (snad s nějakým přechodem přiblížení), vyskočení nového editoru výše atd.

Viděli jste nějaké příklady editorských aplikací, které efektivně zvládají tento druh scénáře?

6
kpozin

Mým prvním reflexem, když se objeví na výše uvedené obrazovce, by bylo dvojité kliknutí na vnořené rozvržení a jeho úprava. Souhlasím s vámi, že nechat uživatele upravovat vnořené rozvržení ve stávajícím rámci není tím správným řešením a pro vaše uživatele by to mohlo být matoucí.

Prezentoval jsem vnořené rozvržení, plně vykreslené, v zašedlém nebo vybledlém stavu a na myši nad ním zobrazuji zprávu, která vysvětluje, jak jej upravit (např. „Poklepáním upravte“). Také bych se rozhodl otevřít druhý editor v horní části prvního editoru místo maximalizace vnořeného rozvržení pomocí zoomu. Zjistil jsem, že efekt zoomování, i když je docela chytrý, může některé uživatele snadno zmást - musíte být s uživatelským rozhraním velmi opatrní, aby nezůstali přemýšleli, co se právě stalo a proč všechny jejich widgety najednou zmizely.

3
Tania Gobeil

Podívali jste se, jak WYSIWYG nástroje pro webový design zpracovávají prvky iframe? Obvykle je iframe (nebo jiný vložený objekt) definován jako neinteraktivní objekt, který je třeba dvojklikem nebo jiným způsobem aktivovat, aby se vyvolal editor pro tento konkrétní objekt. V případě prvků iframe si pamatuji nástroje, jako je Dreamweaver, který objevuje podokno vlastností, které odtud umožňuje přístup ke zdrojové stránce prvku iframe.

Nemusí to být nejlepší použitelnost, ale v závislosti na vašem publiku může být dobrým telefonátem dodržovat WYSIWYG konvence.

Pravděpodobně také nastavíte očekávání v závislosti na tom, jak vykreslíte NestedLayout ve své nadřazené kontrole. Pokud je plně vykreslen, mohou uživatelé očekávat, že s ním budou moci komunikovat. Pokud se však jedná pouze o rámeček s ikonou představující jeho stav jako „widget“ nebo vložený objekt, může to mít jiný účinek. Zkuste vyzkoušet oba ve vysoce věrném interaktivním maketu a uvidíte, co lidé dělají. Bylo by skvělé testovat pomocí dálkového testu použitelnosti založeného na konkrétním testovacím scénáři, jako je „Interakce s NestedLayout“ nebo tak něco!

2
Rahul

Podívejte se na IntelliJ IDEA Java IDE.) Má velmi pěkný editor pro formuláře GUI s vnořenými rozvrženími, podporující docela použitelné úpravy přetažením.

1
extropy

Zvažte reprezentaci opakovaně použitelných * ovládání * s. Druhé rozvržení byste tedy upravili jako zcela nové rozvržení, ale na jiné kartě/okně návrháře, například user control ve Visual Studio. Pokud uživatel nepotřebuje tolik místa, nebude se starat o menší nemovitost na obrazovce (možná by stejně obsahoval jen několik tlačítek).

0
Camilo Martin

Nejprve jsem chtěl přidat odpověď podobnou některým z výše uvedených, blesk například šedi ven a zamkne uzavírací kontext, pokud dvakrát kliknete na složený objekt. Ale pak jsem si uvědomil, že pokud jde o design, v závislosti na vaší aplikaci možná nebudete chtít, aby bylo příliš snadné upravovat "Rozložení B". Pokud je ve vašem příkladu to, co se obvykle děje v editoru grafického uživatelského rozhraní, znamená to, že vše, co vidíme na obrazovce, je v jednom objektu. Snadné úpravy vnořených rozvržení podpoří přidání více a více funkcí do tohoto jednoho objektu, což způsobí, že rozvržení A bude obsahovat všechny widgety.

Vytvoření jemné bariéry při úpravách vnořených rozvržení způsobí, že uživatel nakonec rozbije implementaci odděleně, a vytvoří tak lépe zapouzdřené objekty, s nimiž je snadnější manipulace.

Např. Qt Designer vám umožňuje upravovat obsah každé karty v okně v editoru gui, pokud si nedáte pozor, dostanete implementaci okna, které funguje na všech jejích kartách. Což opravdu není dobrá věc.

0
Harald Scheirich

Adobe Flash

Můžete mít skladby (nazývané Symboly ve Flashi), se kterými můžete komunikovat. Uvnitř těchto kompozic můžete mít vrstvy a další kompozice. Tento zážitek je poněkud špatný, protože Flash pracuje tak pomalu a má příliš komplikované uživatelské rozhraní s tlačítky umístěnými na nesprávných místech a bez zástupců. Je to však skvělý výchozí bod pro inspiraci.

Nějaký mix mezi Interface Builder, World Craft a Adobe Flash by rock pro editaci vnořených skladeb.

0
neoneye