Wie man dem Kunden ein Webdesign präsentiert

Der Erfolg Ihres Designs hängt nicht nur von Ihrer Fähigkeit ab, etwas optisch ansprechendes zu schaffen, sondern auch von Ihrer Fähigkeit, es zu verkaufen.

Als professioneller Designer sollten Sie wissen, wie Sie mit Ihrem Kunden kommunizieren und Ihr Produkt bestmöglich präsentieren. Je besser Ihre Präsentation, desto größer die Chance, dass Ihr Projekt genehmigt wird.

In diesem Artikel teilen wir einige Geheimnisse einer effektiven Präsentation und einige Tricks, mit denen sich Ihre Kunden in Ihre Arbeit verlieben. Wir beginnen mit der Anzahl der Optionen, die Sie Ihrem Kunden präsentieren sollten.

Wie viele Gestaltungsmöglichkeiten soll ich präsentieren?

Sheena Iyengar, eine weltbekannte Expertin für Auswahl und Entscheidungsfindung, sagt, dass eine Vielzahl von Auswahlmöglichkeiten die Aufmerksamkeit der Verbraucher auf sich ziehen, sie aber gleichzeitig überwältigen und verwirren kann. Das heißt, zu viele Verbraucher werden sich einfach für etwas entscheiden, auch wenn es vielleicht nicht die beste Option ist.

Warum mehrere Optionen präsentieren, auch solche, bei denen Sie sich nicht so sicher sind? Wenn Sie zu viele Optionen anbieten, kann es passieren, dass Ihr Kunde Ihr Lieblingsdesign ignoriert. Aus diesem Grund empfehlen wir, nur den endgültigen Prototypen vorzustellen.

Dies bedeutet jedoch nicht, dass Sie nur ein Bild zeigen sollten. Erzählen Sie von Anfang an die ganze Geschichte und stellen Sie Momentaufnahmen Ihres Projekts in verschiedenen Phasen bereit. Erklären Sie die Entscheidungen, die Sie getroffen haben, und wie sie die Geschäftsziele Ihres Kunden erfüllen. Führen Sie Ihren Kunden durch alle Iterationen, die Sie durchlaufen haben, um eine Lösung für sein Problem zu finden. Dies spricht für Ihr Fachwissen und beweist, dass Sie nicht einfach ein vorhandenes Design neu gezeichnet, sondern viel Arbeit geleistet haben.

Die Hauptfigur in Ihrer Designgeschichte sind Sie. Kunden werden Sie beobachten und nach Ihren Worten und Taten beurteilen. Überlegen Sie sich daher besser vorher, was Sie sagen.

Wie Sie Kunden mit Ihrer Präsentation bezaubern

Manchmal können Sie bei der Präsentation Ihres Designs Spekulationen auslösen, zu viele Informationen preisgeben oder Ihren Kunden langweilen. Offensichtlich ist das nicht das, was Sie wirklich tun möchten. Wenn Sie eine reibungslose Präsentation liefern möchten, versuchen Sie, sie mit diesen fünf Schritten zu arrangieren:

#1. Formulieren Sie das Problem

Was sollten Sie zuerst tun? Setzen Sie Erwartungen an Ihr Publikum: Kündigen Sie an, was Ihre Kunden sehen werden und was sie davon haben werden. Formulieren Sie das bei Ihrem ersten Treffen gestellte Problem, die Aufgabe, an der Sie gearbeitet haben (z. B. ein schnelles und großartiges Design für eine Web-Fitness-App zu erstellen), und die Ansätze, mit denen Sie dieses Problem gelöst haben.

Alternativ können Sie mit einer kurzen Zusammenfassung dessen beginnen, was Ihre Kunden bereits gesehen haben: das letzte Design, ein vorhandenes Produkt oder ein neu gestalteter Artikel. Sie können auch auf das letzte Feedback Ihrer Kunden eingehen. Auf diese Weise legen Sie die Grundlage für Ihre Hauptpräsentation und vermeiden unnötige Fragen.

#2. Adressieren Sie das Geschäft Ihres Kunden

Versuchen Sie, Ihre Präsentation persönlicher zu gestalten. Besprechen Sie die Marke Ihres Kunden und seine Zielgruppe. Ihr Ziel ist es zu zeigen, dass Sie das Geschäft Ihres Kunden verstehen. Angenommen, Sie entwerfen eine Website für die Firma Soft Blankets. Diese Website muss das Produkt- und Preisangebot des Unternehmens widerspiegeln und den Kunden ein Gefühl von Wärme und Gemütlichkeit vermitteln.

