Kann jemand Ratschläge zur Beziehung zwischen Design und Geschäftszielen geben?

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.

Hallo Andrew, so wie es aussieht, scheint dies eine sehr offene Frage zum Brainstorming und Sammeln von Ideen zu sein. Vielleicht tun Sie besser daran, spezifische, gezielte Fragen zu stellen, als eine große, umfassende allgemeine Frage.
Ich lese es als "Was sind die Schlüsselprinzipien für das Entwerfen von einseitigen Call-to-Action-Sites" und welche Unterschiede im Ansatz sollten im Vergleich zu einer konventionelleren Website getroffen werden (daher "zurück zu den Grundlagen") - was wie a erscheint gute Frage an mich. Könnte aber klarer formuliert werden - Andrew, kannst du es klarer machen? Vielleicht ist es auch gut zu wissen, welche Art von Aufruf zum Handeln.
Fair genug. Downvote war nicht meins. Ich hatte gehofft, dass Andrew ein wenig umformulieren würde.
Die Ablehnung war auch nicht meine, aber ich nehme seine Frage an, wie ich "für das Web entwerfen" soll.
So wie es aussah, passte es besser zu unserer UX-Site . Ich bearbeite es ein wenig, weil es wirklich gute Antworten gab (Andrew, bitte zögern Sie nicht, es erneut zu bearbeiten). Hier ist eine weitere interessante Ressource zu langen Scrollseiten
Die Ablehnung kam von mir. Es ist keine schlechte Frage, es ist einfach viel zu breit, um im SE-Format beantwortet zu werden.
Ich sehe gerne mehr Webdesign-Fragen auf gd.SE, aber ich bin bei DA01, diese Frage ist absolut zu weit gefasst. Es gibt ganze Bücher, ganze College-Programme, die sich um diese Frage drehen. Das hinzugefügte „Where I should put the call to action in a responsive design“ zeigt, dass hier nach einer Schritt-für-Schritt-Anleitung zum „Design für das Web“ gefragt wird.

Antworten (2)

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:

  • Haben Sie einen sehr klaren, linearen Weg . Jede Unklarheit darüber, wo man in einer Kampagne zuerst und wo man als nächstes hinschauen sollte, führt dazu, dass Menschen verloren gehen. Versuchen Sie nicht, zu schlau zu sein.
  • Vermeiden Sie alles, was verwirrend ist oder Unsicherheit schafft. Dazu gehören laute oder komplizierte Konstruktionsmerkmale. Haben Sie einen sehr klaren, konsistenten Stil, der ein sehr klares, einfaches, starkes Thema vorgibt, das einfach Sinn macht. Denken Sie: "Brauche ich das?" über alles , noch mehr als normal.
  • Haben Sie einen klaren Hauptaufruf zum Handeln (siehe unten, wenn Sie wirklich alternative Optionen benötigen):
    • Führen Sie den Leser dorthin und präsentieren Sie ihn an dem Punkt, an dem er am meisten interessiert ist und am wahrscheinlichsten darauf zurückgreifen wird ...
    • ...aber auch dort, wo ihre Zeit nicht zu sehr in Anspruch genommen wurde, was dazu führen könnte, dass sie abdriften. Alles, was Sie zwischen dem oberen Rand der Seite und dem Aufruf zum Handeln anbieten, muss sich also auf jeden Fall lohnen und darf keine Verwirrung oder Mehrdeutigkeit stiften. Haben Sie viele Ideen für überzeugende, faszinierende Hooks, Botschaften, Pitches ... und verwerfen Sie rücksichtslos mindestens 95 % davon.
    • Machen Sie es so klar und eindeutig und auffällig wie möglich. Auch wenn Sie den Leser direkt dorthin geführt haben, ist es immer noch möglich, dass er es überspringt (insbesondere wenn es wie eine Anzeige aussieht) oder nicht erkennt, dass es etwas ist, mit dem er interagieren soll.

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.

Ich entwerfe eine einseitige Website. Ich muss zu den Grundlagen zurückkehren und lernen, wie man Geschäftsziele in ein Homepage-Design übersetzt.

Sehen Sie sich an, wie man einem Webdesign-Prozess folgt

Kann jemand Tutorials anbieten, in denen ich anfangen kann, die Erreichung der Geschäftsziele durch das Design umzusetzen. B. Ressourcen zum Call-to-Action in einem Website-/App-Design (es wird ein responsives Design sein).

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.