Ich entwerfe eine einseitige Website und muss zu den Grundlagen zurückkehren und lernen, wie man Geschäftsziele in ein Homepage-Design übersetzt.
Kann jemand Ratschläge zur Beziehung zwischen Design und Geschäftszielen geben? ZB wo ich den Call-to-Action in einem Responsive Design platzieren sollte.
Offensichtlich hängt alles davon ab, was diese Geschäftsziele sind ... aber es gibt ein paar Prinzipien bei der Gestaltung von One-Page-Call-to-Action-Sites , die ziemlich universell und durch Beweise belegt sind.
Da sie ein klares Ziel haben, sind diese Arten von Websites vergleichsweise einfach zu testen, insbesondere mit iterativen A/B-Tests . (Die Hälfte der Benutzer sieht ein Design, die andere Hälfte sieht eine geringfügige Variante, beobachten Sie, wie sich die beiden Gruppen in der Analyse verhalten, und erfahren Sie, was funktioniert. Erstellen Sie dann ein neues Paar leicht verbesserter Designs basierend auf dem, was Sie gelernt haben, testen Sie es erneut, verbessern Sie es erneut ...).
Im ersten Schritt geht es also um die Herangehensweise. Es ist immer eine gute Praxis, ein Design zu erstellen und dann eine Feedback-Schleife zu erstellen, in der es sich basierend auf echten Tests weiterentwickeln kann, aber es ist normalerweise eine große logistische Herausforderung und vergleichsweise subjektiv: Mit einer einseitigen Website, die sich auf ein klares Ziel konzentriert, ist es wesentlich und viel einfacher und sauberer.
Sie schaffen etwas, das sich entwickelt und das Ziel eingrenzt (nicht etwas zu schaffen, sich dann zurückzulehnen und es bei Bedarf zu ändern).
Der zweite Schritt besteht darin, sich darüber klar zu werden, was andere durch solche Tests gelernt haben: insbesondere in Ihrer spezifischen Branche . Suchen Sie neben Design- und Usability-Quellen nach branchenspezifischen Fachmagazinen.
Allerdings sind einige Dinge ziemlich universell. Ich habe die genauen Referenzen vergessen, aber hier sind ein paar allgemeine Hinweise für den Anfang.
Schlüsselprinzip: Es geht darum, den Leser direkt an der Hand zu Ihrem Aufruf zum Handeln zu führen, damit er dort so interessiert und begeistert wie möglich ist, im Gleichgewicht dagegen; mit möglichst geringem Aufwand an Zeit und aktiver Anstrengung:
Mehr zum Call-to-Action-Button (weil er das Wichtigste ist). tldr: Viel Whitespace, groß, prominent, logisch positioniert.
Mehr zum Single-Page-Design . tldr: Basieren Sie alle Ihre Inhalte auf einem linearen Fluss, und wenn Sie wirklich zusätzliche Inhalte benötigen, ziehen Sie schließbare Popup-Boxen und eine unauffällige, subtile Navigationsleiste an der Seite in Betracht.
Wenn Sie alternative Optionen präsentieren müssen , ist es ein guter Tipp, sie nicht dem primären Call-to-Action im Weg stehen zu lassen. Sie könnten sie beispielsweise unter dem Haupt-Call-to-Action verstauen und argumentieren, dass Personen, die so weit kommen, zwar interessiert sind, aber aus irgendeinem Grund die primäre Option nicht mögen.
Auf Call-to-Action-Seiten zum Sammeln von Spenden für wohltätige Zwecke führen sie den Leser beispielsweise häufig zu einer riesigen Schaltfläche, die ein monatliches Lastschriftformular startet (die beste Form von Wohltätigkeitseinkommen - Sie können es verwenden, um vorauszuplanen) - dann danach viel viel kleiner jenseits des großen, glänzenden, verlockenden „Ja! Button gibt es Möglichkeiten wie einmalige Spenden, testamentarische Schenkungen, Sponsoring von Veranstaltungen etc.
Sie können nicht riskieren, dass Leute denken: "Welche dieser Optionen werde ich wählen?" dann driftet man in Unentschlossenheit ab und wählt keinen von ihnen. Aber manchmal müssen Sie Optionen für Personen haben, die die Hauptoption nicht ausführen können (z. B. wenn sie aus irgendeinem Grund keine monatliche Lastschrift bei ihrer Bank einrichten können oder wollen). Sie platzieren die Alternativen also dort, wo nur jemand hingeht, der denkt: "Ich möchte dies tun, aber ich kann das nicht " .
Willkommen bei GD, aber in Bezug auf Ihre Frage ist sie sehr offen und kann wirklich nicht mit einer genauen Lösung beantwortet werden.
Sehen Sie sich an, wie man einem Webdesign-Prozess folgt
Mein Rat ist die Suche nach Einzelseiten-Design, wie diesem . Ich würde mich auch mit Site-Mapping, Wireframing und Implementierung befassen . Ein Sitemap-Generator hier . Ich hoffe, das hilft Ihnen beim Einstieg. Wenn ich nicht verstanden habe, wonach Sie suchen, bearbeiten Sie bitte Ihre Frage.
Scott
user56reinstatemonica8
Scott
Benutzer9447
Yisela
DA01
Erich