Pokud mám rozevírací nabídku s několika možnostmi, z nichž poslední je možnost „Jiné“ a chci mít k této možnosti přiřazeno textové pole, co si myslíte, že je nejlepším místem, kam ji vložit? Zde jsou myšlenky, které jsem měl:
1) Napravo od rozbalovací nabídky, bez označení
alt text http://rookery5.aviary.com/storagev12/3435000/3435452_8424_625x625.jpg
2) Pod rozbalovací nabídkou, se štítkem
alt text http://rookery5.aviary.com/storagev12/3435000/3435427_4634_625x625.jpg
3) Pod rozevírací seznam, bez označení
alt text http://rookery5.aviary.com/storagev12/3435000/3435438_4634_625x625.jpg
Jakékoli jiné nápady jsou také vítány, jen se snaží rozhodnout, jak by mohl být nejlepší.
ÚPRAVA: Stejně jako navrhoval Jon W, obsah „Ostatní“ se zobrazí, pouze pokud byla vybrána tato možnost. Jinak bude skrýt skript.
I když bych mnohokrát souhlasil s tím, že # 2 je nejlepší (samozřejmě s upozornením na skripty), pokud vezmete v úvahu interaktivní zážitek vytvořený zobrazením políčka „Určete prosím“ po „Ostatní“ má Pokud jste si vybrali, uvidíte, že štítek může být méně nutný, než si někdo může myslet.
Načrtl jsem mini interaktivní prototyp všech tří těchto možností, jakož i čtvrtou, která umístí štítek pro textové pole uvnitř pole.
Dal jsem je sem: http://yoni.me/ops
Doporučuji zkoušet každou z nich, abyste získali pocit, co je skutečná zkušenost. V ideálním případě byste mohli provést nějaké uživatelské testy, ale jen málo, alespoň vědět, co si vyberete.
~ yoni
Myslím, že ten druhý je nejlepší ze tří.
Možná kdybyste na stránku přidali nějaký skript, takže se pole „Určete“ neobjeví, pokud z rozbalovací nabídky není vybrána možnost „Jiné“. Tímto způsobem by nedošlo k žádnému zmatku pro uživatele, pokud by z rozevíracího seznamu vybrali platnou možnost a pak by přemýšleli, co musí udělat s tímto políčkem „Zadat“.
Přiložte pole „other“ with label. To je vaše možnost 2.
Tím je zajištěno, že všichni lidé budou moci formulář používat.
Jednou z metod návrhu je navrhnout formulář bez interaktivity - stejně jako papírová forma - a učinit jej co nejjasnějším a použitelným. Poté (a teprve poté) přidejte dynamické funkce, kde to zlepší uživatelský dojem.
Podle tohoto přístupu by počáteční design měl pole označené „Pokud je jiné, uveďte“. Potom můžete přidat interaktivitu tím, že se pole a jeho štítek objeví a zmizí, pokud je to vhodné. Možná budete chtít štítek přeformulovat, ale kde je přínos jeho úplného odstranění?
Jiní navrhli vložit štítek dovnitř do textového pole. (Například ve vaší možnosti 1.) To může fungovat, ale je obtížné se napravit.
Vyloučil bych možnost 3 pro nedostatek výzvy. Řekl bych, že volba mezi možnostmi 1 a 2 do značné míry závisí na celkovém rozvržení stránky.
Dalším kritériem IMO je, aby se pole „prosím speficy“ objevilo bez změna velikosti stránky nad všemi nebo způsobení posunu dalších prvků na stránce.
Ještě jedna věc: K možnosti 1 bych přidal výzvu, například:
Když uživatel musí zadat, neměl by také dělat „jinou“ volbu. Uživatel již prozkoumal všechny možnosti a vyvíjí úsilí o psaní. Zadáním něčeho do pole „jiné“ můžete rozbalovací nabídku resetovat na prázdné nebo zakázat.
Můžete to zkusit vše dohromady. Nedávno jsem navrhl formu, kde jsem se zbavil boxu „title - other“. Myšlenku jsem vzal z flickru a vytvořili jsme upravitelné pole, kde uživatel může vložit jakýkoli název, který potřebuje, zatímco vybereme možnost „jiný“ v rozevíracím seznamu. Tímto způsobem jsme z rozbalovacího seznamu odstranili další pole a dlouhý seznam titulů. Kéž bych mohl připojit obrázek, zatím málo dobré pověsti :)
Pomocí javascriptu byste měli mít možnost nahradit rozevírací nabídku zadáním textu, kdykoli uživatel vybere možnost Jiné.
Samozřejmě budete muset přidat × umístěné napravo od zadávání textu, které jej resetuje zpět na výchozí <select>
když na něj kliknete. Nevkládejte × do pole pro zadávání textu, protože uživatelé mac očekávají, že bude obsah pole vymazán onclick
. Nezapomeňte přidat popis (například pomocí atributu title), když se uživatelská myš pohybuje nad ×, což vysvětluje její účel.
Chcete-li odpovědět na otázku: nejlepší umístění je nad tím (vizuálně se jedná o přechod).
Mám sklon to dělat jako v možnosti 1, ale na konec položky „Jiné:“ položím dvojtečku.
Tímto způsobem je to v souladu s původními štítky zcela vlevo - protože jakmile je vybráno, v podstatě se toto pole stane. Uživateli také navrhuje, aby měli možnost zadat specifika, která původně není zřejmá.
Pete