it-swarm-eu.dev

Vizualizační nápady pro postup na projektu s tisíci kroků?

Pracuji na rozhraní pro přepis sbírky ručně psaných indexových karet ... a lot indexových karet, něco jako desítky tisíc z nich.

Vytvářím web, kde může několik lidí přepsat jakoukoli danou kartu v libovolném pořadí. Chtěl bych přidat nějakou vizualizaci toho, kolik toho bylo dosaženo a kolik zbývá ještě udělat. Jedna myšlenka, která se mi přihodila, byla rozptyl, kde jeden pixel odpovídal jedné kartě - kdybych udělal takový spiknutí ve značce 100x100 <canvas>, řekněme, mohl bych zachytit 10 000 stavových bodů. Část barevného plátna by alespoň poskytla nějakou vizuální představu o tom, kolik bylo přepsáno.

Ale abych mohl vykreslit takovou <canvas> značku, musel bych data poslat také, a to by pravděpodobně bylo příliš mnoho dat. (Možná bych mohl vykreslit spiknutí na serveru pravidelně a poslat jej jako obrázek.) Nebo by to bylo?

Má někdo nějaké návrhy?

4
pat

Pravděpodobně by stačil standardní ukazatel průběhu a počet karet. Mám však pocit, že je to něco, na čem byste mohli být trochu kreativní: Účinek rozptylového grafu může být pěkný, můžete také učinit pixely nejnovějšími nejjasnějšími a zmizet starší.

Výkonně, pokud uložíte vygenerovaný pixelplot, takže by se nemuselo počítat pokaždé, když se zobrazí, to by opravdu neměl být problém. Myslím, že bych nepoužil značku canvas-tag, ale spíše obraz vytvořený na serveru. Samotná akce aktualizace by neměla být příliš komplikovaná: musíte pouze získat obrázek, který již máte, a získat poslední aktualizaci (nebo aktualizace od posledního vykreslení obrázku) a upravit tyto přesné pixely. Nebo, pokud je chcete vyblednout podle času, nejprve vybledněte obrázek, který již máte, a pak přidejte nejnovější - ukládejte časovou značku vyblednutí, takže to uděláte pouze jednou denně nebo jednou za hodinu nebo cokoli jiného. (Můžete to také udělat každý krok.)

Nyní je to něco mnohem složitějšího, než je třeba pro poskytování informací o pokroku .. ale může to být velmi pěkná funkce a zajímavé stavět! A myslím si, že je velmi proveditelné jej implementovat tak, aby to neroztahovalo vaše zdroje.

5
Inca

Líbí se mi nápad rozptylového vykreslování. Nerozebírejte jej však na plátně pomocí klienta, udělejte to na straně serveru. Nevím, co je nastavení jazyka vašeho serveru, ale bylo by docela triviální dynamicky generovat PNG obrázek z dat pomocí PHP a vestavěných knihoven obrázků).

Dalo by se dělat nějaké zábavné věci, aby se tato hra chtěla motivovat lidi k dokončení karet tím, že maska ​​pomalu odhalí obrázek. Stejně jako každá dokončená karta je umístěn kousek skládačky. Nechte hráče přiblížit a vyberte libovolné prázdné místo (pixel), které by chtěli. Lidé by přirozeně měli sklon k „dokončování“ částí základní skládačky, aby zviditelnili nové položky.

3
Tim Holt

Nerozumím bodu rozptylu, pokud rozměry X a Y nepředstavují některé atributy významné pro uživatele karet. Uživatelé pak mohli vnímat zhruba nejen počet karet, ale i to, jaké druhy karet zůstávají.

Ale jinak, jen uveďte počet a/nebo procenta hotové. Dokonce i ukazatel průběhu je dobrý nápad, pokud roste v reálném čase, nebo pokud je hotovost pro uživatele tak důležitá, že chcete upoutat pozornost nebo poskytnout vizuální zájem. Jinak jsou ukazatele průběhu dobré, pokud neexistuje jasná, lineární nebo intuitivní metrika pokroku (například při instalaci softwaru), ale tady to není váš případ.

Jaký je účel zobrazování karet dokončených? Uživatelé tak mohou odhadnout, kdy budou hotovi? Chcete motivovat uživatele k dokončení? Možná byste měli zobrazit kumulativní graf dokončených karet v průběhu času, takže uživatelé mohou také vidět rychlost dokončení (a pokud začínají uvolňovat). Možná byste také měli ukázat, jak se počet nebo podíl karet, které uživatel osobně vyplnil, ve srovnání s průměrným počtem dokončených karet, aby uživatelé mohli zjistit, zda dělají svůj spravedlivý podíl (za předpokladu, že je v zájmu všech uživatelů, aby se zapojili).

2
Michael Zuschlag

Vzhledem k tomu, že postup je velmi pomalý, je jakýkoli druh rozptylu nebo lišty pokroku zbytečný, protože jejich animace bude neviditelná, pokud na ně uživatel nehledí.

Vyberte si značné množství času (vezmeme-li přepis na několik dní, vezměte den) a představte práci dosaženou v každém dni v jiné barvě na ukazateli průběhu. Můžete také použít histogram s pruhem pro každý den.

Tímto způsobem je aktuální pokrok viditelnější (pouze při pohledu na poslední den) a lze jej porovnat s ostatními dny.

2
Mart

Použití scatterplotu by nebylo přesnější než standardní lišta postupu, protože uživatel není schopen rozlišit mezi 5642 a 5643 barevnými pixely.

Pokud potřebujete poskytnout zpětnou vazbu k přesnému počtu zpracovaných karet, použijte standardní lištu postupu, ale místo zobrazení procenta vykonaného (což je vizuálně dáno lištou průběhu) zobrazte počet zpracovaných karet, například „5642/16254 ".

1
Mart

Nebylo by zcela jasné vidět pokrok v rozptylu. Ukazatel průběhu ukazující procento dokončení by byl mnohem jasnější.

Dalo by se udělat ukazatel průběhu designovou funkcí. Mohlo by to být přes horní část obrazovky nebo možná dolů.

0
Leah

Mohli byste mít ukazatel průběhu stejně jako to, jak to Linkedin dělá. A pak se zobrazí procentuální i skutečná čísla.

Existuje mnoho důkazů, že se jedná o dobrý motivační posilovač (použitím malého stresu na situtaion)

0
ThomPete