Wie präsentiere ich einem Kunden Webdesign-Modelle?

Ich arbeite an einem Website-Redesign-Projekt. Ich muss dem Kunden einige verschiedene Modelle zur Überprüfung vorlegen. Ich möchte sicherstellen, dass der Kunde alles im Kontext sehen kann. Ich möchte nicht davon ausgehen, dass der Client die richtige Software hat. Fügen Sie möglicherweise sogar einige Kommentare, Fragen oder Hintergrundinformationen zur Designrichtung hinzu.

Was ist eine typische Art, einem Kunden Modelle zu präsentieren? Ich gehe davon aus, dass das Präsentieren von Website-Modellen in E-Mails nicht der beste Weg war. Wenn E-Mail ein erfolgreiches Mittel zur Präsentation von Modellen ist, erläutern Sie dies bitte in einer Antwort.

Es gibt verschiedene Möglichkeiten, ein Modell an einen Kunden zu senden. Wenn Sie sich Sorgen um Software machen, können Sie jedes Design als exportieren .pdfund eine Mehrfachseite .pdfin Acrobat erstellen und Kommentare hinzufügen, um die Präsentation zu erleichtern , wenn Sie nicht nur Bilder senden möchten.

Eine andere Möglichkeit besteht darin, sie professionell auf Plakatkarton drucken zu lassen und eine Demonstration in einem Meeting durchzuführen.

Erstellen Sie Diashows und zeigen Sie sie in einem Interview an.

Codieren Sie die Website in Wire-Frame, weshalb ich dies gepostet habe .

Wenn Sie billig kaufen möchten, kaufen Sie ein Skizzenpapier wie dieses , besorgen Sie sich ein Lineal mit einem Drahtrahmen von etwa 36 Zoll für Ihre Website und verwenden Sie Buntstifte, um den Drahtrahmen zu veranschaulichen.

Ihre Frage ist sehr vage und es gibt verschiedene Ideen und Lösungen. Wenn ich diese Frage lese, weiß ich nicht, in welcher Phase Sie sich in der Neugestaltung befinden. Wenn Sie sich auf ein Modell beziehen, habe ich angenommen, dass Sie sich in der Wire-Frame-Phase befinden.

BEARBEITEN: Wenn Sie jedoch so besorgt sind, dass der Client das richtige Gefühl für die Site bekommt, können Sie sie auch codieren und sicherstellen, dass Ihre CSS-Datei bearbeitbar genug ist, damit Sie sich keine Lücke mit Änderungen graben. Soll diese Site eine CMS-Site, eine einfache HTML-Site, eine E-Commerce-Site usw. usw. sein? Warum nicht einfach die gesamte Site in einem CSS-Drahtmodell erstellen?

Wenn ich das richtig verstanden habe, fragen Sie sich, ob es eine "Standard" -Methode zum Teilen von Modellen gibt (wie es beispielsweise beim Senden von Logo-Designs der Fall ist - wo Sie normalerweise den Präsentationsrichtlinien folgen).

Soweit es mich betrifft: Nein, gibt es nicht.

Dies hängt hauptsächlich davon ab, welche Kommunikationsmittel Sie mit Ihren Kunden verwendet haben. Während E-Mails in den meisten Fällen vollkommen gültig sind, müssen Sie möglicherweise die Ergebnisse Ihrer Arbeit beispielsweise einem größeren Team mitteilen. In diesem Fall möchten Sie möglicherweise eine Anwendung verwenden, mit der Benutzer dynamischer interagieren können.

Einige Projektmanagement-Tools, die ich für Team-Feedback verwendet habe, sind BaseCamp und Trello . Es gibt jedoch viele ähnliche, die Sie möglicherweise sehr nützlich finden (sogar Google Text & Tabellen - auch hier gibt es eine umfassende Liste ). Ihr Vorteil ist, dass sie verschiedenen Mitgliedern erlauben, Beiträge zur Entwicklung zu hinterlassen, und wie Sie im Kommentar erwähnen, können Sie alles nachverfolgen.

Balsamiq ist ein weiteres großartiges Tool zum einfachen Hinzufügen von Kommentaren und zum Vornehmen von Änderungen an Online- Modellen (es erfordert kein Fachwissen des Kunden, ist sehr intuitiv), aber Sie benötigen wahrscheinlich eine erweiterte Lizenz, um Personen einladen zu können Über.

