it-swarm-eu.dev

Idee di visualizzazione per i progressi su un progetto con migliaia di passaggi?

Sto lavorando su un'interfaccia per realizzare la trascrizione di una raccolta di schede indice scritte a mano ... un lotto di schede indice, qualcosa come decine di migliaia di esse.

Sto costruendo un sito in cui diverse persone possono trascrivere una determinata carta, in qualsiasi ordine. Vorrei aggiungere una sorta di visualizzazione di quanto è stato fatto e quanto resta da fare. Un pensiero che mi venne in mente fu un grafico a dispersione in cui un pixel corrispondeva a una singola carta - se avessi creato una trama del genere in un tag <canvas> 100x100, per esempio, avrei potuto catturare 10.000 punti di stato. La parte della tela che era colorata avrebbe almeno dato un'idea visiva di quanto fosse stato trascritto.

Ma per rendere un tale tag <canvas> dovrei anche inviare i dati, e probabilmente sarebbero troppi dati. (Forse potrei rendere periodicamente la trama sul server e inviarla come immagine.) O sarebbe?

Qualcuno ha qualche suggerimento?

4
pat

Una barra di avanzamento standard e il numero di carte probabilmente sarebbero sufficienti. Tuttavia, penso che questo sia qualcosa su cui potresti essere un po 'creativo: l'effetto di un grafico a dispersione potrebbe essere bello, puoi anche rendere i pixel più recenti pixel più luminosi e sbiadire quelli più vecchi.

Dal punto di vista delle prestazioni, se si memorizza il pixelplot generato, quindi non dovrebbe essere calcolato ogni volta che viene visualizzato, questo non dovrebbe davvero essere un problema. Penso che non userei il tag canvas ma piuttosto un'immagine generata sul lato server. L'azione di aggiornamento in sé non dovrebbe essere troppo complicata: devi solo ottenere l'immagine che hai già e ottenere l'ultimo aggiornamento (o gli aggiornamenti dall'ultimo rendering dell'immagine) e modificare quei pixel esatti. Oppure, se vuoi sbiadirli in base al tempo, prima sbiadisci l'immagine che hai già, quindi aggiungi il timestamp più recente dell'azione di dissolvenza in modo da farlo solo una volta al giorno o una volta all'ora o altro. (Potresti anche farlo ad ogni passo.)

Ora è qualcosa di molto più complesso del necessario per fornire solo informazioni sullo stato di avanzamento .. ma potrebbe essere una funzionalità molto bella e interessante da costruire! E penso che sia molto fattibile implementarlo in modo da non allungare le tue risorse.

5
Inca

Mi piace l'idea della trama a dispersione. Ma non renderlo sul client con canvas, fallo sul lato server. Non so quale sia la configurazione della lingua del tuo server, ma sarebbe piuttosto banale generare dinamicamente un'immagine PNG dai dati usando PHP e le librerie di immagini integrate.

Potresti fare alcune cose divertenti per rendere questo gioco come motivare le persone a finire le carte facendo svelare lentamente una maschera a una maschera. Come ogni carta completata, viene posizionato un pezzo del puzzle. Consenti ai giocatori di ingrandire e scegliere qualsiasi spazio vuoto (pixel) che desiderano. Le persone sarebbero naturalmente inclini a "finire" parti del puzzle sottostante per rendere visibili nuovi oggetti.

3
Tim Holt

Non capisco il punto di un diagramma a dispersione a meno che le dimensioni X e Y non rappresentino alcuni attributi significativi delle carte da parte dell'utente. Quindi gli utenti potrebbero percepire approssimativamente non solo quante carte rimangono, ma quali tipi di carte rimangono.

Altrimenti, basta dare il numero e/o la percentuale fatta. Anche una barra di avanzamento è una buona idea solo se cresce in tempo reale o se la quantità effettuata è così importante per l'utente che desideri indirizzare l'attenzione o fornire interesse visivo. Altrimenti, le barre di avanzamento sono utili quando non esiste una metrica di avanzamento chiara, lineare o intuitiva (come durante l'installazione del software), ma non è questo il caso qui.

Qual è lo scopo di mostrare le carte completate? Quindi gli utenti possono stimare quando avranno finito? Vuoi motivare gli utenti a lavorare fino al completamento? Forse dovresti mostrare una trama cumulativa di carte completata nel tempo, in modo che gli utenti possano anche vedere rate del completamento (e se stanno iniziando a rallentare). Forse dovresti anche mostrare come il numero o la proporzione di carte che l'utente ha completato personalmente si confronta con il numero medio completato in modo che gli utenti possano vedere se stanno facendo la loro giusta quota (supponendo che sia nell'interesse di tutti gli utenti che tutti lancino).

2
Michael Zuschlag

Considerando che il progresso è molto lento, qualsiasi tipo di grafico a dispersione o barra di avanzamento è inutile in quanto la loro animazione sarà invisibile a meno che un utente non li fissi.

Scegli un periodo di tempo significativo (prendiamoci un giorno se la trascrizione si estende su più giorni) e rappresentiamo il lavoro svolto in ogni giorno con un colore diverso su una barra di avanzamento. Puoi anche usare un istogramma con una barra per ogni giorno.

In questo modo i progressi attuali sono più visibili (solo guardando l'ultimo giorno) e possono essere confrontati con gli altri giorni.

2
Mart

L'uso di un diagramma a dispersione non sarebbe più preciso di una barra di avanzamento standard, poiché l'utente non è in grado di fare la differenza tra 5642 e 5643 pixel colorati.

Se è necessario fornire un feedback sul numero esatto di carte elaborate, utilizzare una barra di avanzamento standard ma invece di visualizzare la percentuale eseguita (che è data visivamente dalla barra di avanzamento) visualizzare il numero di carte elaborate, ad esempio "5642/16254 ".

1
Mart

Non sarebbe molto chiaro vedere i progressi su un diagramma a dispersione. Una barra di avanzamento che mostra la percentuale completa sarebbe molto più chiara.

È possibile rendere la barra di avanzamento una funzione di progettazione. Potrebbe essere nella parte superiore dello schermo o forse lungo il lato.

0
Leah

Potresti avere una barra di avanzamento proprio come lo fa Linkedin. E quindi vengono visualizzati sia i numeri percentuali che quelli effettivi.

Ci sono molte prove che questo è un buon richiamo motivazionale (applicando un po 'di stress alla situtaion)

0
ThomPete