Diese Woche dreht sich alles um Wireframes. Nachdem wir im vorangegangenen Kurs Webdesign unsere Strategie und unseren Aufgabenbereich festgelegt haben: Strategie und Informationsarchitektur, ist dies das erste Mal, dass wir uns mit dem Bildschirm befassen. Jetzt werden die Dinge viel konkreter, denn wir beginnen damit, die Elemente für die Benutzeroberfläche zu entwerfen. In dieser Woche werden Sie erfahren, warum es ein hilfreicher Zwischenschritt ist, zuerst Wireframes zu erstellen, bevor Sie High-Fidelity-Mockups entwerfen. Außerdem spreche ich über responsives Design, Navigationssysteme, Orientierungshilfen, gängige Designmuster und Strategien für die Gestaltung von Homepages. Und wir werden besprechen, welche Tools sich am besten für die Erstellung von Wireframes eignen. Denn diese zu erstellen, wird am Ende der Woche Ihre Aufgabe sein.

Endlich sind wir an dem Punkt angelangt, auf den viele von Ihnen - vor allem, wenn Sie sich als visueller Designer verstehen - wahrscheinlich gewartet haben. Wir werden jetzt über die Gestaltung des Erscheinungsbildes Ihrer Website sprechen. Das heißt, wir sind bereit, visuelle Mockups zu entwerfen. Endlich können Sie sich für Farben, Schriftarten und Bilder entscheiden. Vielleicht erstellen Sie auch ein paar Illustrationen. Und Ihre Website braucht auch ein Logo. In dieser Woche konzentrieren wir uns auf die Gestaltung der visuellen Mockups nur für die Homepage. Um sich inspirieren zu lassen, werde ich Sie außerdem bitten, ein Moodboard zu erstellen.

In dieser Woche setzen Sie die visuelle Gestaltung Ihrer Websites fort und verfeinern das Erscheinungsbild anhand des Feedbacks Ihrer Kollegen. Nachdem Sie letzte Woche an dem Homepage-Mockup gearbeitet haben, ist es nun an der Zeit, die restlichen Bildschirme zu entwerfen. Nebenbei werde ich Sie auf einen kurzen Ausflug in das Land des Codes mitnehmen. Auch wenn es bei dieser Spezialisierung nicht darum geht, das Programmieren zu lernen, möchte ich Sie zumindest in die Technologien einführen, die das Web funktionieren lassen. Und wir werden uns ein paar Code-Beispiele ansehen. Schließlich basiert das Web auf bestimmten Sprachen - HTML, CSS und JavaScript. Um ein effektiver UX-Designer zu sein, ist es hilfreich, ein rudimentäres Verständnis für diese Technologien zu haben.

Willkommen in der letzten Woche dieses Kurses und der letzten Woche der gesamten UI/UX Design Specialization. Ich hoffe, dass Sie eine Menge neuer Konzepte, Techniken und Fähigkeiten gelernt haben, die es Ihnen ermöglichen werden, in der realen Welt erstaunliche interaktive Erlebnisse zu gestalten. In dieser Woche haben Sie Zeit, eine Ihrer Projektkomponenten zu überarbeiten. Und dann möchte ich, dass Sie diese zu einer Präsentation zusammenstellen, die den Höhepunkt aller von uns behandelten UX-Phasen darstellt. Dies sollte ein großartiges Projekt sein, das Sie in Ihr Portfolio aufnehmen können. Ich zeige Ihnen auch, wie Sie Ihre statischen Mockups in klickbare Prototypen umwandeln können.