Prototyping für mobile Anwendungen: UX für E-Reading mit Javier Lianes

Javier Lianes übertrifft die Erwartungen der Benutzer mit seiner prototypischen Neugestaltung der Benutzeroberfläche des Amazon Kindle

Der in Madrid ansässige UX Designer Javier Lianes hat Justinmind verwendet, um das Benutzererlebnis für einen anderen E-Reader zu rekonstruieren Benutzer. Der technikbegeisterte Javier ist ein begeisterter Leser und sitzt oft vor seinem iPad und ist in ein eBook vertieft. Aber trotz seiner Leidenschaft für das Online-Lesen waren Javiers Erfahrungen mit E-Reader-Geräten ziemlich enttäuschend.

In unserer Fallstudie fragen wir ihn nach seinen Vorbehalten gegenüber dem Amazon Kindle – trotz des Hypes – nach seinen Lösungsvorschlägen für Design-Herausforderungen und wie er diese mit Justinmind prototypisch umgesetzt hat .

Zufriedene UX-Designer machen bessere Produkte

Als freiberuflicher Designer ist Javier sein eigener Chef. Das bedeutet, dass er oft rund um die Uhr allein arbeitet, um digitale Assets und UIs zu erstellen und an Kunden zu versenden. Um pünktlich und in gleichbleibend hoher Qualität zu liefern, muss Javiers Arbeitsablauf einwandfrei sein. Um im UX-Prozess voranzukommen, kommt es oft darauf an, wie effizient seine Design-Tools sind.

Jeder UX-Designer kann Ihnen sagen, wie wichtig es ist, die richtige Mischung von Tools zu finden. Wenn Sie sich mit den Tools, die Sie verwenden, nicht wohl fühlen, wird sich das in Ihren Designs zeigen. Und wenn Sie damit beschäftigt sind, sich einen Weg durch unverständliche UIs zu bahnen, konzentrieren Sie sich nicht auf die Lösung von Designproblemen für den Benutzer.

Als es also um seine nächste große Design-Herausforderung ging – die Neugestaltung des Amazon Kindle UI – war Javier auf der Suche nach dem perfekten Tool. Da stieß er auf Justinmind.

Intuitive UIs und nahtlose Design-Erlebnisse

Javier begann das Prototyping mit Justinmind während eines UX-Kurses an der Escuela Trazos in Madrid, den er besuchte. Er war auf der Suche nach einer intuitiven Benutzeroberfläche, die nicht zu viel Zeit in Anspruch nimmt.

Javier war von Anfang an begeistert, wie einfach es war, sich in Justinmind zurechtzufinden. Er fand alle Ebenen und UI-Elemente genau so, wie er sie erwartet hatte.

„Justinmind hat mich vom ersten Moment an überrascht. Es schreit nach Klarheit, Zugänglichkeit und einer ziemlichen Abkehr von den gängigen Design-Tools.“

Als es an der Zeit war, mit der Neugestaltung der UI seines E-Readers zu beginnen, nahm er Justinmind mit auf die Reise. Sein Prototyp bietet eine alternative Lösung zum klassischen Kindle. Werfen Sie einen Blick darauf!

Prototyping für mobile Anwendungen: Schulterschluss mit Amazons Kindle

Design der UI für Amazon Kindle iOS

Innerhalb kürzester Zeit war Javier mit Justinmind startklar. Er nutzte die iPhone-Vorlage für mobile Apps, um das Layout der Bildschirme seines Prototyps zu designen.

Javier wollte eine sauberere, frischere Optik für seine Mitstreiter unter den E-Reader-Bücherwürmern schaffen. Seiner Meinung nach ist die dunkle Benutzeroberfläche von Kindle ein wenig deprimierend. Kindle setzt auf Grautöne für die Hauptbildschirme der UI und auf ein helleres Thema für den Lesebildschirm. Um der Tristesse entgegenzuwirken, entschied sich Javier für ein helles Thema im gesamten Prototyp der App. Uns persönlich gefällt die Kontinuität!

Anschließend verwendete er eine Kombination aus den vorgefertigten iOS UI-Widgets von Justinmind, wie der Statusleiste und dem Suchfeld, und seinen eigenen Bildern, um die iOS-Struktur in seinem Prototyp aufzubauen. Es war so einfach wie das Ziehen und Ablegen der Bilder auf der Leinwand.

Die Interaktion ausbauen

Javier konzentrierte sich bei der Entwicklung seines Prototyps für die Kindle-App auf eine reibungslose Leistung und kohärente Navigationsmuster. Er wollte sicherstellen, dass die Benutzer mit Leichtigkeit durch die UI gleiten und auf ihre Kindle-Bücher im Kindle Store zugreifen können, ohne Zeit mit dem Durchsuchen mehrerer Menüs zu verschwenden.

