Einen digitalen Katalog für die Nutzung auf dem Smartphone gestalten

Ein Katalog kann zu einem Fenster passen, ohne bequem zu lesen. Die Reduzierung einer festen Seite auf die Bildschirmbreite reduziert auch ihre Beschriftung. Zoom ist nützlich, aber immer wieder jeden Preis oder jede Beschreibung zu erweitern macht den Vergleich langsamer. Mobiles Design beginnt daher mit der Informationshierarchie, nicht nur mit dem Vorhandensein einer Zoom-Steuerung.

Betrachten Sie eine home-accessory Sammlung, deren ursprüngliche Broschüre vier Produkte auf jeder Seite, mit Fotografien, Beschreibungen und Varianten. Eine Telefonausgabe braucht nicht unbedingt eine andere visuelle Identität. Es bedarf einer klaren Entscheidung darüber, welche Elemente zusammengehören und welche getrennt werden sollten, um die Auswahl zu erleichtern.

Wählen Sie die Hauptaufgabe

Fragen Sie, was Leser in den ersten dreißig Sekunden erreichen sollten. Erkunden sie eine Sammlung, suchen nach einem zuvor gesehenen Gegenstand oder überprüfen einen Preis? Jedes Ziel schlägt eine andere Route vor. Eine fotografische Öffnung kann die Erforschung fördern; erkennbare Kategoriennamen und eine Inhaltsseite helfen Menschen, nach etwas Bestimmtem zu suchen.

Fragen Sie nicht eine einzelne Seite, um die Geschichte des Unternehmens zu erzählen, führen Sie jede Variante auf und sammeln Sie eine Verkaufsanfrage auf einmal. Geben Sie jedem Abschnitt einen primären Zweck. Für die Zubehör-Kollektion könnte ein Innenfoto das Sortiment vorstellen, Produktfamilien organisieren und einzelne Einträge liefern Details, die für den Vergleich benötigt werden.

Dichte reduzieren, ohne nützliche Details zu verlieren

Wenn vier Einträge unlesbar werden, versuchen Sie es mit zwei oder einem pro Seite. Mehr Seiten können akzeptabel sein, wenn jeder Schritt klarer wird. Dies ist keine automatische Regel: Eine übermäßig lange Sequenz kann die Rückkehr zu einem Gegenstand erschweren. Ausgleichen Sie den Rhythmus mit einer nutzbaren Inhaltsseite und erkennbaren Produktnamen.

Entfernen Sie Wiederholung und Dekoration, bevor Informationen für eine Entscheidung erforderlich zu entfernen. Eine Werbebotschaft, die von jedem Element geteilt wird, kann zur Einführung übergehen. Abmessungen, Materialien und Variantenunterschiede sollten in der Nähe des jeweiligen Bildes bleiben. Das spart Platz, ohne die Leser dazu zu zwingen, anderswo nach dem zu suchen, was zählt.

Schaffung einer konsistenten visuellen Hierarchie

Verwenden Sie eine vorhersagbare Reihenfolge auf jedem Eintrag: Name, Bild, Features, Preis, wo angemessen und nächste Aktion. Bewahren Sie Etiketten in der Nähe ihrer Werte auf und machen Sie deutlich, welche Beschreibung zu welchem Produkt gehört. Ausrichtung und Raum zwischen Gruppen helfen oft mehr als eine Sammlung von unterschiedlich gestalteten Grenzen.

Machen Sie Button-Etiketten erklären ihre Ziele

"Keramische Vase Details" ist klarer als mehrere ununterscheidbare "Klicken Sie hier" Tasten. Lassen Sie Raum zwischen interaktiven Zielen und bestätigen Sie, dass der aktive Bereich mit dem sichtbaren Button übereinstimmt. In einer aus PDF importierten Veröffentlichung kann die gedruckte Schaltfläche nur Artwork sein. Testen Sie ihr tatsächliches Verhalten im finalen Dokument-Viewer, anstatt davon auszugehen, dass sein Aussehen beweist, dass es funktioniert.

Nicht von zweiseitigen Layouts abhängig

