Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

Goodreads Redesign

Redesign der App goodreads nach iOS Standards und Usability.

Über die App

Goodreads ist eine der größten Plattform  für Menschen, die gerne und viel lesen und sich gerne mit Gleichgesinnten über Bücher austauschen wollen.

Goodreads ermöglicht  den Unser, Bücher zu suchen, zu katalogisieren  und diese auch zu bewerten.

Die Goodreads App kann im großen und ganzen überzeugen, kann im Detail aber dennoch noch von verschiedenen Anpassungen profitieren.

Um die Konformität des iOs Standards zu garantieren, habe ich mit einer Neustrukturierung der Tabbar angefangen.

Als erstes wurden der “More”- und der Scan-Tab entfernt, da diese nicht mehr zeitgemäß sind und durch weitere Anpassungen der Oberfläche überflüssig gemacht werden. Dafür wurde ein “Profil”-Tab eingeführt, welcher dem Nutzer das direkte Aufrufen seines Profils ermöglicht. Zudem wurde die Icons der Tabs durch Plattform-konforme SF-Symbole ersetzt.

IMG_6128.pngIMG_6128.png

Redesign des “Home”-Tabs

Das Tracking des Lesefortschritts stellt eine der zentralen Funktionen der App dar und wurde daher zentral auf der Startseite der App positioniert. Anstelle allgemeiner Buchvorschläge wird im Redesign dem Nutzer zudem eine passende Auswahl an Büchern präsentiert, welche auf Basis vorheriger und aktuell gelesener Bücher generiert wird.

In der Urversion wird neben der vorgeschlagenen Büchern dem Nutzer die Möglichkeit gegeben diese direkt zu bewerten. Der Sinn dieser Funktion ist fraglich, da der Nutzer in den meisten Fällen die Bücher noch nicht gelesen haben wird und selbst wenn diese Funktion keinen Platz im “Home”-Tab verschwenden sollte. Stattdessen wird dem Nutzer die durchschnittliche Bewertung des Buches präsentiert und eine Bewertung durch den Nutzer durch Touch Eingaben ermöglichen könnte.

Goodreads_Seite_2.pngGoodreads_Seite_2.png

My Books

Die Funktion “Bookshelves” ermöglicht dem Nutzer das Erstellen und Bearbeiten von Bücherlisten, welche unter anderem bereits gelesene Bücher und eine “Want To Read”-Liste trackt. Diese Funktion wurde beibehalten, benötigt nun aber durch ein moderneres und effizienteres Design weitaus weniger Platz.

Der dadurch gewonnene Raum nimmt die aus dem “More”-Tab stammende “Reading Challenge”-Funktion auf. Dieses stellt eine gamifizierte Version der Bücherlisten dar, sodass der Fokus auf den prozentualen Fortschritt im Fokus steht.

Goodreads_Seite_3.pngGoodreads_Seite_3.png

Add Books

Die Suchleiste wurde entfernt, da diese über den “+”-Button erreichbar ist. Das Menü welches dieser zum Hinzufügen von neuen Büchern öffnet wurde zudem an den unteren Bildschirmrand verschoben, um die Nutzung in Kombination mit modernen Smartphone Aspektverhältnissen zu verbessern.

Goodreads_Seite_4.pngGoodreads_Seite_4.png

Explore/Search

Der “Search”-Tab öffnet die “Explore”-Funktion, welche dem Nutzer das Stöbern nach neuen Büchern erleichtern soll. Da die Nutzung bereits in der Urversion reibungslos möglich ist, wurde auf große Anpassungen verzichtet. Die Genre-Thumbnails wurden durch modernere ersetzt, welche zudem ein Cover eines kürzlich veröffentlichten Buches aus diesem Genre zeigen. Zudem werden dem Nutzer primär die Genres gezeigt, welche er bei seinen Interessen angegeben hat.

Die namensgebende Suchfunktion erhielt ein deutliches Funktionsupgrade gegenüber der Urversion:

Die Funktionalität der schriftlichen Suche bietet nun auch die Nutzung von Filtern, wie Listen und Gruppen. Der Mikrofon-Button ermöglicht die Eingabe mittels Sprachsteuerung und der Kamera-Button ermöglicht die Suche mithilfe von Buch-Covern oder Barcodes.

Goodreads_Seite_6.pngGoodreads_Seite_6.png
Goodreads_Seite_7.pngGoodreads_Seite_7.png

Books

Die Anzeige von Büchern erhielt diverse Anpassungen:

Das Rating des Nutzers wird nun neben der durchschnittlichen Bewertung angezeigt. Um deutlich platzsparender zu werden, wurde eine Segment Control verwendet, welche das Umschalten zwischen “Book details” und “Rating & Reviews” ermöglichen.

Goodreads_Seite_5.pngGoodreads_Seite_5.png

Profil

Da das Layout und Design der ursprünglichen “Profil”-Seite mittlerweile sehr altmodisch wirkt, wurde diese durch Verwendung moderner Konventionen aktualisiert. Die Seite zeigt so auf einen Blick die Bookshelves, Reading Challenges und Groups des entsprechenden Profilbesitzers.

Goodreads_Seite_8.pngGoodreads_Seite_8.png

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im zweiten Studienabschnitt

Betreuung

foto: Frank Rausch

Zugehöriger Workspace

Apps & Details · SoSe 2020

Entstehungszeitraum

Sommersemester 2020

Keywords