Ich denke, Sie fragen eher nach dem physischen Akt der Präsentation als nach den Einzelheiten der Technologie.

Sie haben Recht, in diesem Zusammenhang ist ein großer Teil einer erfolgreichen Präsentation. Es ist nicht ideal, Modelle zu senden, damit sie sie ansehen können, ohne dass Sie da sind. Was normalerweise passiert, ist, dass Sie unkonzentriertes Feedback erhalten ... häufig, wenn sich die Kommentare eher auf die unwichtigen und oft subjektiven ästhetischen Details als auf die wichtigsten strategischen Gesamtprobleme konzentrieren.

Was ich empfehlen würde, ist eine Art formeller Durchgang mit ihnen. Idealerweise persönlich, aber wenn nicht persönlich, können Sie dies problemlos per Telefonanruf (Senden der Dateien 5 Minuten vor dem Anruf) oder über eine Bildschirmfreigabetechnologie wie Skype erledigen.

Auf diese Weise können Sie nicht nur Ihre Bilder anzeigen, sondern auch Ihre Bilder erklären. Sie können über die ästhetischen und geschäftlichen Strategieentscheidungen sprechen, die Sie getroffen haben, um zu den Schlussfolgerungen zu gelangen, zu denen Sie gekommen sind. Sie können dazu beitragen, die Aufmerksamkeit auf die wichtigsten Aspekte zu lenken und sich von den weniger wichtigen Details abzuwenden, um das Projekt im Ziel zu halten.

Was das angeht, was ich zeigen möchte, stimme ich vielen anderen Kommentaren zu, dass das Anzeigen statischer visueller Modelle für Websites nicht ideal ist und es wahrscheinlich bessere Möglichkeiten gibt, dies zu tun, aber das ist wirklich eine ganz andere Frage.

Versuchen Sie als Entwickler und Kommunikatoren, Ihre Kunden wissen zu lassen, dass sie ein statisches und flaches Bild ihres zukünftigen Site-Designs sehen. Hier sind einige der Methoden, um einem Kunden ein Webdesign zu präsentieren:

Methoden zur Präsentation von Webdesign-Modellen

• Platzieren Sie das Bild auf einer Webseite und senden Sie ihnen einen Link

• Senden Sie ein JPEG oder PNG per E-Mail

• Verwenden Sie eine webbasierte Anwendung

• Verwenden Sie die Website CodedPreview

• Erstellen Sie ein Client Studio

• Exportieren Sie Modelle als PDF

• Senden Sie ihnen ein JPEG oder PNG und bitten Sie sie, es auszudrucken

Ich habe mich an einen Freund gewandt, der Folgendes empfohlen hat:

• Wenn Sie nur mit Bildern arbeiten, gibt es Apps wie mocku.ps
• Wenn Sie nach einem umfassenderen Produkt suchen, gibt es Pixelapse , das sich mehr auf die Zusammenarbeit konzentriert. Es umfasst Versionskontrolle, Backups, Kommentare usw.

Meines Wissens gibt es keine Standardverfahren. Wie bei den meisten Dingen haben verschiedene Unternehmen und verschiedene Personen unterschiedliche Praktiken, sobald Sie mehr über die geschäftliche Seite des Prozesses erfahren.

Ich habe mit einem Unternehmen zusammengearbeitet, das für Kunden etwas mehr auf der Seite der kontinuierlichen Arbeit / des Marketings lag. Ich habe ein cleveres System, in dem sie ihren Kunden ein Login auf ihrer Website geben, das sie zu einer Seite mit all ihren führt Ressourcen darauf zum Download verfügbar. Dies war eher auf Kopien ihres Logos und anderer verschiedener Werke in verschiedenen Farbformaten, Auflösungen und Dateiformaten ausgerichtet, sodass Unternehmen ohne Design-Junkie verschiedene Variationen davon oder eine Vektordatei abrufen konnten, wenn sie diese aus irgendeinem Grund benötigten. Sie können etwas Ähnliches tun, ein Protokoll erstellen, in dem Bilder und Notizen zu den laufenden Arbeiten angezeigt werden.

