it-swarm-eu.dev

Nejlepší způsob, jak vybrat podskupinu položek v dlouhém seznamu

Jeden z našich klientů chce, abychom vytvořili webovou aplikaci pro sdílení informací o časopisech, které vydává. Každé vydání časopisu obsahuje různé množství inzerentů. Tito inzerenti pocházejí z centrální skupiny inzerentů. Tento fond obsahuje (v současné době) asi 150 inzerentů. Každé vydání časopisu obsahuje podmnožinu (asi 70–80) těchto inzerentů.

Náš klient chce, abychom přišli s cestou, jak přidat 70-80 inzerentů z tohoto seznamu 150 do vydání časopisu. Musí být co nejrychlejší, nejjednodušší a nejintuitivnější.

Jaké by bylo ideální řešení? Přemýšlel jsem o něčem v řádcích obrázku níže.

  1. Seznam dostupných inzerentů.
  2. Seznam vybraných inzerentů. Inzerenti mají tlačítko pro odstranění.
  3. Textové pole s automatickým návrhem pro inzerenty v seznamu vlevo. <Enter> odstraní inzerenta z levého seznamu a přidá jej na pravý. Textové pole bude vymazáno a zůstane zaostřeno.

Moji kolegové navrhli drag-and-drop nebo jen jeden seznam se zaškrtávacím políčkem pro každého inzerenta, ale tyto přístupy nutí uživatele, aby udělal hodně vyhledávání a kliknutí. S mým přístupem může uživatel jen pokračovat v psaní.

Nějaké další návrhy pro tuto situaci?

My idea to transfer items between lists

36
Kristof Claes

Váš design Kristof je už docela dobrý. Přibili jste velmi důležité věci, jako je zastavení této akce myši a klávesnice zpět a čtvrtá akce - to zničí zážitek. A já jsem s tebou na drag-and-drop - yuk!

Trochu jsem vylepšil tvůj nápad:

alt text

  • Kliknutí myší na levé položky je zjevně přidá napravo.
  • Chcete, aby textový filtr byl stylem Google - tj. více slov, částečné shody. Stejně jako ve vyhledávacím vstupu by „rce bm“ odpovídal třetí položce zobrazené na obrázku. Je to snadné a poskytuje uživateli výkonný a intuitivní způsob, jak hledat jména. Sekundární filtrování (jako začátek řetězce) uživatele frustruje a odradí od opětovného použití. Protože filtrování je pro rozhraní tak důležité, funguje lépe.
  • Dalším způsobem, jak ušetřit čas uživateli (jak navrhl někdo jiný), by bylo mít částečně vyplněný seznam na straně „vybraní inzerenti“. Pokud jste si mysleli, že existuje dobrá šance, že „10 nejpoužívanějších“ inzerentů bude hitem o 70% nebo větším, můžete je také vyhodit do pravého seznamu při zatížení? V nejhorším případě musí uživatel odstranit jednu nebo dvě (1 kliknutí myší) z 10 nejlepších a zbývajících 7 položek, které chtějí, je uložilo a hledalo. Vylepšete čísla v této myšlence, abyste uživatele zbavili více práce.

Pamatujte: Čím více práce vy může udělat pro uživatele; aby se snížilo jejich klikání, vyhledávání a vyhledávání, tím rychlejší, snadnější a sympatičtější bude vaše rozhraní.

34
cottsak

Pracuji pro společnost, která vydává časopisy, takže jsem s vaší doménou trochu obeznámen.

Představuji si, že seznam inzerentů se mezi jednotlivými záležitostmi příliš nemění, takže bych měl ve výchozím nastavení vybrat inzerenty z předchozího čísla.

Protože máte pouze 150 inzerentů a bude vybrána přibližně polovina z nich, vyhledáváním bych se neobtěžoval. Začal bych jednoduchým seznamem zaškrtávacích políček a viděl jsem, jak dobře to funguje. Ujistěte se, že vybrané položky jsou vizuálně odlišné (např. Je zvýrazněte), abyste je mohli snadno skenovat.

7
Patrick McElhaney

Můj první příspěvek, takže buďte prosím v pohodě a udělám to samé :-)

I když zde jsou nějaké dobré nápady, nemyslím si, že by žádný z nich zcela vyhovoval požadavkům původního plakátu:

"Náš klient chce, abychom přišli s možností, jak přidat 70-80 inzerentů z tohoto seznamu 150" - Kristof Claes .

Určitě souhlasím s mnoha šikovnými nápady, ve kterých by uživatelé mohli filtrovat výsledky a přidat je do seznamu Vybraní inzerenti , stále potřebujeme způsob do hromadného přidání přibližně 70 inzerentů do výběru. I když jsou nápady na filtrování docela dobré, vedlo by to pouze k aplikaci, která je podobná jakékoli e-mailové aplikaci, kde uživatel zadává příjemce v poli „do“. Představte si, že budete muset přidat 70 příjemců ručně!

