{"id":132255,"date":"2017-09-27T08:00:50","date_gmt":"2017-09-27T06:00:50","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/content-pillars\/mobile-app-prototyping-ux-for-e-reading-with-javier-lianes\/"},"modified":"2025-02-18T13:07:10","modified_gmt":"2025-02-18T12:07:10","slug":"mobile-app-prototyping-ux-for-e-reading-with-javier-lianes","status":"publish","type":"tc_content_pillar","link":"https:\/\/www.justinmind.com\/de\/kunden\/fuer-ich-lese-mit-javier-lianes","title":{"rendered":"Prototyping f\u00fcr mobile Anwendungen: UX f\u00fcr E-Reading mit Javier Lianes"},"content":{"rendered":"<h2 style=\"margin-top: 0cm;\">Javier Lianes \u00fcbertrifft die Erwartungen der Benutzer mit seiner prototypischen Neugestaltung der Benutzeroberfl\u00e4che des Amazon Kindle<\/h2>\n<p>Der in Madrid ans\u00e4ssige UX Designer <a href=\"https:\/\/www.linkedin.com\/in\/javierlianes\/\" target=\"_blank\" rel=\"noopener noreferrer\">Javier Lianes<\/a> hat Justinmind verwendet, um das Benutzererlebnis f\u00fcr einen anderen E-Reader zu rekonstruieren <span style=\"color: #ff0000;\"> <\/span>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\u00fcr das Online-Lesen waren Javiers Erfahrungen mit E-Reader-Ger\u00e4ten ziemlich entt\u00e4uschend.  <\/p>\n<p>In unserer Fallstudie fragen wir ihn nach seinen Vorbehalten gegen\u00fcber dem Amazon Kindle &#8211; <a href=\"https:\/\/www.google.es\/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=1&amp;cad=rja&amp;uact=8&amp;ved=0ahUKEwihu6KX5bXWAhUDkRQKHcZsCUAQFggqMAA&amp;url=http%3A%2F%2Fwww.techradar.com%2Fnews%2Fportable-devices%2Fbest-kindle-and-ereaders-1320453&amp;usg=AFQjCNGKfGHV3IE3H3lqgriDu2eMyfyNGw\" target=\"_blank\" rel=\"noopener noreferrer\">trotz des Hypes<\/a> &#8211; nach seinen L\u00f6sungsvorschl\u00e4gen f\u00fcr Design-Herausforderungen und wie er diese mit <a href=\"https:\/\/www.justinmind.com\/de\" target=\"_blank\" rel=\"noopener noreferrer\">Justinmind prototypisch umgesetzt hat .<\/a><\/p>\n<h2>Zufriedene UX-Designer machen bessere Produkte<\/h2>\n<p>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 <a href=\"https:\/\/www.justinmind.com\/de\/kunden\" target=\"_blank\" rel=\"noopener noreferrer\">Kunden<\/a> zu versenden. Um p\u00fcnktlich und in gleichbleibend hoher Qualit\u00e4t zu liefern, muss Javiers Arbeitsablauf einwandfrei sein. Um im UX-Prozess voranzukommen, kommt es oft darauf an, wie effizient seine Design-Tools sind.  <\/p>\n<p>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\u00fchlen, wird sich das in Ihren Designs zeigen. Und wenn Sie damit besch\u00e4ftigt sind, sich einen Weg durch unverst\u00e4ndliche UIs zu bahnen, konzentrieren Sie sich nicht auf die L\u00f6sung von Designproblemen f\u00fcr den Benutzer.  <\/p>\n<p>Als es also um seine n\u00e4chste gro\u00dfe Design-Herausforderung ging &#8211; die Neugestaltung des Amazon Kindle UI &#8211; war Javier auf der Suche nach dem perfekten Tool. Da stie\u00df er auf Justinmind. <\/p>\n<h2>Intuitive UIs und nahtlose Design-Erlebnisse<\/h2>\n<p>Javier begann das Prototyping mit Justinmind w\u00e4hrend eines UX-Kurses an der <em>Escuela Trazos<\/em> in Madrid, den er besuchte. Er war auf der Suche nach einer intuitiven Benutzeroberfl\u00e4che, die nicht zu viel Zeit in Anspruch nimmt. <\/p>\n<p>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. <\/p>\n<blockquote><p>&#8222;Justinmind hat mich vom ersten Moment an \u00fcberrascht. Es schreit nach Klarheit, Zug\u00e4nglichkeit und einer ziemlichen Abkehr von den g\u00e4ngigen Design-Tools.&#8220;<\/p><\/blockquote>\n<p>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 <a href=\"https:\/\/youtu.be\/KQCN3TE4We4\" target=\"_blank\" rel=\"noopener noreferrer\">alternative L\u00f6sung<\/a> zum klassischen Kindle. Werfen Sie einen Blick darauf!  <\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/KQCN3TE4We4\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<div class=\"jim-banner mobile\">\n<hr>\n<h2 style=\"text-align: center;\"><span style=\"color: #21c0c0;\">Laden Sie Justinmind herunter und erstellen Sie Benutzererfahrungen f\u00fcr Ihre Web- und Mobile-App-Prototypen<\/span><\/h2>\n<p style=\"text-align: center;\"><a style=\"color:#FFFFFF; background-color:#000000;\" data-category=\"cta-download-other\" data-label=\"banner1-post\" data-action=\"de\/wp-json\/wp\/v2\/tc_content_pillar\/132255\" data-tracking-name=\"__jim\" data-tracking-content=\"eyJkYXRhIjoiZXlKallYUmxaMjl5ZVNJNkltTjBZUzFrYjNkdWJHOWhaQzF2ZEdobGNpSXNJbXhoWW1Wc0lqb2lZbUZ1Ym1WeU1TMXdiM04wSWl3aVlXTjBhVzl1SWpvaVpHVmNMM2R3TFdwemIyNWNMM2R3WEM5Mk1sd3ZkR05mWTI5dWRHVnVkRjl3YVd4c1lYSmNMekV6TWpJMU5TSjkiLCJzaWduYXR1cmUiOiJiMzJlODg1ZjkwMTg5NWU0NTUwODg1NWM0ZDRiMTYwZTJkYWNjMjM0NTAyYjlkMmRmMDBmYmY0MjNiMWY3OTQ1In0=\" data-tracking-content--after-scroll=\"eyJkYXRhIjoiZXlKallYUmxaMjl5ZVNJNkltTjBZUzFrYjNkdWJHOWhaQzF2ZEdobGNpSXNJbXhoWW1Wc0lqb2lZbUZ1Ym1WeU1TMXdiM04wSWl3aVlXTjBhVzl1SWpvaVpHVmNMM2R3TFdwemIyNWNMM2R3WEM5Mk1sd3ZkR05mWTI5dWRHVnVkRjl3YVd4c1lYSmNMekV6TWpJMU5TSjkiLCJzaWduYXR1cmUiOiJiMzJlODg1ZjkwMTg5NWU0NTUwODg1NWM0ZDRiMTYwZTJkYWNjMjM0NTAyYjlkMmRmMDBmYmY0MjNiMWY3OTQ1In0=\" class=\"action-tracking-button mks_button mks_button_large squared\" href=\"https:\/\/www.justinmind.com\/usernote\/signUp.action\" target=\"_blank\">Kostenlos herunterladen<\/a><\/p>\n<hr>\n<\/div>\n<h2>Prototyping f\u00fcr mobile Anwendungen: Schulterschluss mit Amazons Kindle<\/h2>\n<h3>Design der UI f\u00fcr Amazon Kindle iOS<\/h3>\n<p>Innerhalb k\u00fcrzester Zeit war Javier mit Justinmind startklar. Er nutzte die<strong> iPhone-Vorlage f\u00fcr mobile Apps<\/strong>, um das Layout der Bildschirme seines Prototyps zu designen. <\/p>\n<p>Javier wollte eine sauberere, frischere Optik f\u00fcr seine Mitstreiter unter den E-Reader-B\u00fccherw\u00fcrmern schaffen. Seiner Meinung nach ist die dunkle Benutzeroberfl\u00e4che von Kindle ein wenig deprimierend. Kindle setzt auf Graut\u00f6ne f\u00fcr die Hauptbildschirme der UI und auf ein helleres Thema f\u00fcr den Lesebildschirm. Um der Tristesse entgegenzuwirken, entschied sich Javier f\u00fcr ein helles Thema im gesamten Prototyp der App. Uns pers\u00f6nlich gef\u00e4llt die Kontinuit\u00e4t!    <\/p>\n<p>Anschlie\u00dfend verwendete er eine Kombination aus den <a href=\"https:\/\/www.justinmind.com\/de\/ui-kits\" target=\"_blank\" rel=\"noopener noreferrer\">vorgefertigten iOS UI-Widgets<\/a> 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. <\/p>\n<h3>Die Interaktion ausbauen<\/h3>\n<p>Javier konzentrierte sich bei der Entwicklung seines Prototyps f\u00fcr die Kindle-App auf eine reibungslose Leistung und koh\u00e4rente Navigationsmuster. Er wollte sicherstellen, dass die Benutzer mit Leichtigkeit durch die UI gleiten und auf ihre Kindle-B\u00fccher im Kindle Store zugreifen k\u00f6nnen, ohne Zeit mit dem Durchsuchen mehrerer Men\u00fcs zu verschwenden. <\/p>\n<p>Um den Navigationsfluss \u00fcbersichtlich zu halten, entschied sich Javier f\u00fcr eine untere Navigationsleiste. Sie sollte nur 4 Komponenten enthalten: Favoriten, Downloads, Einstellungen und Suchsymbole. Mithilfe von <a href=\"https:\/\/www.justinmind.com\/de\/hilfe\/ereignisse-interaktionen\">Verkn\u00fcpfungsereignissen<\/a> begann Javier, die Funktionalit\u00e4t in seinem App-Prototyp zu entwickeln.  <\/p>\n<blockquote><p>&#8222;Mir gefiel die Einfachheit der Drag-and-Drop UI-Elemente und Ereignisse. Es war einfach, sie anzuwenden, ohne tiefgreifende Programmierkenntnisse zu haben.&#8220;<\/p><\/blockquote>\n<p>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\u00fcgte ein <a href=\"https:\/\/www.justinmind.com\/de\/hilfe\/parallaxe\" target=\"_blank\" rel=\"noopener noreferrer\">angeheftetes unteres Element<\/a> 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.  <\/p>\n<p>Justinmind <a href=\"https:\/\/www.justinmind.com\/de\/hilfe\/datenvisualisierung\" target=\"_blank\" rel=\"noopener noreferrer\">Data Masters<\/a> und <a href=\"https:\/\/www.justinmind.com\/de\/hilfe\/daten-raster\" target=\"_blank\" rel=\"noopener noreferrer\">Data Grids<\/a> waren eine wichtige Kombination f\u00fcr dieses Projekt. Er benutzte sie, um das Einkaufswagenerlebnis zu gestalten, sowie f\u00fcr das Inventar, die Lesezeichen und die Benutzerpersonalisierung. <\/p>\n<h2>Der ultimative Test: Javiers Prozess der Benutzertests<\/h2>\n<p>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\u00e4ndigere Prototypen, um einige der Benutzerfreundlichkeitsprobleme aus der ersten Phase zu l\u00f6sen. Die letzte Phase ist eine Validierungsphase, begleitet von einer guten heuristischen Bewertung.   <\/p>\n<h2>Benutzererfahrung: Javiers Formel f\u00fcr Begeisterung<\/h2>\n<p>&#8222;Den Benutzer in den UX-Prozess einzubeziehen ist das Beste, was dem Design seit der Entdeckung des Goldenen Schnitts passiert ist&#8220;, sagt Javier und lacht.<\/p>\n<p>Javier arbeitet daran, die Situation f\u00fcr den Benutzer zu verbessern. Auf die Frage, was Benutzererfahrung f\u00fcr ihn bedeutet, antwortete er: <\/p>\n<p>&#8222;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.  <\/p>\n<p>Der Wanderer ignoriert die Wege. Er findet seinen eigenen Weg, sucht nach alternativen Routen und Abk\u00fcrzungen, die ihn bequemer an diesen Ort bringen.&#8220; <\/p>\n<p>Genau wie der Wanderer \u00fcberspringt der Benutzer oft die Wegweiser und erstellt seine eigene Route, um an sein Ziel zu gelangen. Die bestm\u00f6gliche Route ist der Ort, an dem eine gro\u00dfartige Benutzererfahrung liegt &#8211; die User Journey &#8211; und es ist die Aufgabe des UX-Designers, den Weg zu weisen. <\/p>\n<h2>Javiers UX-Revolution: Die Entdeckung des Prototyping-Tools, das alle Tools \u00fcbertrifft<\/h2>\n<p>Javier betrachtet den Wandel in der Webdesign-Branche hin zu nutzerzentrierten Praktiken sowie die Tools, die dies m\u00f6glich gemacht haben.<\/p>\n<p>Das Ziel von UX-Designern ist es, benutzerfreundliche und ansprechende Produkte f\u00fcr ihre Nutzer zu entwerfen. Aber in der Vergangenheit, so erinnert sich Javier, haben die Unternehmen den Designern auferlegt, sich auf die kaufkr\u00e4ftigen Kunden zu konzentrieren und nicht auf die allt\u00e4glichen Nutzer. <\/p>\n<p>Aber wir beobachten einen Wandel hin zu einem nutzerzentrierten Design, bei dem die Beteiligten endlich den Endnutzer ber\u00fccksichtigen. Netflix hat zum Beispiel Blockbuster zu Fall gebracht, indem es <a href=\"https:\/\/www.amazon.com\/Users-Not-Customers-Determines-Business\/dp\/1591846315\">seine Abonnenten als Nutzer und nicht als Kunden behandelt<\/a> hat. <\/p>\n<p>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\u00fcllen. <\/p>\n<p>F\u00fcr Javier sind sowohl <strong>Low- als auch High-Fidelity-Prototypen<\/strong> 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\u00e4ltnis viel h\u00f6her.  <\/p>\n<blockquote><p>&#8222;Justinmind ist das Werkzeug, das mir hilft, meine Designs auf die n\u00e4chste Stufe zu heben. Ich habe die Freiheit, zu designen und erstaunliche Ergebnisse zu erzielen.&#8220;<\/p><\/blockquote>\n<p><a class=\"jim-banner-post-footer\" href=\"https:\/\/www.justinmind.com\/usernote\/signUp.action\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13263 size-full\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free.png\" alt=\"Kostenlos herunterladen\" width=\"1399\" height=\"302\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free.png 1399w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free-300x65.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free-768x166.png 768w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free-1024x221.png 1024w\" sizes=\"(max-width: 1399px) 100vw, 1399px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Javier Lianes \u00fcbertrifft die Erwartungen der Benutzer mit seiner prototypischen Neugestaltung der Benutzeroberfl\u00e4che des Amazon Kindle  <\/p>\n","protected":false},"author":11,"featured_media":132257,"parent":0,"menu_order":0,"template":"","tags":[8573,8585,8574,8576],"content_category":[],"class_list":["post-132255","tc_content_pillar","type-tc_content_pillar","status-publish","has-post-thumbnail","hentry","tag-benutzererfahrung","tag-fallstudie","tag-vermaechtnis","tag-ux-design-de"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tc_content_pillar\/132255"}],"collection":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tc_content_pillar"}],"about":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/types\/tc_content_pillar"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/users\/11"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tc_content_pillar\/132255\/revisions"}],"predecessor-version":[{"id":132283,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tc_content_pillar\/132255\/revisions\/132283"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/media\/132257"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/media?parent=132255"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tags?post=132255"},{"taxonomy":"content_category","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/content_category?post=132255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}