Gestaltungskonzept für «Stöber- und Entdeckerformate» für VINCENT&VOLTAIRE


Tim Pausch & Colin van Eimeren

Kontext
VINCENT&VOLTAIRE
Modul
Screendesign
Semester
Wintersemester 2021/22
Studiengang
Medieninformatik Ba.

Im Laufe dieses Pojektes soll für die Online Buchhandlung “Vincent&Voltaire” eine Entdecker- und Stöberseite designt werden. Dort sollen Nutzer eine Chance haben neue Bücher kennen zu lernen.

Die erste Frage war, wie der Nutzer auf die Entdecker-/Stöberseite kommt. Da der Banner schon den Reiter Buchthemen beinhaltet, war es nur logisch diesen auf die Stöberseite verweisen zu lassen. Zusätzlich wurde auf der Startseite ein Abschnitt, mit einem Button, eingefügt um auf die Stöberseite weiterzuleiten.

In Anlehnung an das Schlendern durch die Bücherregale in einer echten Buchhandlung, wurde mit der Idee gespielt diese Art von Regalen im Digitalen umzusetzen, ganz ähnlich wie man es bereits von bekannten Streamingportalen wie Netflix oder Prime Video kennt. Der Nutzer hat so die Möglichkeit sich durch eine Reihe von Büchern zu klicken, welche vertikal nach Themen sortiert sind. Hier wurde der Ansatz gewählt, so wenig Text wie möglich anzuzeigen und die Buchcover für sich selbst sprechen zu lassen. Sollte dem Nutzer eines der Buchcover zusagen, kann er durch das hovern über dem Cover mit der Maus einen PopUp öffnen, welcher den Titel und die Beschreibung zu dem Buch beinhaltet. Wichtig ist jetzt der “Mehr Erfahren” Button welcher den Nutzer zu der konkreten Seite des Buchs weiterleitet, auf der er detaillierte Informationen zu dem Buch erhält und es gegebenenfalls kaufen kann.

Entworfen wurden drei Variationen, jeweils für ein Desktop-Device (1440x1024) und ein Touch-Device (IPad Pro 11”). Eine mit vier Büchern in einer Reihe, eine mit drei und zuletzt eine bei der nur ein Buch groß angezeigt wird. Bei dieser Variante wird neben dem Buch direkt die Beschreibung angezeigt, somit fällt das PopUp bei dieser Variante weg.

Style-Guide

Styleguide für das Projekt von Tim Pausch & Colin van Eimeren