Share
Wenn Sie ein Thema verkaufen, ist die Demo Ihr Verkaufsargument. Wenn die Demo in irgendeiner Weise zu kurz kommt, ist dies ein Nachteil für das Thema und führt zu einem Umsatzverlust. Wenn Ihr Design Hunderte von Funktionen enthält, die Einkäufer sie jedoch nicht in Aktion sehen können, verfügen Sie möglicherweise auch über keinerlei Funktionen.
In diesem Leitfaden werden neun Best Practices beschrieben, mit denen Sie Ihr Thema so gut wie möglich demonstrieren können.
Folgendes werden wir uns anschauen:
Keine dieser Seiten ist erforderlich als solches, aber sehr zu empfehlen.
Webseiten: Erstellen Sie mindestens drei eindeutige Startseiten. Je mehr Startseiten Sie erstellen, desto mehr Layouts können Sie demonstrieren.
Innenseiten: Fügen Sie Innenseiten (oder „Unterseiten“) wie „Über uns“, „Dienstleistungen“, „Preise“, „Team“, „FAQ“ usw. ein. Es wird dringend empfohlen, mindestens zwei Versionen der Innenseiten zu verwenden. Dies gibt dem Kunden die Wahlmöglichkeiten und ermöglicht Ihnen, eine Reihe von Seitenelementen zu zeigen, ohne zu viel in ein einzelnes Layout zu packen.
Elemente: Ausgehend vom letzten Punkt ist es eine allgemein anerkannte bewährte Methode, Designelemente auf separaten Seiten zu veranschaulichen. Sie müssen keine superkomplexen Seiten erstellen, um Ihre Elemente zu präsentieren. Entwerfen Sie einfach eine einfache wiederverwendbare Seitenvorlage, und verwenden Sie sie für jedes Ihrer Elemente.
Wenn Sie über eine kleine Liste von Elementen mit einfachen Optionen verfügen, können Sie sie auf einer einzigen Seite präsentieren oder in geeignete Sammlungen gruppieren. Stellen Sie nur sicher, dass Sie die logische Organisation und Gruppierung verwenden. Sie werden zum Beispiel das Globax-Designelementmenü sehen. Die Elemente sind in Typografieelemente, Elemente der Benutzeroberfläche, soziale Elemente usw. eingeteilt.
Elemente der Benutzeroberfläche aus dem Globax-DesignEigenschaften: Eine der am häufigsten besuchten Seiten in einer beliebigen Demo ist die Funktionsseite. Stellen Sie sicher, dass Sie möglichst viele Funktionen auf saubere, einfache und auffällige Weise präsentieren.
Ihre Käufer werden es hilfreich finden, wenn Sie Ihre Funktionen in einer Art Hierarchie gruppieren. Zum Beispiel: Hauptfunktionen, Hauptfunktionen und zusätzliche Funktionen. Zum Beispiel:
Präsentieren Sie diese Funktionen so visuell wie möglich. Zu viel beschreibender Text kann Käufer überfordern.
Ihre Demo-Navigation sollte so intuitiv wie möglich sein. Stellen Sie sicher, dass es auf allen Bildschirmgrößen zu 100% funktionsfähig ist. Komplexe Navigation kann in kleineren Ansichtsfenstern oft „brechen“.
Versuchen Sie, Ihre Hauptnavigation nicht zu überlasten, und stellen Sie sicher, dass die Kombination der Navigationselemente ästhetisch ansprechend ist. Eine unausgewogene Navigation wird Ihrer Demo nicht gerecht.
Wenn Sie die Verkaufschancen Ihres Themas erhöhen möchten, sollten Sie ein Multi-Layout erstellen. Dies bezieht sich auf alle Seiten, einschließlich Beiträge und benutzerdefinierte Beitragstypen. Kunden lieben es, zwischen Layouts wählen zu können. Für ein Blogarchiv könnten Sie beispielsweise ein Raster, eine Liste und ein vollständiges Layout in Betracht ziehen. Wenn Ihr Thema eine Seitenleiste anbietet, demonstrieren Sie diese Dinge bei aktivierter und deaktivierter Seitenleiste.
Stellen Sie sicher, dass Sie alle diese verschiedenen Layouts in einer einzigen WordPress-Installation demonstrieren können. Wenn dies nicht möglich ist, sollten Sie die Logik Ihres Themas überdenken.
Bauen Sie Ihre Demo mit allen Funktionen Ihres Themes auf! Ja! Wenn Ihr Design über schöne Scroll-Animationen auf der Seite verfügt, können Sie diese in Ihrer Präsentation verwenden. Wenn Ihr Design ein Megamenu mit Widgets in der Navigation enthält, erstellen und organisieren Sie Ihre Navigation mit diesen Funktionen. Wenn in den Kopfzeilen-Menüelementen Symbole unterstützt werden, fügen Sie einige Symbole hinzu!
Eine der schwierigsten Aufgaben bei der Präsentation eines Themas ist es, es wie eine "echte" Website zu gestalten. Es gibt viele Dummy-Textgeneratoren wie Lorem Ipsum, aber ich empfehle dringend, möglichst authentischen Text zu verwenden. Für Bilder, Audio, Video und andere Assets empfehle ich die Verwendung hochwertiger Assets. Das Web kann hauptsächlich aus Text bestehen, aber ein einzelnes schlechtes Bild auf der Seite wird Ihre Bemühungen ernsthaft beeinträchtigen. Gleiches gilt für die Typografie. Verwenden Sie hochwertige Schriftarten, um die Dinge optimal darzustellen.
Ich kann mich nicht erinnern, wann es Standard geworden war, einen Front-End-Option-Switcher für Theme-Demos zu verwenden, aber es wird heutzutage sehr erwartet. Kein Wunder, denn die Benutzer möchten ihre zukünftige Website vor dem Kauf eines Themas so gut wie möglich experimentieren und visualisieren.
Einige Autoren bieten ein Back-End-Login mit einem temporären Benutzernamen für vollständige Tests an (mit Plugins wie temporäres Login-ohne-Passwort), andere markieren die Hauptoptionen im Front-End-Optionsumschalter ohne Administratorzugriff. Beide Optionen sind absolut nützlich, aber ich bevorzuge Letzteres. Zu diesem Zweck habe ich ein WordPress-Plugin erstellt, das die wichtigsten Optionen hervorhebt. Schauen Sie sich die Demo an.
Enovathemes Options Panel auf Github Wie Sie sehen, werden in der Standarddemo mehrere Optionen hervorgehoben, und Sie können mit einfachen Einstellungen beliebig viele Optionen hinzufügen oder entfernen.
Beachten Sie, dass dies kein Premium-Plugin ist und auch nicht für andere Personen als WordPress-Entwickler vorgesehen ist. Wenn dies gesagt ist, können Sie es gerne für Ihre Themenpräsentation verwenden.
Heutzutage ist es üblich, "Pre-Sales-Chats" zu verwenden. Einige Autoren verwenden dazu Plugins, ich bevorzuge Facebook Messenger (aus diesem Grund habe ich auch den Messenger-Button in das Helfer Plugin eingefügt).
Wenn Sie mit einem Autor eines Themas chatten, erhalten potenzielle Käufer häufig das zusätzliche Gefühl des Vertrauens, das sie zum Kauf benötigen.
Die Theme-Demo-Optimierung ist ein separates (und umfangreiches) Thema, aber schauen wir uns an, was meiner Meinung nach die Hauptpunkte sind:
Dies ist ein sehr wichtiger Teil. Nachdem Sie Ihre Demo entworfen, entwickelt und optimiert haben, werden Sie feststellen, dass Sie keine Kraft mehr haben und sich einfach entspannen möchten, aber jetzt ist die Zeit zum Testen! Entscheidend: test alles Ihre Seiten auf alles mögliche Bildschirmgrößen mit einem aktiven Debugger.
Sie wissen vielleicht nie genau, warum ein Kunde sich entschieden hat, Ihren Artikel nicht zu kaufen. Möglicherweise wurde auf einer mobilen Ansicht auf einer Ihrer Seiten ein schlecht ausgerichtetes Symbol angezeigt oder in der Tablet-Landschaft haben Sie vergessen, die Schriftgröße einer Überschrift zu verringern. Benutzer neigen dazu, nicht so zu denken wie Entwickler, die meisten Benutzer behandeln Ihr Produkt so, wie sie es finden, daher wirken diese kleinen Dinge als große Warnzeichen.
Vergessen Sie nach gründlichen Tests nicht, den Debugger zu deaktivieren und den Cache zu löschen.
In diesem Leitfaden habe ich versucht, so viele Demo-Best-Practices zu beschreiben, wie ich sie in den Jahren meiner Premium-Themenentwicklung gelernt habe. Wenn Sie weitere Gedanken oder Ideen haben, teilen Sie uns diese bitte im Kommentarbereich mit. Danke fürs Lesen!
Accentsconagua