Das ist allerdings eine ziemlich schwere Prozedur. Wenn es sich um einen kleineren, einmaligen Auftritt handelt, sollten Sie Ihre Bilder in eine PDF-Datei mit Notizen zusammenstellen, in denen erläutert wird, was was ist, wo Sie oder sie sich gerade befinden, was von wem benötigt wird und was als Nächstes kommt. Schlagen Sie Ihr Logo oben an und formatieren Sie es schön. Es sieht professioneller aus, als nur Bilder an eine E-Mail anzuhängen.

Vor einigen Monaten bin ich auf eine App namens InVision gestoßen . Es bietet die Möglichkeit, Modelle und deren Überarbeitungen hochzuladen, interaktive Prototypen zu erstellen und einen Kommentar zu einem bestimmten Bereich des Modells zu hinterlassen. Diese App hat die Art und Weise, wie ich Feedback gebe / empfange und mit meinen Designern und Kunden kommuniziere, verbessert.

Nun, Sie erstellen Modelle für die Kommunikation. So gehen für Live - Workshops , wann immer Sie können.

Besprechen Sie in solchen Workshops die Modelle, während Sie gleichzeitig Ihre Modelle optimieren und mit Anmerkungen versehen. Du erschaffst etwas zusammen - das macht es auch zu ihrem Baby.

Beachten Sie, dass dies funktioniert, wenn Sie mehrere Schritte ausführen (im Gegensatz zu einer großen Präsentation, wenn Sie einen detaillierten Prototyp bereits vollständig fertiggestellt haben). Übrigens möchten Sie zuerst Ihre Hauptbildschirme / -seiten nachbilden. Gehen Sie erst dann auf Details ein und führen Sie jeweils ein Szenario aus.

Beim letzten Projekt, das ich vorstellen musste, hatten wir ein Treffen mit dem Kunden und zeigten die Storyboard-PNGs im Browser. Nichts Besonderes, aber es präsentierte die Designs in ihrer "natürlichen" Umgebung.

Meine Erfahrung mit dem Senden von Bildern per E-Mail an den Client ist schlecht - der Client hat normalerweise ein Problem mit dem Bildverhältnis und der Größe seines Mail-Clients. Dies kann dazu führen, dass eine Webdesign-Vorschau etwas anders aussieht und sich auch so anfühlt.

Wir nutzen den Online-Service, um unsere Arbeit zu veröffentlichen. Wir laden unsere Bilder zu einem Hosting-Service eines Drittanbieters hoch und senden die URLs für den Kunden.

Früher, in den 2000er Jahren, war das Versenden von Layouts per Post effektiv. Jetzt hat die Präsentation des Designs für den Kunden spezielle Dienstleistungen. Ist es speziell dafür konzipiert.

Mal sehen, wie der Dienst (m) maquetter.com Ihnen helfen kann. Es wurde speziell für diesen Zweck entwickelt, den Sie zusammenfassen:

• Fügen Sie schnell die Layouts der Site hinzu, die Sie zeichnen.
• Verteilen Sie Layouts nach Website-Abschnitten (z. B. Wiederholen des Menüs).

Es erlaubt Ihnen auch:

• vom Kunden genehmigte Layouts zu markieren
• Aktualisieren Sie das gleiche Layout und speichern Sie den Verlauf.

Dieser Service bietet Ihnen einen kurzen Link. Sie senden es (per Mail, SMS oder Skype). Der Kunde kann Ihre Layouts bequem in jedem Browser anzeigen. Sie können sehen, wie es funktioniert, wie Ihr Kunde es sehen kann .

Der Service ist kostenlos. Sie können jedoch einen kostenpflichtigen Tarif verwenden, um mehr Layouts präsentieren zu können.

Versuch es selber

Für weitere Informationen können Sie den Blog lesen

Sie können eine interaktive Demo mit Ihren Screenshots / Bildern erstellen. Schauen Sie sich diese Tools an: http://www.appdemostore.com/ und http://giveabrief.com/ .

Beide sind sehr einfach zu bedienen; Wählen Sie einen Geräterahmen, laden Sie Ihre Bilder hoch und fügen Sie die gewünschte Interaktion hinzu. Sie können Schaltflächen, Symbole zum Einklemmen, Erweitern usw. einfügen. Ich hoffe, es wird Ihnen helfen. :) :)