Adobe XD für Fortgeschrittene: UX- und UI-Design

Name: Adobe XD für Fortgeschrittene: UX- und UI-Design
Author: Jessica Henley

Sie lernen die Entwicklung von UX- und UI-Design für Kundeninteraktionen

Preview the first lesson free — get full access to all 6 lessons.

Kurs: On-Demand

Mein Name ist Jessica Henley, und in diesen Lektionen werden Sie es tun Lernen Sie UX versus UI, entwickeln Sie Personas, Berührungspunkte visualisieren, Erfahren Sie mehr über Reisekarten, das Erstellen von Aufgaben und Benutzern fließt, Erstellen von Wireframes und Zugriff auf Integrationen. In dieser Lektion zeige ich Ihnen UX- und UI-Design. Werfen wir einen Blick auf ein Diagramm, das ich für diese Lektion erstellt habe. Konzentrieren Sie sich zunächst auf Adobe XD. Adobe XD wird zum Erstellen schneller Prototypen verwendet und bietet Content-Erstellern die Möglichkeit, Prototypen zu teilen. Und um eine präzisere Vorstellung vom Ablauf des Designs zu bekommen, bevor der Prototyp an Programmierer und Ingenieure weitergegeben wird. Indem Sie diese weitergeben, können Sie Ideen zum Leben erwecken durch die Funktionalität. Werfen wir einen Blick auf die Benutzeroberfläche. UI steht für User Interface. Und das ist das Erscheinungsbild, das der Benutzer wahrnimmt. Die Benutzeroberfläche umfasst verschiedene Geräte wie Telefone, Tablets, Websites, Apps, Smart-TVs. Grundsätzlich alles, was einen Bildschirm mit Schaltflächen, Symbolen usw. verwendet andere Grafiken, mit denen der Benutzer interagieren kann. Und in diesem Beispiel haben wir hier eine Wireframe-Beispiel-App. Und wenn Sie entwerfen würden, würden Sie verschiedene Bildschirme sehen unterschiedlicher Inhalt. Sie bräuchten Knöpfe. Sie benötigen Platzhalter, wie zum Beispiel Text. Sie würden Bilder und/oder Videos hinzufügen. Sie würden Symbole sehen, um die App interaktiver zu gestalten ansprechender und navigationsfreundlicher. Sie hätten auch eine Vielzahl anderer visueller Elemente zur Verfügung Helfen Sie dabei, die Benutzerinteraktivität mit der App zu fördern. Werfen wir nun einen Blick auf UX. UX steht für User Experience. Und dies ist der grundlegende Prozess dafür, wie ein Benutzer handeln wird interagieren. Diese Interaktion basiert auf der Benutzerfreundlichkeit und Funktionalität des tatsächlichen Designs, an dem Sie arbeiten. UX umfasst auch, wie der Benutzer durch das Design fließen wird. Die Schritte stellen sicher, dass die Erfahrung, die der Benutzer machen wird mit dem Prototyp. Diese Phase umfasst auch die Berichterstattung, Implementierung, Recherche und Brainstorming sowie Personas. In der nächsten Lektion werde ich über die Entwicklung von Personas sprechen. Danke fürs zuschauen.

Mittelstufe Anbieter : Jessica Henley 6 Lektionen · 28m auf Arabisch, Deutsch, Englisch, Spanisch, Französisch, Portugiesisch, Chinese

Kursbeschreibung