Um den Navigationsfluss übersichtlich zu halten, entschied sich Javier für eine untere Navigationsleiste. Sie sollte nur 4 Komponenten enthalten: Favoriten, Downloads, Einstellungen und Suchsymbole. Mithilfe von Verknüpfungsereignissen begann Javier, die Funktionalität in seinem App-Prototyp zu entwickeln.

„Mir gefiel die Einfachheit der Drag-and-Drop UI-Elemente und Ereignisse. Es war einfach, sie anzuwenden, ohne tiefgreifende Programmierkenntnisse zu haben.“

Um die scrollende Touchscreen-Funktion eines Kindle-Readers zu erstellen (damit sich der Benutzer auf dem Bildschirm nach oben und unten bewegen kann), verwendete Javier die Parallax-Elemente von Justinmind. Er fügte ein angeheftetes unteres Element am unteren Rand des Startbildschirms der App hinzu. Das angeheftete untere Element ist ein Sticky-Element und bleibt fixiert, auch wenn der Benutzer auf dem Bildschirm nach oben und unten scrollt.

Justinmind Data Masters und Data Grids waren eine wichtige Kombination für dieses Projekt. Er benutzte sie, um das Einkaufswagenerlebnis zu gestalten, sowie für das Inventar, die Lesezeichen und die Benutzerpersonalisierung.

Der ultimative Test: Javiers Prozess der Benutzertests

Der Prototyping-Prozess von Javier umfasst 3 Phasen. Die erste ist eine Sondierungsphase, in der er Prototypen auf Papier erstellt und dann beobachtet, wie die Benutzer mit ihnen interagieren. In der zweiten Phase werden die Benutzerinteraktionen ausgewertet und er erstellt aufwändigere Prototypen, um einige der Benutzerfreundlichkeitsprobleme aus der ersten Phase zu lösen. Die letzte Phase ist eine Validierungsphase, begleitet von einer guten heuristischen Bewertung.

Benutzererfahrung: Javiers Formel für Begeisterung

„Den Benutzer in den UX-Prozess einzubeziehen ist das Beste, was dem Design seit der Entdeckung des Goldenen Schnitts passiert ist“, sagt Javier und lacht.

Javier arbeitet daran, die Situation für den Benutzer zu verbessern. Auf die Frage, was Benutzererfahrung für ihn bedeutet, antwortete er:

„Stellen Sie sich einen Park mit mehreren Schotterwegen vor. Die Wege sind miteinander verbunden und verschlingen sich. Sie bilden verschiedene Routen, sind aber alle zum selben Ort ausgeschildert.

Der Wanderer ignoriert die Wege. Er findet seinen eigenen Weg, sucht nach alternativen Routen und Abkürzungen, die ihn bequemer an diesen Ort bringen.“

Genau wie der Wanderer überspringt der Benutzer oft die Wegweiser und erstellt seine eigene Route, um an sein Ziel zu gelangen. Die bestmögliche Route ist der Ort, an dem eine großartige Benutzererfahrung liegt – die User Journey – und es ist die Aufgabe des UX-Designers, den Weg zu weisen.

Javiers UX-Revolution: Die Entdeckung des Prototyping-Tools, das alle Tools übertrifft

Javier betrachtet den Wandel in der Webdesign-Branche hin zu nutzerzentrierten Praktiken sowie die Tools, die dies möglich gemacht haben.

Das Ziel von UX-Designern ist es, benutzerfreundliche und ansprechende Produkte für ihre Nutzer zu entwerfen. Aber in der Vergangenheit, so erinnert sich Javier, haben die Unternehmen den Designern auferlegt, sich auf die kaufkräftigen Kunden zu konzentrieren und nicht auf die alltäglichen Nutzer.

Aber wir beobachten einen Wandel hin zu einem nutzerzentrierten Design, bei dem die Beteiligten endlich den Endnutzer berücksichtigen. Netflix hat zum Beispiel Blockbuster zu Fall gebracht, indem es seine Abonnenten als Nutzer und nicht als Kunden behandelt hat.

Da die Benutzer nun im Mittelpunkt der Produktstrategie stehen, ist es die Aufgabe des Designers, das Produktdesign auf den Endbenutzer auszurichten. Tools wie Justinmind helfen dabei, diese Anforderung zu erfüllen.

Für Javier sind sowohl Low- als auch High-Fidelity-Prototypen unverzichtbar, um seine Ideen festzuhalten, Fehler zu identifizieren und das Benutzererlebnis zu verbessern. Als freiberuflicher Designer hilft ihm das Prototyping, Zeit, Ressourcen und Kopfschmerzen zu sparen. Indem er Probleme ausarbeitet, bevor komplexere Designs und Funktionen entwickelt werden und wo Fehler ziemlich teuer werden, ist das Kosten-Nutzen-Verhältnis viel höher.

„Justinmind ist das Werkzeug, das mir hilft, meine Designs auf die nächste Stufe zu heben. Ich habe die Freiheit, zu designen und erstaunliche Ergebnisse zu erzielen.“