it-swarm.com.de

UI-Metaphern für eine Sammlung von Büchern

Die Webanwendung, an der ich arbeite, enthält eine Sammlung von Büchern, die der Benutzer lesen oder kommentieren kann. Diese Bücher sind in der Regel juristische Dokumente oder Angebote, keine Romane. Im Moment kann der Benutzer ein Buch mithilfe einer herkömmlichen Baumansicht (es handelt sich um strukturierte Dokumente) oder einer Coverflow-Ansicht (a la iTunes) auswählen. Es kann ein paar Bücher oder Dutzende Bücher geben.

Persönlich denke ich, dass Coverflow dafür scheiße ist. Alle Bücher haben fast das gleiche Bildmaterial, daher muss der Benutzer den Titel des Buches lesen, das vertikal auf dem Rücken gedruckt ist. Unsere weniger technischen Benutzer lieben es jedoch einfach. Einige unserer Benutzer verwenden niemals einen Computer und haben Probleme mit Konzepten wie der Angabe eines Benutzernamens/Passworts.

Wir führen eine Überprüfung der Benutzeroberfläche durch und haben das Gefühl, dass wir diese Coverflow-Ansicht unserer Bibliothek beibehalten müssen.

Hier ist also die Frage: Welche anderen Optionen gibt es, damit sich ein Anfänger bei der Buchauswahl wie zu Hause fühlt?

Ein Bücherregal würde wahrscheinlich nicht gut funktionieren, da die Titel dieser Bücher lang sind. Ich glaube nicht, dass wir uns auf traditionelle Buchmetaphern beschränken. Um es schwieriger zu machen, betrachten wir eine iPad-Oberfläche. Es wäre also gut, wenn ein ähnliches Navigationssystem sowohl für das Web als auch für das iPad verwendet werden könnte.

6
dave

Coverflow, Bücherregal und dergleichen sind im Grunde Gimmicks, die gut aussehen und die Benutzer zunächst beeindrucken, aber tatsächlich ziemlich schwer zu bedienen sind.

Wenn Sie die Buchmetapher entfernen, bleibt nur ein Datensatz übrig. Warum also nicht über eine altmodische Liste nachdenken? Amazon ist ein perfektes Beispiel dafür: enter image description here

Achten Sie besonders darauf, wie die Metadaten für jedes Buch auf dem Bildschirm dargestellt werden. Es gibt viele Informationen, aber das Cover und der Titel des Buches fallen sehr deutlich auf. Ein großes Symbol wird verwendet, um das Auge hereinzuziehen, aber auch der Titel wird durch Einfalten und einen Farbwechsel hervorgehoben. Das Buch kann durch Klicken auf das Symbol oder den Titel ausgewählt werden.

Ich habe in der Vergangenheit mehrere Schnittstellen wie diese entworfen, und das Layout und die Bekanntheit der verschiedenen Metadaten sind am schwierigsten zu korrigieren. Die Unterschiede können sehr subtil sein, können jedoch einen großen Einfluss auf die Lesbarkeit jedes Elements haben.

In Bezug auf die Funktionalität ist es sehr wichtig, die Reihenfolge der Bücher/Dokumente in der Liste zu berücksichtigen. Bei Suchvorgängen ist die Reihenfolge normalerweise relevant, Sie möchten Ihren Benutzern jedoch möglicherweise auch die Möglichkeit geben, dies zu ändern, wenn sie dies wünschen.

Sie müssen auch überlegen, wie Sie mit großen Ergebnismengen umgehen. Im Internet ist es akzeptabel, Paginierung zu verwenden. Auf einem iPad/iPhone erfolgt dies normalerweise über einen Link "10 weitere laden" am Ende der Ergebnisse.

2
ArchieVersace

Ich denke, Sie könnten so etwas versuchen: enter image description here

1

Ich würde auch keine Bücherregal-Metapher verwenden. Ich war enttäuscht, als ich sah, dass Apple es in iBooks auf dem iPhone und iPad verwendet; ich dachte, dass sie es besser machen könnten.

Coverflow sieht gut aus, aber ich denke, dass so etwas wie die Reeder RSS-App für das iPad besser funktionieren könnte:

enter image description here

Sie können diese Ansicht verbessern, indem Sie Ihr spezifisches Domänenwissen nutzen. Z.B. Zeigen Sie bei Ausschreibungen zusammenfassende Informationen über das Angebot an, wer daran arbeitet, das Fälligkeitsdatum usw.

0
Hisham