Wie sieht der Prozess der Website-Gestaltung aus?

Wie sieht der Prozess der Website-Gestaltung aus? Worauf ist zu achten und wie geht man das Thema überhaupt an? Im heutigen Artikel möchte ich mit Ihnen teilen, wie mein Briefing, mein Mock-up, mein Design und das Hochladen von Dateien an den Entwickler aussehen.

Briefing

Wie jeder Designprozess beginnt auch die Erstellung einer Website mit dem Kennenlernen der Anforderungen und Details des Projekts, das wir durchführen. Dies kann durch ein persönliches Gespräch mit dem Kunden geschehen, per Telefon oder online, oder per E-Mail und Erstellung eines Dokuments, in dem die Anforderungen schriftlich festgehalten werden.

Unabhängig davon, welchen Weg wir wählen, lohnt es sich, ein Briefing vorzubereiten, d. h. ein Dokument mit einer Liste von Fragen, die wir dem Kunden stellen wollen. Dies ist auch bei Live-Meetings besonders wichtig, denn wir können es uns nicht leisten, zu improvisieren und uns nur auf das zu verlassen, was der Kunde uns mitteilen möchte – er muss nicht immer wissen, was er sagen soll, damit wir das richtige Projekt erstellen können. Wenn Sie seit vielen Jahren in der Branche tätig sind und schon Hunderte solcher Gespräche geführt haben, können Sie die Liste der Fragen auslassen.

In meiner beruflichen Tätigkeit beschränke ich mich – da die meisten meiner Kunden ziemlich weit weg wohnen – in der Regel auf E-Mail-Kontakte und Chats per Videobotschaft, die in letzter Zeit besonders beliebt geworden sind. Wenn es zu Treffen kommt, ergänzen diese meist nur die E-Mail-Kommunikation. So kann ich meine Korrespondenz transparent halten und Missverständnisse vermeiden. Es gibt nichts Schlimmeres als eine Situation, in der wir beweisen müssen, wer Recht hat und wer sich besser an die Ergebnisse erinnert.

Auch wenn Sie Ihre Zusammenarbeit auf Live-Kontakte oder Telefonate stützen, empfehle ich dringend, die wichtigsten Absprachen schriftlich festzuhalten und diese Korrespondenz mit dem Kunden zusätzlich aufzunehmen.

Stimmungsbilder

In der ersten Phase des Website-Designs geht es darum, den Stil und die Atmosphäre der geplanten Umsetzung zu bestimmen. Hier können Worte verwendet werden, aber das Bild funktioniert am besten. Aus diesem Grund habe ich die Phase der Erstellung von Moodboards in meinen Designprozess aufgenommen.

Im Rahmen dieses Prozesses sende ich dem Kunden mehrere (in der Regel drei) Vorschläge für das Aussehen und den Stil der von mir empfohlenen Seiten. Auf diese Weise kommen wir viel schneller zu einer gemeinsamen Vision, als wenn wir nur auf der Grundlage eines Interviews entwerfen.

Wie erstellt man solche Moodboards? Machen Sie es in dem Programm, das für Sie am bequemsten ist. Ich verwende derzeit Keynote, weil man damit leicht Grafiken hinzufügen kann und es sehr schnell geht.

Skizzen und Aufbau der Seitenstruktur

Während ich Moodboards erstelle, beschäftige ich mich auch mit der Struktur der Website. In dieser Phase ist es notwendig, alle Ergebnisse aufzuschreiben, Abschnitte zu unterscheiden und die Gedanken zu ordnen. All dies geschieht auf einem Blatt Papier.

Dann erstelle ich einen vorläufigen Lageplan. Darin führe ich alle Unterseiten auf, die in das Menü aufgenommen werden sollen, und gebe eine kurze Beschreibung des Inhalts. Ich schicke ein solches Dokument zur Genehmigung an den Kunden und wir erarbeiten gemeinsam die endgültige Form.

Seiten-Mockups

In der nächsten Phase konzentriere ich mich auf die Funktionen und die Architektur der Informationen und ihre Nützlichkeit. Zu diesem Zweck verwende ich Mockups, manchmal auch Wireframes genannt. Dabei handelt es sich einfach um ein Skelett der Seite, das bereits den angestrebten Inhalt enthält (falls wir ihn in dieser Phase bereits haben). Ihr Hauptziel ist es, die genaue Struktur der Seite, ihr Layout, festzulegen. Auf diese Weise können wir uns gemeinsam mit dem Kunden darauf konzentrieren, welche Aufgaben die Website erfüllen soll, wo welche Schaltflächen zu finden sind und wie man navigiert.

Natürlich gibt es auch Seiten, bei denen der Mock-up-Prozess entfällt. Das ist der Fall, wenn ich genau weiß, welcher Stil zum Kunden passt, wenn wir eine sehr untypische Website erstellen und wenn wir weitere Projekte für dieselbe Person entwerfen – wenn wir uns auf bereits vorhandene Grafiken verlassen. Andernfalls führt das Weglassen von Mock-ups, das scheinbar Zeit spart, sehr oft dazu, dass sich die gesamte Umsetzung in die Länge zieht.

Es ist jedoch sehr wichtig, dass wir dem Kunden erklären, was Mock-ups sind, warum wir sie erstellen, welchen Zweck sie erfüllen sollen und was sie beiden Parteien bringen. Es kommt oft vor, dass Kunden, die mit Internettechnologien und dem Prozess der Website-Gestaltung nicht vertraut sind, ihre Ideen nicht verstehen. Es ist mir schon passiert, dass das Fehlen einer angemessenen Erklärung dessen, was ich schicke, den Kunden verängstigt hat, weil er dachte, die Landing Page wäre so einfach wie das hochgeladene Bild.