Eine zweiseitige Komposition kann auf einem Monitor arbeiten. Ein Telefon kann je nach Dokumentbetrachter eine Seite auf einmal oder ein stark reduziertes zweiseitiges Layout anzeigen. Vermeiden Sie das Aufteilen von Sätzen auf Seiten, das Trennen von Preisen von ihren Fotografien oder die Verwendung von Referenzen, die nur verständlich sind, wenn das gesamte zweiseitige Layout sichtbar ist.

Geben Sie jeder Seite genügend Kontext, um allein zu stehen. Wenn sich ein Panoramabild über zwei Seiten erstreckt, machen Sie es nicht zur einzigen Quelle für wesentliche Informationen. Geben Sie eine auf beiden Seiten verständliche Bildunterschrift an und überprüfen Sie, wie sich der Übergang mit dem vertikal gehaltenen Telefon verhält.

Prüfung mit spezifischen Aufgaben

Fragen, ob jemand das Design mag, erzeugt eine ästhetische Meinung, nicht Beweise für Usability. Stattdessen bitten Sie sie, einen Artikel unterhalb einer bestimmten Größe zu finden, zwei Materialien zu vergleichen oder eine Produktseite zu öffnen. Beobachten Sie, wo sie aufhören und welche Gesten sie wiederholen müssen.

Für eine erste Überprüfung bestätigen Sie Folgendes:

• Produktnamen und -beschreibungen erfordern keine ständige Vergrößerung.
• Leser verstehen, wie man sich vorwärts bewegt und zum Inhalt zurückkehrt.
• Knöpfe sind von Dekoration zu unterscheiden.
• Externe Ziele sind vorhersehbar.
• Die Leser können nach einem Link an ihren Ort zurückkehren.

Notieren Sie beobachtete Hindernisse vor der Überarbeitung des Designs. Ein neues Farbschema löst kein Problem, das durch zu kleine Buchstaben verursacht wird. Änderungen sollten sich mit den spezifischen Schwierigkeiten befassen, die Sie beobachtet haben.

Überprüfen Sie die Verbindung und die umgebende Seite

Ein Katalog kann direkt oder innerhalb einer Webseite geöffnet werden. Testen Sie beide Arrangements. Ein kurzer iframe kann wenig Raum für Steuerungen lassen, und überlappende Elemente können die Navigation abdecken. Versuchen Sie vertikale und horizontale Orientierungen, daran erinnern, dass viele Menschen nicht ihre Telefone drehen, es sei denn, der Grund ist klar.

Testen Sie auch einen ersten Besuch, der nicht nur von zwischengespeicherten Ressourcen abhängt. Sie brauchen nicht ein universelles Ladeversprechen zu erfinden; festzustellen, ob die beabsichtigte Route unter normalen Bedingungen des Publikums nutzbar ist. Wenn Bilder schwer sind, folgen Sie der Dateigröße Reduktion Anleitung, bevor Sie alles wahllos komprimieren. Anleitung zur Dateigröße-Reduzierung

Eine alternative Route anbieten

Ein Store-Link, eine HTML-Seite mit den wichtigsten Details oder ein sorgfältig vorbereitetes herunterladbares Dokument kann Lesern helfen, die mit dem Dokumentenbetrachter kämpfen. Nicht jeder möchte Seiten durchsuchen, und nicht jeder kann bequem die gleiche Schnittstelle nutzen. Beschriften Sie Alternativen deutlich, anstatt sie in einem unbekannten Menü zu verstecken.

FLIPBOOKPRO bietet Vorschau- und Publishing-Tools, aber Sie müssen immer noch die exportierte Veröffentlichung testen. Ein Vorschaumodus ist kein Ersatz für die Überprüfung der öffentlichen Ausgabe auf einem Telefon. Die Checkliste der Publikation hilft, diese abschließende Überprüfung zu organisieren. Eine erfolgreiche mobile Edition bewahrt wichtige Informationen und reduziert gleichzeitig die Maßnahmen, die erforderlich sind, um sie zu verstehen, anstatt nur ein Desktop-Layout zu schrumpfen. Checkliste für die Veröffentlichung