it-swarm-eu.dev

Logika rozhraní CMS. - Je to nejlepší přístup?

Vyvíjím systém cms. V současné době pracuji na rozhraní pro přidání nových položek do nabídky. (Vzhledem k logice cms jsou nabídky pevná, uživatel nemůže nabídky přidávat ani odebírat, pouze mazat všechny položky nabídky a přiřadit položky menu nebo položky nabídky).

Chcete-li přidat novou položku nabídky, musí uživatel kliknout na velkou oblast nad nabídkami (viz obr. 2). Tím se zobrazí vstupní pole. Uložením vašich vstupů se zobrazí nová položka nabídky v poli „Nepřiřazeno“. Chcete-li umístit položku nabídky, stačí ji přetáhnout do jedné z nabídek na požadovanou pozici.

Pokud chcete odstranit položku nabídky, stačí ji přetáhnout do koše. Chcete-li upravit položku, na kterou jednoduše kliknete, položka se zvýrazní a zobrazí se vstupní pole (jako jsou pole pro přidání nové položky) naplněné informacemi z vybrané položky nabídky. Stačí to změnit a kliknout na Uložit. Chcete-li změnit polohu položky, jednoduše ji přetáhněte na požadovanou pozici.

Doufám, že je vše snadno pochopitelné.

Moje otázky jsou:

Je tento nápad snadno použitelný a logický? Je to nejlepší způsob, jak to udělat, nebo máte lepší nápad? Máte nějaké připomínky/nápady ke zlepšení?

cms ui img 1 img 1

cms ui img 2 img 2

// Aktualizace.

Dobře, tak jsem udělal maketu. Jak jsem to pochopil, zahrnul jsem všechny komentáře ArchieVersace. Pokud jde o úpravy modálního pole: je to jen rychlý náčrt, takže žádné skutečné vstupy, velikost, ....

Navigation TreeAdd/Edit BoxTrash Bin

// Aktualizace 10/29/2010

Takže moje aktuální změny:

  • žádný odpadkový koš
  • vertikální stromová struktura
  • tlačítko Přidat (vedle názvu nabídky, ale může být přemístěno)
  • nepřiřazená položka nabídky nad nabídkami, pokud byla vytvořena bez výběru pozice před vložením 3 nabídek (průměrné množství mých projektů) vedle sebe, každá má šířku přibližně 300 pixelů. To by mělo stačit, protože téměř nikdy nemám menu s větší šířkou. Přidám tlačítka pro rozbalení nabídky, ale měl bych všechny položky, které se při spuštění nerozpadly (ale poslední uloženou možnost uložím pomocí cookies).

Požaduji javascript pro mé cms stejně, nebude distribuován jako wordpress, ale prodává se na projekt, takže můžu vyžadovat js. To znamená, že pro umístění nabídky není třeba záložní (uložit/zrušit).

Můj uživatel může systém používat téměř denně, ale někteří mohou také aktualizovat obsah své webové stránky pouze každých pár měsíců. Proto si myslím, že by mělo být co nejjednodušší. Z tohoto důvodu si myslím, že je nezbytné zahrnout další tlačítko pro přidání, které je vždy viditelné. Přidání položky nabídky tímto tlačítkem způsobí, že položka nabídky nebude přiřazena žádné nabídce. V takovém případě by se mohla část nad nabídkami zobrazovat s nově vytvořenou položkou.

Myslíte si, že je to dobrý nápad? Nebude viditelný/zabírá mezeru, pokud není vytvořena žádná položka nabídky.

alt text

8
Lukas Oppermann

Myslím si, že horizontální rozložení nabídky by mohlo být matoucí. Zaprvé, nedává to hierarchický smysl - Proč je vodorovně rozložena pouze první úroveň a ostatní úrovně jsou svislé? Dalším problémem je to, co se stane, když existuje více položek první úrovně? Horizontální rolování není ve většině případů skvělým řešením. Udělal bych všechno svislé a pak odsadil podpoložky, jak jste již udělali.

Sekce odpadků a meta menu jsou podle mého názoru zbytečné. Pokud máte pro každou položku nabídky pouze 3 vstupy, není zotavení z koše tak velké. Funkčnost části nabídky meta by také mohla být nahrazena kopií existující nabídky, když vytváříte novou nabídku. (Pokud je automaticky vyplněna všemi stránkami na webu, musíte znovu promyslet měřítko). Obě sekce by mohly být nahrazeny sekcí položky nabídky úprav.

