it-swarm-eu.dev

Podepisování tohoto pole uživateli je upravitelné

Mám mřížku, která má spoustu dat. Některá pole jsou upravitelná a způsobují zpětnou aktualizaci dat. Jaké jsou nejlepší způsoby, jak to uživateli ukázat? tj. existuje nejlepší praxe, jak rozlišit mezi upravitelným a neupravitelným z pohledu uživatelského rozhraní?

16
Dan

Obvykle udržuji svá upravitelná pole bílá a neupravitelná pole šedá (nebo monochromatické barvy, pokud ne bílé pole, světlá barva: upravitelná a tmavá barva: neupravitelná).

19
wnathanlee

Ano, existuje osvědčený postup - nechejte upravitelná pole vypadat jako textová pole a neupravitelná pole vypadat jako text. Existuje důvod, že tyto dva prvky uživatelského rozhraní mají zřetelný vzhled.

14
Charles Boyung

Rozhodl jsem se přidat text ztlumený fa - ikona tužky plovoucí vpravo od pole.

Zdroj: https://webapphuddle.com/inline-edit-design/

4
Geoffrey Hale

Textová pole jsou skvělá v jednodušších rozvrženích, kde je primární použití prvku editace. V mřížce, kde se ovládání opakuje neurčitě, zvýší (jako tlačítka nebo jiné ovládací prvky) vizuální nepořádek. To je problém, protože jedním z důvodů, proč používáme tabulky, je poskytnout nám přehled.

Moc se mi líbí návrhy, kde upravitelná pole vypadají velmi neutrálně, jako jakýkoli text rozhraní, ale po najetí se přepnou do stavu, který ukazuje, že je lze upravovat. Toho lze dosáhnout pomocí barvy nebo ikony, která je viditelná pouze při najetí. Po kliknutí vstoupíte do skutečného režimu úprav. Webová aplikace společnosti Jira je vynikajícím příkladem tohoto přístupu.

2
John Liungman

Doporučenou praxí je obvykle používat vstupy pro upravitelný obsah a prostý text pro neupravitelný obsah. Vstupy mohou být jemné, takže nevytvářejí tolik nepořádku ani v poněkud hustě obydlené mřížce.

Pokud je nepořádek způsobený exponovanými vstupy příliš vysoký, máte možnost použít ovládací prvky zobrazené na přechodu (ikona akce akce) nebo transformovat prostý text do vstupního pole na přechodu (funguje pro obsah jednoho řádku, opatrně i pro obsah více řádků) ).

Nicméně, pokud jde o poskytování upravitelné vodítko pouze na vznášení, měli byste se ptát sami sebe, jaký je primární kontext použití. Pokud se jedná o mobilní dotyková zařízení, nemůžete se spolehnout na vznášení se a musíte okamžitě odhalit upravitelnost (opět pomocí ikony pro akci úpravy nebo odhalením vstupního pole).

1
Pavel Macek

Obvykle mám šedé pozadí a bílé upravitelné pole. Když pole nelze upravovat, nastavím pozadí na stejnou šedou (což je technicky stejné jako průhledné , ale uživatel se o to nestará .. Prostě vidí, že je to stejné).

1
Bryan Field

Textové pole pro web. Uživatelé budou moci rozlišit, že pole je pro zadávání textu. Pokud je to možné, upřednostňuje se zaměření na první textové pole. Toto pole může být ohraničeno tenkou modrou s kurzorem v poli nebo jednoduše zvýrazněno rámečkem.

Pro mobilní telefony vyvolejte klávesnici. Pokud můžete nechat vybrat první položku pomocí blikajícího kurzoru, udělejte to. Znečištění zbývajících polí je v pořádku.

0
Jonathan Bowman

To může odhalit osobní zaujatost, ale mám také sklon upřednostňovat nějaký druh „zaostřovacího vizuálu“, který ukazuje uživateli, na kterém poli jsou. Měkké pozadí nebo hranice jsou způsoby, jak toho dosáhnout.

0
David in Dakota