In dieser ersten Woche werden wir uns mit einigen grundlegenden Konzepten und Kontexten für Benutzeroberflächen befassen und uns Beispiele sowohl auf dem Bildschirm als auch außerhalb des Bildschirms ansehen. Wir werden uns mit den Grundprinzipien der Interaktionstheorie befassen, die Beziehung zwischen UI und UX erörtern und die Beziehung zwischen Kodierung und Design untersuchen. Wir werden die Rolle von Funktionalität und Ästhetik bei der Gestaltung von Benutzeroberflächen diskutieren und eine "form-first"-Philosophie für die Gestaltung von Benutzeroberflächen skizzieren. In dieser Woche werden wir uns auf Hintergrundinformationen und Terminologie konzentrieren und Ihnen den Kontext und das Vokabular vermitteln, das Sie benötigen, bevor Sie mit der Gestaltung großartiger Benutzeroberflächen beginnen!

Diese Woche werden wir die verschiedenen formalen Elemente untersuchen, die eine Benutzeroberfläche ausmachen. Wir beginnen mit den größeren Fragen von Inhalt, Kontext und Zielgruppe, die jedes UI/UX-Projekt einrahmen. Mit anderen Worten: Was ist es? Für wen ist es gedacht? Und wo wird es eingesetzt? Und wir werden uns das große Ganze der allgemeinen Designrichtung ansehen, was oft als "Look and Feel" bezeichnet wird. Danach gehen wir ins Detail, wie die grundlegenden Komponenten des visuellen Designs im Zusammenhang mit der Gestaltung von Benutzeroberflächen funktionieren: Sprache, Form, Farbe, Bildsprache, Typografie und Symbole. Diese Bereiche sind die formalen Bausteine, die Sie verwenden werden, um die komplexere visuelle Struktur einer bildschirmgestützten Benutzeroberfläche zu erstellen.

In dieser Woche werden wir unsere statischen Oberflächenelemente nehmen und darüber nachdenken, wie ein Benutzer mit ihnen interagiert. Mit anderen Worten, wie wir diese Elemente auf dem Bildschirm zum Leben erwecken können. Wir werden uns mit Navigationskonventionen befassen, z. B. mit Menüs, Schaltflächen und Symbolen in verschiedenen Zuständen. Wir konzentrieren uns nicht mehr nur darauf, wie die grafische Oberfläche aussieht, sondern auch darauf, wie sie funktioniert und wie sie auf den Benutzer reagiert. Indem wir unseren statischen Entwürfen Interaktivität hinzufügen, wollen wir die Rolle des Designers bei der Gestaltung der interaktiven Erfahrung des Benutzers vertiefen.

In dieser Woche werden wir unsere einzelnen Schnittstellenkomponenten nehmen und sehen, was passiert, wenn wir versuchen, sie zu einer komplexeren Struktur zusammenzusetzen. Wir werden uns ansehen, wie wir unsere Komponenten dazu bringen, harmonisch als Familie zusammenzuarbeiten, herausfinden, wie die Hierarchie in der Benutzeroberfläche funktioniert, und die Konventionen und Erwartungen an modernes Benutzeroberflächendesign diskutieren. Wir werden auch untersuchen, wie man zu verschiedenen Bildschirmen navigiert und wie man visuelle Beziehungen zwischen verschiedenen Arten von Inhalten innerhalb einer einzigen Website herstellt. Schließlich werden wir verschiedene Plattformen diskutieren, wie man variable Inhalte für verschiedene Bildschirmgrößen erstellt und wie man komplexe Inhalte in benutzerfreundliche Strukturen bringt.