Sie können sowohl Ihre Mockups als auch das endgültige Design mit den Firmenfotos Ihres Kunden anstelle von Stockfotos anreichern. Wenn Sie beispielsweise eine Wohltätigkeitswebsite erstellen, haben echte Fotos einer Wohltätigkeitsauktion, die das Unternehmen veranstaltet hat, einen viel größeren Einfluss auf Ihre Kunden und deren potenzielle Gönner.

#3. Beschreiben Sie den Designprozess

Beschreiben Sie kurz jede einzelne Phase Ihres Designprozesses und sprechen Sie über die gewonnenen Erkenntnisse. Sie sollten auch hervorheben, wie Sie diese Informationen genutzt haben, um das Gesamtdesign zu verbessern. Hier ist es ganz wichtig, die Designkomponenten als Nutzen für das Geschäft Ihres Kunden darzustellen. Sie könnten beispielsweise erklären, dass Sie für eine Fast-Food-Website mehr Rot verwendet haben, da dies den Appetit eines Kunden erhöht und Kunden dazu animieren könnte, mehr Essen zu bestellen. Jetzt wird das Geheimnis von McDonald's und KFC gelüftet.

#4. Ein Gespräch führen

Eine Designpräsentation ist ein Gespräch. Wenn Sie fundiertes Feedback erhalten möchten, beantworten Sie Fragen, wenn sie auftreten, und erklären Sie alles, was Ihr Kunde verpasst hat. Stellen Sie sicher, dass Ihre Präsentation für Ihren Kunden klar ist und dass Sie sich auf derselben Seite befinden. Außerdem kann ein konstruktiver Dialog neue Ideen und Lösungen bringen.

#5. Sammeln Sie Feedback

Der letzte und wahrscheinlich wichtigste Schritt ist das Einholen von Feedback. Geben Sie Ihren Kunden etwas Zeit, um Ihre Arbeit zu beurteilen. Die Zeit, die Sie warten müssen, hängt von Ihrem Kunden, seiner Arbeitsbelastung und der Größe Ihres Projekts ab. Offensichtlich dauert die Überprüfung großer Projekte länger als bei kleinen. Keine Panik, wenn Ihr Kunde in den ersten drei Tagen nicht antwortet. Die von Ihnen gestaltete Website ist ein großer Teil des Geschäfts Ihres Kunden und er muss sicher sein, dass er sein Publikum gewinnen wird.

Wie man Feedback richtig sammelt

Manchmal arbeiten Sie jedoch hart und erhalten dennoch Feedback, das nutzlos ist oder mit dem Sie nicht richtig umgehen können, oder die Antwort kann Monate dauern. Wie können Sie eine solche Situation vermeiden und für Ihre Kunden die richtige Richtung einschlagen? Befolgen Sie einfach diese Tipps.

1. Vorausplanen

Wir empfehlen Ihnen, alle Probleme zu klären, bevor Sie Feedback sammeln. Legen Sie ein bestimmtes Datum fest, an dem Ihr Kunde Feedback zu Ihrer Arbeit geben wird. Nehmen Sie dieses Datum ernst. Es wäre schön von Ihrer Seite, Ihren Kunden einige Tage im Voraus an den Feedback-Termin zu erinnern. Vereinbaren Sie auch die Form des Feedbacks – ob telefonisch, per E-Mail oder persönlich.

2. Stellen Sie fokussierte Fragen

Nicht selten werden Design-Präsentationen ganz zu inhaltlichen Diskussionen. Natürlich werden einige inhaltliche Diskussionen erwartet, aber Ihr Kunde sollte nicht sein gesamtes Feedback diesem Thema widmen. Wenn Sie nützliches Feedback erhalten möchten, stellen Sie spezifische Fragen und lenken Sie das Gespräch auf das, worüber Sie wirklich gerne Feedback hören möchten.

Fragen Sie Ihre Kunden nicht „Was denken Sie?“ Fragen Sie sie stattdessen, ob dieses Konzept ihre Geschäftsziele erfüllt oder auf welche Weise es dies nicht tut, oder fragen Sie sie, ob die Farbpalette zur Markenpositionierung passt.

3. Erfassen Sie die wahre Bedeutung