V ideálním případě bychom nechtěli následující pracovní postup:

  1. Typ fráze, na které se má hledat
  2. (Objeví se výsledky)
  3. Použijte buď enter pro automaticky dokončenou položku, nebo vyberte jednu nebo více položek ze zobrazeného seznamu
  4. Opakujte kroky 1 až 3, dokud nepřidáte přibližně 70 inzerentů

Vidím zde nějaké skvělé příspěvky od mnoha lidí, kteří opravdu znají své věci, ale myslím si, že někteří přešli možná mimo téma a jsou spíše zaměřeni na implementační technologie než na psychologii dobrého „návrhu uživatelského rozhraní“.

Moje poslední myšlenka na toto vlákno je - možná nějaký druh mechanismu pro přidání „skupin“ do výběru, protože by to jistě snížilo opakování stejného pracovního postupu 70krát. Nějaký software, který jsem viděl, bude vybírat inzerenty v přístupu „kulatého robin“. Určitě by to mohlo pomoci některé z výběru; Kromě toho můžete mít předdefinované skupiny, které budete chtít vždy přidat, například seznam vašich nejlépe placených inzerentů nebo reklam na produkty, které jsou „nové“.

A teď na něco mírně mimo téma ...

Matty, vidím, že jsi se zmínil Apple a zejména iPhone -

... můžeme se poučit z iPhone ... klíčem je o rozumných předpokladech, které vycházejí z rozhodnutí učiněných pro uživatele ...

Není si úplně jistý, co tím myslíš po našem rozhovoru druhý den. Nejen dotyková zařízení, možná méně použitelná, ale Apple obecně má historii tvorby softwaru, který vás nutí přemýšlet, co si opravdu myslí o své uživatelské základně. Příkladem - pokud si přejete přejmenovat zařízení iPad, musíte jej nejprve připojit k počítači, který navíc obsahuje software iTunes. Proč na Zemi nemůžu prostě jít do Obecných nastavení iPadu, je to kdokoli.

Nejlepší uživatelská rozhraní jsou ve stylu - „návrh induktivního uživatelského rozhraní“, na rozdíl od „deduktivního návrhu uživatelského rozhraní“ nebo jinými slovy - „pokus a omyl“. Dotyková zařízení spadají do druhé kategorie. Nech mě to vysvětlit:

Pokud se dotykové zařízení stalo populárním Apple jako v iTouch, iPhone a nyní iPad, pokud se něco hodí použitelnost softwaru zpět do doby kamenné „deduktivních uživatelských rozhraní“. Jako velmi špatně navržený glyf na tlačítku, který ponechává uživateli, aby přemýšlel - " moje bože, co to znamená?", při pohledu na obrazovku dotykového zařízení není hned zřejmé že použití dvou prstů umožňuje uživateli přiblížit nebo oddálit; nebo můj oblíbený - tím, že držíte prst dolů a ikonu na dvě sekundy, se zařízení přepne do „režimu mazání“.

Stejně jako špatně navržená ikona spadá do kategorie - " nevím, co to znamená, ale po prvním použití si obvykle pamatuji, co to znamená ", mnoho dotykových zařízení spadá do kategorie deduktivních uživatelských rozhraní, protože uživatel musí odvodit, co program skutečně může udělat," hraní s ním ", čímž se snižuje jeho okamžitá použitelnost.

Pokračujte v dobré práci!

Náhodné myšlenky MickyD

6
MickyD

Celý seznam inzerentů by měl mít filtr nahoře (. V zásadě by váš „3“ měl být v horní části vašeho „1“ a měl by mít „3“ dynamický účinek na obsah „1“ ):

  • Hledat (za chodu se zužuje seznam)
  • Skupiny („Naposledy použité“, „Móda“, „Elektronika“ atd.)

Poznámka - pokud je vyhledávání dostatečně silné, můžete použít pouze jeden ovládací prvek, takže při vyhledávání výrazu „fashion“ se vrátí všichni inzerenti, kteří mají ve svém názvu „fashion“ nebo kteří byli označeni jako „patřící do kategorie“ fashion “.
Zaškrtávací políčko může být „Naposledy použité“.

Hlavní výhoda:
Zúžení seznamu za chodu vám umožní vybrat všechny relevantní položky dohromady a přesunout je.

Příklad: Napíšete „elektroniku“, získáte seznam všech inzerentů souvisejících s elektronikou, vyberete je všechny (myší, ctrl + A nebo jakoukoli jinou metodu) a okamžitě je přesunete na pravý seznam.

4
Dan Barak

Mám toto uživatelské rozhraní, které by mohlo být relevantní.
https://dl.dropbox.com/u/2965258/foodSelector/foodHierarchy.html
Mohlo by být užitečné, kdyby byli inzerenti nějak uspořádáni do kategorií a uživatel věděl, ve které kategorii je každá.
Je to uživatelské rozhraní pouze pro myš a vyžaduje jedno kliknutí na inzerenta.
Lze ji ovládat pomocí klávesnice, ale nabídka se zavře a musí být pro každý výběr znovu rozšířena. To lze opravit tím, že při uzavření nezavřete nabídku.