Adobe XD macht Entwürfe funktional. Es wird für schnelles Prototyping verwendet und ermöglicht es Designern, ihre Entwürfe an Programmierer und Ingenieure weiterzugeben. In diesen Lektionen erfahren Sie, wie Sie Ihre Entwürfe weitergeben und Ihre Ideen entwickeln können. Die ersten Aspekte, die Sie bei Ihrem Design berücksichtigen sollten, sind die Benutzeroberfläche (UI), also das Aussehen und die Haptik Ihres Designs, und die Benutzerfreundlichkeit (UX), also die Benutzerfreundlichkeit und Funktionalität. Personas können bei der Erstellung Ihres Prototyps und Designs sowie bei der Erreichung von Endzielen hilfreich sein. Mit Touchpoints und Journey Maps können Sie im Voraus planen, wie Kunden mit Ihren Produkten und Dienstleistungen interagieren werden. Anhand von Task Flows und User Flows können Sie die verschiedenen Phasen sehen, die Ihre Kunden bei der Interaktion mit Ihrem Produkt oder Ihrer Dienstleistung durchlaufen werden. Sie können vorgefertigte Wireframes verwenden oder Wireframes von Grund auf neu entwerfen und Plugins erforschen, die Ihre Entwürfe funktioneller machen können.

In diesem Adobe XD-Kurs für Fortgeschrittene lernen Sie etwas über UX- und UI-Design und die Entwicklung von Personas und erfahren, wie Sie Touchpoints und Journey Maps visualisieren können. Sie sehen Beispiele für Aufgaben- und Benutzerabläufe und lernen, wie Sie Wireframes und Zugriffsintegrationen erstellen.

Was Sie lernen werden

Erkennen Sie den Unterschied zwischen UX- und UI-Design
Entwickeln Sie Personas, um Ihren Prototyp und das Design zu Ihren Zielen zu führen
Visualisieren Sie Touchpoints und Journey Maps, um Kundeninteraktionen im Voraus zu planen
Erstellen Sie Task Flows und User Flows, um die Phasen abzubilden, die Kunden durchlaufen
Erstellen Sie Wireframes mit vordefinierten Optionen oder entwerfen Sie diese von Grund auf neu
Bestimmen Sie, wie Sie Plugins verwenden und Integrationen nutzen, um Designs funktionaler zu machen

Wichtige Erkenntnisse

Adobe XD wird für schnelle Prototypenerstellung verwendet und ermöglicht es Designern, ihre Designs an Programmierer und Ingenieure weiterzugeben.
UI befasst sich mit dem Aussehen und der Haptik eines Designs, während sich UX mit seiner Benutzerfreundlichkeit und Funktionalität befasst.
Personas helfen dabei, Prototypen und Designs zu erstellen, die Endziele erfüllen.
Touchpoints und Journey Maps ermöglichen es Ihnen, im Voraus zu planen, wie Kunden mit Ihren Produkten und Dienstleistungen interagieren werden.
Task Flows und User Flows enthüllen die verschiedenen Phasen, die Kunden bei der Interaktion mit einem Produkt oder einer Dienstleistung durchlaufen.

Häufig gestellte Fragen

Was werde ich in diesem Adobe XD Mittelstufen-Kurs lernen?

Sie erfahren mehr über UX- und UI-Design, Entwicklung von Personas, Visualisierung von Touchpoints und Journey Maps, Erstellung von Task Flows und User Flows, Erstellung von Wireframes und Zugriff auf Integrationen.

Was ist der Unterschied zwischen UX und UI, der in diesem Kurs behandelt wird?

Der Kurs erklärt, dass UI das Aussehen und die Haptik Ihres Designs ist, während UX seine Benutzerfreundlichkeit und Funktionalität sind.

Muss ich Wireframes von Grund auf neu entwerfen?

Nein. Sie können vordefinierte Wireframes verwenden oder Wireframes von Grund auf neu entwerfen, und Sie werden auch Plugins erkunden, die Designs funktionaler machen.

Welche Fähigkeiten hilft dieser Kurs aufzubauen?

Er entwickelt Fähigkeiten in Adobe XD, Interaction Design, Interface Design, UI/UX-Planung, UI/UX-Schreiben und User Experience (UX)-Design.

Welche Themen behandeln die Lektionen?

Die Lektionen behandeln UX vs. UI, Entwicklung von Personas, Visualisierung von Touchpoints und Journey Maps, Erstellung von Task Flow und User Flow, Erstellung von Wireframes und Zugriff auf Integrationen.