Endecker & Stöberfunktion für Vincent & Voltaire


Annika Lenneper & Niklas Mehlem

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

Die unabhängige Online-Buchhandlung Vincent & Voltaire bietet ihren Kund:innen eine sorgfältig kuratierte Buchauswahl und macht das Stöbern nach neuer Literatur digital erlebbar. Auf der Webseite des Unternehmens wird jedes Buch auf einer eigenen Seite präsentiert, auf der individuell angefertigte Fotos und Texte, Inhaltsangaben und Eckdaten Einblicke in die vorliegende Literatur vermitteln. Alle Titel sind in Ober- und Unterkategorien eingeteilt, was es Kund:innen ermöglich, themenbezogen nach Büchern zu suchen. Vincent & Voltaire bieten Orientierung auf einem unübersichtlichen Buchmarkt und ermöglichen eine persönliche und individuelle Buchberatung in der digitalen Welt.

Das dokumentierte Projekt verfolgt das Ziel, ein neues Stöber- und Entdeckerformat für Vincent & Voltaire zu entwickeln, welches die grundlegenden Kommunikations- und Interaktionsziele des Unternehmens weiter unterstützt.

Das Format baut auf der Idee auf, das analoge Bücherregal digital nachzuempfinden und wurde gestalterisch für ein Touch Device (iPad Pro 11‘‘) und ein WIMP-Gerät (Bildschirmgröße 1140 x 1024) umgesetzt. Es zeichnet sich durch die Anordnung von Büchern in „digitalen Regalreihen“ aus, welche Nutzer:innen mittels horizontalen Scrollens durchsuchen können. Dies ermöglicht eine schnelle und mühelose Übersicht über die Inhalte einer Kategorie. Weckt ein Buch Interesse, wird durch einen Klick auf den entsprechenden Titel ein Pop-Up-Fenster geöffnet, welches erste weiterführende Informationen, einige Fotoaufnahmen sowie wichtige Eckdaten präsentiert. Das Pop-Up-Fenster kann als digitale Analogie zum „In-die-Hand-nehmen“ eines Titels betrachtet werden. Es werden Informationen angeboten, die durch dieselbe Handlung im stationären Buchhandel ebenfalls ersichtlich werden, wie Sprache, Gewicht oder Seitenzahl des ausgewählten Buches. Der einleitende Text im Pop-Up-Fenster betont die persönliche Kuration, der weiterführende Link zur Buchseite fungiert als Angebot einer ausführlichen Beratung.

Das themenbezogene Stöbern nach Büchern wird durch das neue Feature vereinfacht, da es bedeutend weniger Navigationsarbeit für die auf der Suche befindlichen Kund:innen verursacht. Die Übersichtlichkeit und die klare Strukturierung tragen dazu bei, Orientierung zu bieten sowie Motivation und Freude am Entdecken und Stöbern zu entfachen und aufrecht zu erhalten. Gewohnheitsmäßige Nutzer:innen von Internetdiensten kennen diese Form des Stöberns bereits von Streaming-Angeboten, weshalb von einem schnellen und einfachen Verständnis der Interaktionsform ausgegangen werden kann. Die Möglichkeit des seitlichen Scrollens wird durch den Anschnitt der Bücherreihe am rechten Bildschirmrand verdeutlicht, bei WIMP-Geräten bieten Navigationspfeile in beide Richtungen die nötige Orientierung und Bedienfreundlichkeit.

Die Designkomponenten der Webseite von Vincent & Voltaire bleiben in der Gestaltung des neuen Formats erhalten, so dass eine gute Vereinbarkeit und Kontinuität gewährleistet ist. Das Format kann rein additiv umgesetzt werden, Änderungen am bestehenden Design oder den bestehenden Pages der Webseite sind nicht nötig. Die grundlegende Struktur nach Ober- und Unterkategorien ist bereits vorhanden und kann ohne großen Aufwand fortlaufend ergänzt oder verändert werden.

Das Design baut auf einer fortlaufenden Zahlenreihe auf, welche Abstände, Schriftgrößen und das Verhältnis der Elemente zueinander systematisiert. Im Vergleich zur bestehenden Webseite, die mit einem „broken Grid“ arbeitet, ist das neue Feature stringenter formatiert. Dies liegt in der Analogie zum Bücherregal begründet und unterstützt gemeinsam mit dem Pop-Up-Fenster die Kommunikations- und Interaktionsziele: eine gute Orientierung durch klare Strukturen, Übersichtlichkeit für müheloses Stöbern, persönliche Beratung sowie Inspiration für Buchliebhaber und literaturbegeisterte auf der Suche nach interessanten Neuentdeckungen.

Style-Guide

Styleguide für das Projekt von Annika Lenneper & Niklas Mehlem