3
Juan Lanus

Musím souhlasit s Micky Duncan : Myslím, že vyhledávání/seskupování/filtrování nejsou pro tento úkol vůbec vhodné.

Nechcete hledat a vybrat několik položek z velkého seznamu. Chcete vybrat asi polovinu všech položek v seznamu. Pokud má uživatel vybrat polovinu položek, bude chtít zajistit, aby vybral všechny kandidáty a nikoho nezmeškal. Pracovní postup se tedy více podobá následujícímu:

Představte si, že máte seznam 150 inzerentů na papíře. Prošli byste seznamem shora dolů a pro každého z nich rozhodl „chci tohoto inzerenta?“ - a na konci jste si jisti, že jste je všechny vyhodnotili.

Design by tedy měl vypadat takto:

Selector mockup

Důraz je kladen na horní položku ve středním seznamu a uživatel může pomocí kláves se šipkami doleva a doprava buď položku zahodit, nebo ji vložit do vybraného seznamu. Může tedy rychle procházet celým seznamem stisknutím doleva nebo doprava v závislosti na inzerentovi a je si jistý, že každému z nich dal nějakou myšlenku a nic mu nevynechal.

2
Falco

Vypadá to, že vaše řešení je docela dobré. Odstranil bych levý seznam, protože ve skutečnosti nepřidává žádné informace (je to jen dlouhý seznam a bude těžké říci, že z něj po stisknutí klávesy Enter jen něco vyprchalo) a nabídnout vyhledávací pole s automatickým doplňováním ( i když by mělo být rozbalovací pole z tohoto pole, aby uživatelé mohli stále vidět, jaké možnosti jsou k dispozici) a přidat velké tlačítko „Přidat inzerenta do seznamu“ v případě, že vaši uživatelé nevědí stisknout klávesu Enter.

Získejte to do funkční prototypové fáze ASAP (pomocí simulovaných dat) a poté ji předvádějte u svého klienta a nechte je projít. Získání zpětné vazby co nejdříve je rozhodující, protože ji budou používat často, a proto se s ní musí cítit dobře.

1
Rahul

Souhlasím s body získanými MickyD a Patrick . Vše záleží na tom, jak se provádí výběr inzerentů. Použije klient uživatelské rozhraní k výběru inzerentů, kteří by měli být v konkrétním problému, nebo již klient má seznam s inzerenty v konkrétním problému. Nemyslím si, že filtrování je v obou případech nejlepším řešením.

Pokud klient používá uživatelské rozhraní k výběru inzerentů, mělo by fungovat mnohem lépe, kdybyste pouze předložili jeden seznam se zaškrtnutým/nekontrolovaným stavem. Jak Patrick napsal, je dobrý nápad, aby vybraný stát vynikl. Je také možné nechat nevybraný stav vypadat světlejší, než jen tučně označit vybraný stav. Klient se pohybuje v seznamu pomocí klíče nahoru/dolů a kontrolou/odškrtnutím mezerou (nebo podobným klíčem).

Pokud má klient seznam s inzerenty, kteří se objevují v konkrétním problému, prvním přístupem by mělo být ověření, zda by tento seznam mohl být přijat v digitální podobě a automaticky importován. Pokud to není možné, seznam je nějak tříděn a uživatelské rozhraní by mělo inzerenty třídit stejným způsobem.

Třetí možností je, že klient vyhledá problém s hledáním inzerentů nebo má seznam, který není tříděn. V tomto případě má smysl mít funkci filtru.

Jde o to, že bez znalosti cíle a okolností kolem úkolu může být opravdu těžké zajistit dobré řešení.

0
Robert Höglund

Použil bych dva seznamy a dvě tlačítka. Uživatel může označit jednotlivé prvky v levém seznamu kliknutím myší, dvojitým kliknutím se prvek přesune na pravý seznam.

Může klikat a klikat, označit rozsah a tlačítkem [>] převést všechny označené prvky doprava. Pomocí Ctrl lze jeden prvek přepnout z označeného do neoznačeného stavu a zpět.

Ctrl-a označí všechny prvky. Vše je známo z jiných programových rozhraní.

Abecední tříděné prvky by usnadnily nalezení záznamu, první znak by mohl být použit jako klávesová zkratka pro navigaci k tomuto záznamu, pokud je nutné rolování.

> afoo                    ifoo
bfoo                      jfoo
cfoo                      kfoo
> dfoo                    lfoo
> efoo                    mfoo
> ffoo                    
gfoo
hfoo
          [ < ]    [ > ]  

{a, d, e, f} foo je nyní označeno vlevo. Pomocí [>] je uživatel přesune doprava.

Taková rozhraní jsou velmi rychlá, snadno použitelná a snadno pochopitelná. Možná můžete přidat popis nebo název tlačítek „přesunout do seznamu vybraných položek“ a „odebrat ze seznamu vybraných položek“.

Po přesunutí do jiného seznamu musí být tento seznam uchazen.

0
user unknown