it-swarm-eu.dev

Lepší způsob, jak si uživatelé vybrat časové období

V mé aplikaci uživatelé vyberou časové období, pro které jsou požadovány výsledky. Uživatelské rozhraní vypadá takto:

Existing UI

Mým uživatelům se to nelíbí, protože výběr data vyžaduje, aby vybrali konkrétní datum. To je mnohem přesnější, než vyžadují - většina výsledků kompilovaných systémem má výsledky pouze měsíčně nebo čtvrtletně. Některé jsou pouze ročně.

Dva nápady, s nimiž jsem přišel, jsou tyto:

alt text

Vlevo stačí vybrat kombinovaný výběr z platných dat. Problém s tímto přístupem je v tom, že někdy budou výsledky denně a platné časové období sahá až do 60. let 20. století. To přidává až příliš mnoho položek k manipulaci v komboboxu.

Napravo vyberte pomocí trojice comoboxů datum. To má některé výhody. Pokud budou výsledky měsíční, mohl bych denní kombo deaktivovat; pokud budou výsledky čtvrtletní, mohl bych také omezit položky dostupné v měsíční kombo. Zdá se však, že tento návrh vyžaduje použití celé hromady kliknutí.

Jaký je alternativní design pro UX, který uživatelům umožňuje snadnější výběr pouze „užitečných“ dat?

Můj technologický zásobník je C #, WinForms, .NET 3.5

Aktualizace 1. října

  • Časová období vybraná mými uživateli jsou obvykle dlouhá - několik let až několik desetiletí - a stahují řídké výsledky po dlouhou dobu.
  • Jediné běžné výchozí hodnoty, které byly identifikovány, jsou „Co nejdříve“ pro počáteční datum a „Do dnes “ jako datum dokončení.

Spousta dobrých nápadů v odpovědích doposud - díky všem.

Aktualizace 2. října

  • Některé z odpovědí níže (a předpokládám, že mnoho čtenářů) předpokládají, že pro vygenerování zprávy potřebuji časové období. Tato konkrétní část mé aplikace je vlastně spíš dotazovací stroj. Pokud tento detail inspiruje nové nápady, odpovězte prosím dál.
46
Bevan

Obecně jsou uživatelé docela přesní a rychlí při zadávání dat jako řetězce do textového pole, pokud vaše ověření není zbytečně nejasné a poskytuje slušnou automatickou opravu a výchozí hodnoty pro dílčí pole (např. Přijímá 2-9-04 jako stejně jako 02/09/2004). Ovládací prvky kalendáře se skvěle nabízejí jako možnost, když si uživatel není jistý datem (např. V případech, kdy si uživatel myslí „středu příští týden“), ale neměl by být jediným způsobem, jak zadat data. Samostatná rozbalovací nabídka pro každé podpole je pro uživatele pomalá.

Pokud máte přístup k protokolům dotazů, prostudujte je a získejte lepší přehled o tom, jaká data používají uživatelé. I když možná budete muset podporovat libovolná data zpět do roku 1860, možná budete muset optimalizovat design pouze pro malý počet dat nebo vzorů dat.

Zde je několik možností:

  • Výchozí nastavení. Většina vašich dotazů je pravděpodobně předvídatelná pouze ze stránky, na které se uživatel nachází (např. Za poslední měsíc nebo poslední čtvrtletí nebo minulý rok v závislosti na stránce/okně). Výchozí rozsah Od-To je nastaven na tyto hodnoty pro každou stránku a uživatelé téměř nikdy nebudou muset nic zadávat.

  • Seznam typických časových období. Pokud velké množství dotazů představuje několik časových období (např. Každý měsíc minulého roku), uveďte je do seznamu nebo do seznamu přepínačů. Posledním by bylo „Vlastní“, které umožňuje pár textových polí s ovládacími prvky kalendáře pro uživatelské zadání konkrétních dat.

  • Rozevírací seznam pro běžné vstupy. Pokud existuje relativně malý předvídatelný seznam hodnot Od a Do, uveďte v poli Od a Do pole se seznamem, že každý akceptuje libovolné datum zadané uživatelem, ale s rozevíracím seznamem nejběžnějších dat od a do (např. Začátek každého čtvrtletí v poslední rok pro pole Od).

  • Jednotné textové pole. Pokud je většina časových období celé měsíce, čtvrtletí a roky, zadejte dva způsoby zadávání časových období. Ve výchozím nastavení je jediné textové pole označené „Měsíc, čtvrtletí nebo rok“; který přijímá vstupy jako „Sep“ (výchozí k poslednímu září), „6/09“, „3Q06“ a „1933“. Studujte uživatelské písemné materiály a podívejte se, jaké řetězce očekávat. Metoda non-default poskytuje samostatná textová pole From-To pro libovolná data.

  • Mikrogramy. Pokud si na zadání data stěžují většinou vaši odborní uživatelé, zvažte podporu gramatik pro textová pole Od a Do, kde uživatel může zadat přesné datum nebo různé zkratky syntaxe (např. „Poslední čtvrtletí“ nebo „LQ“). “V poli Start se interpretuje jako vše od posledního dokončeného čtvrtletí). Viz Efektivní sběr dat pomocí textových polí micro-gramatik