Während Kunden Ihr Projekt kommentieren, schlagen sie häufig Lösungen vor, anstatt auf das Problem hinzuweisen: „Können Sie diesen Knopf vergrößern? Kannst du mehr Grün hinzufügen?“ Ihre Aufgabe ist es, das Kernproblem oder die Herausforderung zu identifizieren, die sich in diesem Feedback verbirgt.

Fragen Sie sie immer nach dem Warum: „Warum möchten Sie, dass dieser Knopf größer ist? Warum denken Sie, dass mehr Grün besser für Ihre Website ist?“ Dustin Curtis, Gründer von Svbtle, stellt seinen Kunden mindestens drei Fragen zu ihrer Meinung.

4. Logik anwenden und berühmte Marken zitieren

Wenn Sie nicht die gleiche Meinung wie Ihr Kunde teilen, fangen Sie nicht an, ihn zu kritisieren und zu diskreditieren. Untermauern Sie Ihre Argumente stattdessen mit Fakten, Studien und Recherchen. Lassen Sie diese Fakten für sich sprechen. Darüber hinaus können Sie berühmte Unternehmen als Beispiele nennen.

Stellen Sie sich vor, Ihr Kunde bittet Sie, die Schriftgröße von 22pt auf 12pt zu reduzieren. In diesem Fall könnten Sie so etwas wie „Das ist ein interessanter Punkt. Aber wissen Sie, ich habe kürzlich eine Studie gelesen, die zeigt, dass größere Schriftgrößen stärkere emotionale Bindungen zu einer Marke wecken können. Übrigens verwendet Medium auch eine 22pt-Schriftart.“

Und verwenden Sie keine Ausdrücke, die in den „Ich habe es dir doch gesagt“-Stil fallen. Versuchen Sie Empathie zu zeigen: „Ja, ich war auch geschockt, als ich das gehört habe.“

5. Respektieren Sie die Meinung Ihres Kunden

Auch wenn Sie wahrscheinlich viel mehr Erfahrung im Webdesign haben, kennt Ihr Kunde sein Geschäft immer noch besser als Sie. Sie werden das Design täglich verwenden. Sie müssen sich also mit der von Ihnen gestalteten Website wohlfühlen.

Wenn Ihr Kunde mit Ihrem Design unzufrieden bleibt, überarbeiten Sie Ihre Arbeit gemeinsam. Versuchen Sie, einen Kompromiss zu finden, und passen Sie das Design basierend auf dem Feedback Ihres Kunden an. Denken Sie daran, dass die Symbiose aus dem Wissen Ihres Kunden und Ihrer Erfahrung ein wirklich erfolgreiches Produkt hervorbringen kann.

Jetzt kennst du bereits den theoretischen Teil: wie du dich verhalten und was du sagen sollst, während du deine Designarbeit präsentierst. Noch ist nicht klar, in welcher Form Sie Ihr Design einrahmen sollen. Wie soll Ihr Prototyp aussehen?

Welche Art von Prototyp sollte ich wählen?

Wir können Ihnen keine allgemeingültige Antwort geben und sagen: „Zeichne es einfach so“. Aber wir können Ihnen die Arbeit erleichtern, indem wir Ihnen einige praktische Tipps zum Prototyping-Flow geben. Wir empfehlen Ihnen, die Art des Prototyps und die Werkzeuge, die Sie zu seiner Erstellung verwenden, basierend auf der Designphase auszuwählen, in der Sie sich gerade befinden – entweder in der frühen Phase oder in der Endphase. Schauen wir uns diese beiden Phasen genauer an.

Frühen Zeitpunkt

Die frühe Phase ist, wenn Sie die Logik und Funktionalität der Website durchdenken: Layout, Funktionen, Verbindungen und Übergänge. Mit Blick auf Ihre Zielgruppe bilden Sie Elemente, die die Website für die Benutzer intuitiv machen. Ihr Hauptziel ist es, die Funktionsfähigkeit des Produkts zu überprüfen.

Daher können Sie in diesem Stadium einen Low-Fidelity-Prototyp in Form einfacher schematischer Bildschirme präsentieren, normalerweise in Grundfarben und ohne visuelle Effekte oder Details.

Um einen Low-Fidelity-Prototyp zu entwerfen, können Sie die folgenden Tools ausprobieren:

• Wireframe.cc – Eines der grundlegendsten Tools, mit denen Designer Wireframes erstellen können. Seine Hauptvorteile sind seine einfache Benutzeroberfläche und die Möglichkeit, ohne Anmeldung sofort mit dem Entwerfen von Wireframes zu beginnen.
• Moqups.com – Eine Web-App, mit der Sie Wireframes, Mockups und Prototypen erstellen können. Moqups bietet eine integrierte Bibliothek mit Tausenden von Symbolsätzen, Cloud-basiertem Speicher sowie Kommentar- und Feedbackfunktionen.
• Pencil Project (pencil.evolus.vn) – Ein kostenloses und Open-Source-Prototyping-Tool für Desktop- und mobile Plattformen. Pencil Project bietet integrierte Sammlungen (Formen, Flussdiagrammelemente usw.), Diagrammzeichnungsunterstützung und seitenübergreifende Verknüpfungen.

Bei einem Low-Fidelity-Prototypen müssen Sie vorsichtig sein, da Sie mit Missverständnissen und negativen Bemerkungen seitens Ihres Kunden konfrontiert werden können: „Warum sind die Bildschirme so einfach? Warum haben Sie ein so schlechtes Farbschema verwendet?“ Nehmen Sie sich in diesem Fall die Zeit, Ihrem Kunden zu erklären, was UX ist und wie wichtig es für sein Produkt ist – dass UX das Herz und die Seele seiner zukünftigen Website ist – und dass dieser Prototyp noch lange nicht die endgültige Version ist.

Letzte Stufe

In der letzten Phase müssen Sie Ihrem Kunden einen High-Fidelity-Prototyp liefern: Fügen Sie interaktive Elemente wie Mikrointeraktionen, Navigation von Bildschirm zu Bildschirm und andere Animationen hinzu.

Ein High-Fidelity-Prototyp ist eine computerbasierte interaktive Darstellung, die dem endgültigen Design (in Bezug auf Details und Funktionalität) so nahe wie möglich kommt, damit Ihr Kunde die Benutzerfreundlichkeit des Produkts untersuchen und Rückschlüsse auf das Benutzerverhalten ziehen kann.

Mit High-Fidelity-Prototypen können Sie Übergänge und Funktionen der Website realistischer fühlen als mit Low-Fidelity-Prototypen und potenzielle Fehler oder Schwierigkeiten in dieser Phase aufdecken, bevor Sie die Benutzeroberfläche erstellen.

Wenn Sie sich nicht sicher sind, welche Tools Sie zum Animieren Ihres Prototyps verwenden sollen, versuchen Sie Folgendes:

• InVision (invisionapp.com) – Eine Plattform für digitales Produktdesign, mit der Sie in wenigen Minuten interaktive Prototypen erstellen können. Mit InVision können Sie Stylesheets erstellen und echten Code für jedes Designelement generieren. Darüber hinaus ermöglicht InVision Ihren Kunden, Teammitgliedern und Stakeholdern, Ihre Entwürfe direkt zu kommentieren.
• Adobe XD (adobe.com/products/xd.html) – Die All-in-one-UI/UX-Lösung, mit der Sie Ihr statisches Layout mit einem Klick in einen interaktiven Prototyp verwandeln können. Mit Adobe XD aktualisiert sich Ihr Prototyp automatisch mit jeder Änderung, die Sie vornehmen: keine Synchronisierung erforderlich.
• Principle (principleformac.com) – Ein Prototyping-Tool, mit dem Sie animierte und interaktive Benutzeroberflächen entwerfen können, unabhängig davon, ob Sie den Ablauf einer Multi-Screen-App oder neue Animationen und Interaktionen entwerfen.

Sind Sie bereit, Ihr Webdesign zu präsentieren?

Die Form, in der Sie Ihr Design präsentieren, hängt von der Art des Produkts ab, welche Designkomponenten Sie präsentieren (z. B. Layout oder Funktionalität) und in welcher Phase des Designprozesses Sie sich befinden. In der frühen Phase können Sie sich an Low halten -Fidelity-Prototypen, während Sie in der späten Phase so schnell wie möglich an das Endprodukt herangehen und einen interaktiven High-Fidelity-Prototyp liefern müssen.

Der Erfolg Ihrer Präsentation hängt natürlich von Ihrem Vertrauen und Ihren Daten ab: Halten Sie Fakten und logische Argumente bereit, um Ihre Meinung zu untermauern. Und scheuen Sie sich nicht, Ihren Kunden nach dem „Warum?“ zu fragen.

Haben Sie einen dieser Tipps ausprobiert? Kennen Sie weitere Geheimnisse für eine erfolgreiche Präsentation? Teilen Sie Ihre Gedanken in den Kommentaren unten mit.