it-swarm-eu.dev

Metafore dell'interfaccia utente per una raccolta di libri

L'applicazione web su cui sto lavorando presenta una raccolta di libri che l'utente può leggere o annotare. Questi libri tendono ad essere documenti o offerte legali, non romanzi. Al momento, l'utente può selezionare un libro usando una vista ad albero tradizionale (sono documenti strutturati) o una vista di copertina (a iTunes). Potrebbero esserci alcuni libri o decine di libri.

Personalmente, penso che coverflow faccia schifo per questo. Tutti i libri hanno praticamente la stessa opera d'arte, quindi l'utente deve leggere il titolo del libro che è stampato verticalmente sul dorso. Tuttavia, i nostri utenti meno tecnici lo adorano. Alcuni dei nostri utenti non usano mai un computer e lottano con concetti come fornire un nome utente/password.

Stiamo facendo una revisione dell'interfaccia utente e la sensazione è che dobbiamo mantenere questa visione di copertura della nostra biblioteca.

Quindi, ecco la domanda: quali altre opzioni ci sono per far sentire un utente inesperto a casa con la selezione di libri?

Una libreria probabilmente non funzionerebbe troppo bene dato che i titoli di questi libri sono lunghi. Non credo che siamo vincolati alle metafore dei libri tradizionali. Solo per renderlo più difficile, stiamo guardando un'interfaccia per iPad, quindi sarebbe bene se un sistema di navigazione simile potesse essere utilizzato sia per il web che per l'iPad.

6
dave

Coverflow, libreria e simili sono fondamentalmente espedienti che sembrano belli e inizialmente colpiscono gli utenti, ma in realtà sono piuttosto difficili da usare.

Se togli la metafora del libro, ti resta solo un set di dati. Quindi perché non pensare di utilizzare un elenco vecchio stile? Amazon è un perfetto esempio di questo: enter image description here

Presta particolare attenzione al modo in cui i metadati di ciascun libro sono rappresentati sullo schermo. Ci sono molte informazioni ma la copertina e il titolo del libro spiccano molto chiaramente. Una grande icona viene utilizzata per attirare l'attenzione, ma anche il titolo è reso più evidente dall'incorporamento e da un cambio di colore. Il libro può essere selezionato facendo clic sull'icona o sul titolo.

Ho progettato diverse interfacce come queste in passato e il layout e l'importanza dei vari metadati sono la parte più difficile da ottenere. Le differenze possono essere molto sottili ma possono avere un grande effetto sulla leggibilità di ciascun elemento.

In termini di funzionalità è molto importante considerare l'ordine dei libri/documenti nell'elenco. Con le ricerche, l'ordine è generalmente pertinente, tuttavia potresti anche voler dare ai tuoi utenti la possibilità di cambiarlo se lo desiderano.

Dovrai anche considerare il modo in cui gestisci grandi serie di risultati, sul web è accettabile usare l'impaginazione, su un ipad/iphone di solito è fatto da un link "Carica altri 10" nella parte inferiore dei risultati.

2
ArchieVersace

Penso che potresti provare qualcosa del genere: enter image description here

1
Roland Pokornyik

Non userei nemmeno una metafora dello scaffale. Sono rimasto deluso quando ho visto Apple lo utilizzava in iBooks su iPhone e iPad; pensavo che avrebbero potuto fare di meglio.

Coverflow sembra carino, ma penso che qualcosa come l'app Reeder RSS per iPad potrebbe funzionare meglio:

enter image description here

Potresti migliorare questa visione sfruttando le tue conoscenze specifiche sul dominio. Per esempio. per le offerte, visualizzare informazioni di riepilogo sull'offerta, chi ci sta lavorando, data di scadenza, ecc.

0
Hisham