41
Michael Zuschlag

Proč nezvažovat posuvník časové osy, přičemž nejnovější výběry lze zachytit výběrem?

Pokud máte zprávy zpět do roku 1860, jak často se potřebují vrátit?

                   | Report XYZ, Jan 12, 1983 |       
<--- Earlier                   \/                         Later --->
|------------------------------||----------------------------------|
     ^      ^ ^  ^            ^    ^   ^    ^   ^ ^ ^ ^ ^

Něco takového by je mohlo vizuálně vybrat? S bublinou nad seznamem by jim mělo být usnadněno vidět, co mají. Dříve/později se tlačítka/karta zastaví, aby se pohybovaly rokem nebo podobně. Posuvník je přístupný z klávesnice.

23
Dominic Hopton

Použijte dva kalendáře a ztlumte dny, které nelze vybrat. Svým uživatelům poskytnete výhodu kalendářů (možnost vidět celý měsíc najednou, snadno přeskočit zpět a dopředu v čase a vybrat libovolné datum) s omezením pouze na určitá platná data. Když uživatel klikne na tlumené datum, poskytněte mu zpětnou vazbu o tom, proč je toto datum neplatné, nebo použijte legendu.

Hipmunk.com dělá skvělou práci na zjednodušení. Mají vždy k dispozici dva kalendáře a data před dneškem jsou šedá (je tak zřejmé, proč v tomto případě nemusejí specifikovat proč, ale možná budete muset). Kliknutím na datum vyberete počáteční datum a dalším klepnutím vyberete konečné datum. Všimněte si, jak mají také pole s daty, takže můžete psát, pokud chcete, a pole se zvýrazní po kliknutí a označíte, které datum vyberete. Je to nekonvenční a ještě ne tak docela „donutte mě přemýšlet“, ale je to skvělý způsob, jak elegantně kombinovat tyto ovládací prvky, aniž byste přidali spoustu bohatých widgetů. Koukni na to:

Hipmunk's homepage

Jedna věc, kterou Hipmunk mohl ještě udělat, je zvýraznění dnů mezi vaším odletem a návratem, stejně jako další vizuální detail. Právě teď musí vaše oči stále analyzovat mezeru mezi těmito dvěma daty jako „ano, každý řádek od tohoto data do tohoto data je místo, kde budu pryč“.

(Bonus super: zkuste zadat datum odjezdu po datu návratu)

6
Rahul

To je ve skutečnosti z webového softwaru, který používám v práci, ale tento nápad lze do WinForms převést docela snadno.

S touto kontrolou generuji zprávy o různých časových intervalech. Textová pole nejsou maskována a spíše odpustí hodnotám, které lze převést na data, takže mohu bez problému volně posílat různá časová období. Jakmile kartu opustíte, datum je formátováno na „správný“ formát data. Pokud nedokáže zjistit datum, text zčervená a vedle něj je malý symbol chyby (jako kdybych zadal nejednoznačné datum, například 1109).

Pokud potřebuji udělat něco konkrétního, mohu kliknout na tlačítko kalendáře napravo od textového pole, abych viděl kalendář (řekněme, pokud potřebuji vidět zprávy z třetího týdne v březnu 2009, nemusím znát data) z hlavy).

