Vorher (aktuelle Version)

Nachdem man eine Suchanfrage auf der Seite gestellt hat, bei der man nicht sieht, wonach gesucht wurde, erscheint die Kurztitel Liste. Hier wird für jedes Buch angezeigt, ob es ausleihbar ist (im Regal) oder nicht ausleihbar ist (entliehen/ nicht entleihbar). Das Problem dabei ist, dass diese Information nur über die Farben grün, rot und schwarz gekennzeichnet werden und sonst keinen Indikator dafür haben. 

Titel können »in den Merkzettel« gelegt werden und eine Reservierung ist bei ausgeliehenen Büchern nur möglich. Um auf die Detailseite eines Buch zu gelangen, muss die Checkbox ausgewählt werden und über GO! gelangt man dann dort hin.

Leider wird bei dieser Ansicht an Bildern gespart, obwohl noch genug Platz dafür wäre. Bücher, die man kennt, erkennt man ja auch schnell am Cover, sodass es von Vorteil wäre, diese in der Ansicht anzuzeigen.

Der Merkzettel ist wie in einem Shop der Warenkorb auf einer Einzelseite. Die Fußnote nimmt relativ viel Platz weg, sodass eine geringere Anzahl an Büchern auf eine Seite gleichzeitig passen, es könnte sinnvoller sein, diese erst auf der Detailseite anzuzeigen.

Hier werden jetzt die Cover der Bücher angezeigt, diese verlinken erschreckenderweise Amazon, damit man das Buch da auch gleich kaufen kann.😵‍💫

Die eigentlich wichtigen Funktionen, wie merken und reservieren gehen leider hier etwas unter, diese könnten als Button dargestellt werden, um direkt darauf hinzuweisen, dass es die Möglichkeit gibt, dieses Buch zu reservieren, obwohl es gerade an einem Standort entliehen ist.

Die Hinweise und die Weiterleitungen unten haben auf der Einzelseite auch einen ziemlich hohen Stellenwert im Vergleich zum Buch, worum es ja eigentlich auf der Seite gehen sollte.

Generell ist die Verteilung des Weißraumes unausgeglichen, alles klebt in der linken oberen Ecke zusammen.

Redesign

In meinem Entwurf zeige ich die Ergebnisseite und die Merkliste gleichzeitig an. Dies bezieht sich auf den Fall, dass man in der Bibliothek bei Recherchen mehrere Bücher ausleihen möchte. Damit soll ein besserer Überblick gewehrt werden, um zu sehen welche Bücher schon im Merkzettel sind. Dann müssen auch nicht erst mehrere Bücher gemerkt und später welche entfernt werden, weil man dann erst sieht, dass man evtl. doch zu viele hat.

Außerdem kann man mit einem Tabwechsel direkt sehen, auf welche Bücher man gerade wartet ohne den Suchflow zu unterbrechen.

In dieser Ansicht lasse ich auch die Orte weg, an den die Bücher nicht vorhanden sind, wenn sie an anderen Orten ausleihbar sind. Das soll unnötige Informationen vermeiden.

Für die Detailansicht eines Buches habe ich mich für ein Overlay entschieden, das soll den Suchflow im Katalog weniger stören. Das Buch bekommt hier jetzt die primäre Funktion, nicht wie davor. Der Weißraum um das Overlay wird jetzt dafür genutzt, um zu zeigen, dass man genau da bleibt, wo man sich befindet und nicht unterbrochen wird (Ich kann nach dem Schließen genau da weiter machen, wo ich aufgehört habe).

Durch die hierarchische Aufteilung von Titel, Beschreibungstext, Daten und Ausleihe lässt sich jetzt alles viel besser aufnehmen. 

Die Merkliste und die Warteliste haben durch den blauen und gelben Button an Wichtigkeit gewonnen und fallen jetzt mehr auf.

Um das Projekt abzurunden, fehlen natürlich noch die Ansichten für andere Medientypen, die Formularsuche und der Reservierungsprozess.

Wie bei den anderen Kursen auch, bin ich erneut extrem dankbar, diesen Kurs besucht zu haben. Vielen Dank! ✨