Kromě toho to vypadá skvěle. Miluji jednoduchost tvého maketa.

0
Virtuosi Media

Pokud se jen podívám na tyto obrazovky bez vašeho zdlouhavého vysvětlení, je těžké přijít na to, co dělat, na co kliknout a na jaké pořadí je interakce. To samo o sobě docela říká: skvělé uživatelské rozhraní obecně potřebuje minimální vysvětlení (pomyslete na něco jako iPhone nebo Wii, kde je velmi rychle velmi zřejmé, co musíte udělat, aniž byste potřebovali odstavec textu, abyste mohli začít) .

První věc, kterou bych udělal, je ukázat tyto obrazovky několika dalším lidem (IRL) a zjistit, jak reagují bez vašeho vysvětlení. Chápou to? Vědí, na co se dívají a co se od nich očekává? Pokud ne - pokud potřebujete věci vysvětlit - měli byste zvážit reorganizaci obrazovek. Toho můžete dosáhnout shromažďováním zpětné vazby od lidí nebo vytvořením prototypu aplikace a necháním lidí, aby ji používali (buďte opatrní, když jim navrhnete, co mají dělat - nechte je zakopnout sami).

Zpětná vazba, kterou v této fázi obdržíte, bude mnohem užitečnější, než jakýkoli názor, který vám zde mohou lidé poskytnout.

Také si uvědomte, že vzhledem k tomu, že vaše obrázky jsou v současné době černobílé drátové snímky, bude pro lidi, kteří se na design dívají, těžší zjistit vizuální váhu, než kdybyste trošku zvýšili věrnost, přidali barvu a použili typografii v různých stupních, aby vám pomohli s tím, jak by se mé oči měly pohybovat po obrazovce.

2
Rahul

Můžu vám nabídnout pomoc s určitými interakcemi (jak je uvedeno níže), ale bude to mít jen omezené použití, protože nevím, čeho se snažíte dosáhnout. To, co opravdu potřebujete udělat, je uvést požadavky systému. Co se vaši uživatelé snaží dosáhnout? Jak často budou systém používat? Jaké jsou jejich úrovně dovedností? atd.

Například občasný uživatel systému může zapomenout, jak jej používat mezi způsoby použití, takže v tomto případě budete muset rozhraní velmi snadno používat a vyzvednout. Pokud však uživatelé často navštěvují příliš zjednodušený přístup, může to být frustrující, protože uživatelé nezůstávají začátečníky dlouho; velmi rychle se stanou přechodnými uživateli, kteří vyžadují větší sílu. Neříkám, že byste něco těžko použili, ale pro přechodné uživatele byste se neměli bát přidávat další sílu a složitost.

Pokud jde o vysmívat se, které jste poskytli, uvádíme několik konkrétních návrhů:

  • Odstraňte nepřiřazené, přidejte a koše panely, protože neposkytují uživateli dostatečné užitečné funkce pro množství místa, které zabírají.
  • Tlačítko Přidat přidejte do kontextu, kam je přidáno, aby uživatel mohl místo, kde ho chce přidat, místo jeho přidání a umístění.
  • Pokud chce uživatel nakonfigurovat položku nabídky, zobrazí se šedé pole s poli pro shromažďování informací
  • Ke každé položce nabídky přidejte tlačítko Upravit a odstranit
  • Přidání tlačítek kontraktu a rozbalení na každou úroveň v nabídce, ve výchozím nastavení jsou všechny úrovně kontrahovány.
  • Ponechte dostatek místa pro delší položky nabídky
  • Měli byste zvážit přidání možností vrácení, jako jsou tlačítka pro uložení a zrušení

Níže je vysmívat se: alt text

1
ArchieVersace

Další aktualizace. alt tree

Nejsem si jistý ztrátou tlačítka pro přidání. Mohli by lidé zjistit, jak snadno přidat položky nabídky?

Jak byste také postupovali při přidávání položek nabídky na stejné úrovni nebo úrovni? Ten pravý teď by pravděpodobně mě sublevel (ve skutečnosti pro toto tlačítko by mělo být posunuto trochu doprava). Jak byste však přidali novou položku ve stejné úrovni na požadované místo?

V nabídce zápatí jsem se pokusil ukázat, jak by to vypadalo přetažením položky nabídky na jiné místo.

0
Lukas Oppermann