Upřednostňuji tento styl, protože vyplnění časového období mi trvá sotva vteřinu - je to jen 010109 tab 030109 tab a pak jsem na další sadě podrobností.

alt text

Horní, prázdný ovládací prvek. Střední datum bez textových zpráv. Spodní, formátované datum a ovládání kalendáře.

Pokud jde o vaši třetí možnost, musím použít kus softwaru, který tento styl používá, a nesnáším ho - zejména proto, že musím používat myš. Chtěl bych také zdůraznit, že zobrazená data jsou výchozí data, když načítám stránku, takže ve výchozím nastavení bych chtěla hledat položky větší než budoucnost, ale méně než současnost. A OBROVSKÝ nevýhodou je, že roky jsou v rozevíracím seznamu pevně zakódovány - museli jsme počkat, až se do roku 2010 přidají další roky, abychom mohli hledat cokoli poslední.

alt text

Pokud předem víte, že konkrétní dotaz má pouze čtvrtletní výsledky, můžete některé rozvržení změnit a jít s výběrem a ročním výběrem, jako je tento:

alt text

A můžete zakázat čtvrtiny pro aktuální rok, které ještě nebyly vygenerovány.

6
Jared Harley

Nečetl jsem všechny odpovědi. Možná už někdo navrhl začít s ovládacími prvky, které většina uživatelů potřebuje většinu času, a poté postupně zveřejňovat další ovládací prvky. Například kliknutím na odkaz zobrazíte ovládací prvky pro den a měsíc, pro několik nepřekrývajících se časových období atd.

alt text

Nebo toto:

alt text

4
JeromeR

Tady je moje řešení.

FirstSecond

2
Alexandr

Jsem zamilován do designu použitého v bootstrap-daterangepicker jquery plugin.

V zásadě má výchozí rozsahy a výchozí od - do polí s daty, která zvýrazňují vybraný rozsah. I like it

1
JCM

Posuvné pole rozsahu data: 5 kroků interakce jako .Png obrázek s komentáři k ruštině!

daterange + předvolby pro typické období jako 1/3/6/12 měsíce http://1ne.twozerotwenty.com/pics/2011/10/show_me_the_date.png

Pokud je to nutné - mohu provést kompletní instrukce o interakcích a funkčních oblastech na anglické a demonstrační stránce.

1
denis.efremov

Zde je, jak jsem vyřešil podobný problém ... můžete změnit 30 dní/60 dní/90 dní, abyste upozornili na nejčastější generované zprávy (roční/čtvrtletní/měsíční). Funkce časového období otevírá tip nástroje s možnostmi časového rozsahu pro uživatele, kteří konkrétně hledají časové období, ale nenutí uživatele, aby zadával data, aby generoval výsledky. enter image description here

0
Ashlie

Líbí se mi, jak je implementován v aplikaci Kalendář Google (MIUI). Pro výběr data a času existují dva přadleny. Takto to vypadá:

enter image description here

Když nastavíte datum a čas v prvním výběru, druhý se automaticky nastaví na +1 hodinu.

0
naXa

co použití jquery ui sběru dat:

http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/

můžete přednastavit některá výchozí nastavení a nechat si je nastavit, takže rok a měsíc mohou být rozevírací seznamy, místo toho, abyste měli pouze šipky <> za měsíc.

0
Patricia

Dalo by se zobrazit běžně vypadající výběr kalendáře, ale pokud uživatel vybral měsíc z titulní lišty, automaticky by vyplnil začátek a konec data jako začátek a konec měsíce. Podobně pro rok.

Uživatel mohl přepsat datum ukončení, pokud chtěl mírně odlišný rozsah.

Nejsem si jistý, jak byste ukázali čtvrtinu.

0
ChrisF

Dva myšlenky:

  • Můžete představit různý výběr data pro různé typy přehledů (např. Uvedli jste, že některé byly roční - v tom případě nepotřebujete déle než rok - což by mohlo být jednoduché textové pole.)

  • Je datum zahájení/ukončení způsob, jakým si uživatelé myslí o vykazování? V několika projektech jsem pracoval na lidech, kteří chtějí, aby zprávy přemýšlely z hlediska data a časového období, nikoli dvou dat. Pro čtvrtletní hlášení by tedy mohli chtít začít 4 roky Q3 1980.

0
adrianh