UI-Design (Benutzeroberfläche):
Was es ist: Beim UI-Design stehen die visuellen und interaktiven Elemente im Mittelpunkt, mit denen Benutzer interagieren. Es geht darum, wie die Dinge aussehen. Schlüsselkomponenten: Grafische Benutzeroberfläche (GUI): Hier geht es darum, wie Benutzer mit den visuellen und digitalen Bedienfeldern eines Systems interagieren. Denken Sie als Beispiel an den Desktop Ihres Computers. Sprachgesteuerte Schnittstelle (VUI): Beim VUI-Design geht es um Interaktionen mit Sprachbefehlen. Intelligente Assistenten wie Bixby für Samsung-Geräte und Siri für iPhones fallen in diese Kategorie. Gestenbasierte Schnittstelle: Diese Schnittstelle wird häufig in der virtuellen Realität (VR) verwendet und bindet Benutzer in 3D-Räume ein. Merkmale eines guten UI-Designs: Helfen Sie den Benutzern vorrangig dabei, Aufgaben schnell und mit minimalem Aufwand zu erledigen. Sorgen Sie für ein nahtloses, angenehmes und frustfreies Erlebnis. Kommunizieren Sie den Markenwert des Unternehmens oder der Organisation.UX-Design (Benutzererfahrung):
Was es ist: Beim UX-Design geht es darum, wie Benutzer mit dem System interagieren. Es umfasst eine logische Navigation und sorgt für ein reibungsloses, intuitives Erlebnis. Hauptschritte im UX-Prozess: Benutzerforschung: Verstehen Sie die Bedürfnisse, Verhaltensweisen und Schwachstellen der Benutzer. Definieren der Benutzeranforderungen: Machen Sie klar, was das System leisten soll. Informationsarchitektur und Wireframing: Organisieren Sie Inhalte und erstellen Sie grundlegende Layouts. Prototyping und Interaktionsdesign: Entwickeln Sie interaktive Prototypen. Visuelles Design und UI-Elemente: Verbessern Sie die visuelle Attraktivität, während die Benutzerfreundlichkeit erhalten bleibt. Usability-Tests und Iteration: Kontinuierliche Verbesserung auf der Grundlage von Benutzerfeedback. Entwicklung und Umsetzung: Erwecken Sie das Design zum Leben. Artikel
UI/UX-Design
Typografie schafft Markenbekanntheit Typografie ist ein Interface-Design-Element UI/UX-Design-Leitfaden Anatomie eines Schriftzeichens Stilanleitung 3oneseven Typografie & CSS Typografie-Thema Leitfaden zum UI-Design
Typografie
Typografie ist das am häufigsten verwendete Element des Interface-Designs und definiert die in einem Produkt verwendeten Schriftarten. Anweisungen für Titel, Untertitel, Überschriften (H1, H2, H3), Fließtext und Bildunterschriften sind obligatorisch. Leitfaden zum UI-Design
Überschrift & Text
Playfair-Anzeige Playfair passt in die Zeit des späten 18. Jahrhunderts und obwohl es sich nicht um die Wiederbelebung eines bestimmten Designs handelt, ist es von den Entwürfen John Baskervilles und von „Scotch Roman“-Designs beeinflusst. Leitfaden zum UI-Design
H1 Überschriftentitel
Aa - Überschrift
Offene Sans Open Sans ist eine serifenlose Schriftart, die von Steve Matteson im Auftrag von Google entworfen wurde. Laut Google wurde sie mit „aufrechter Betonung, offenen Formen und einem neutralen, aber freundlichen Erscheinungsbild“ entwickelt und ist „für die Lesbarkeit in Druck-, Web- und mobilen Schnittstellen optimiert“.
Die Schriftart Open Sans ist derzeit die Standardschriftart für Mozilla-Software. Wie Roboto gilt Open Sans als „humanistische Schriftart“, da sie mit ovalen Formen und Strichvariationen entwickelt wurde, die ihr ein menschlicheres, vertrauteres Gefühl verleihen.
Die Schriftart Open Sans besteht aus 10 Stilen: 300, 300kursiv, normal, kursiv, 600, 600kursiv, 700, 700kursiv, 800, 800kursiv und 7 Zeichensätzen: Griechisch-Erw., Kyrillisch, Vietnamesisch, Griechisch, Latein, Kyrillisch-Erw., Latein-Erw.
Diese freie Schriftart wurde mit einer aufrechten Betonung, offenen Formen und einem neutralen, aber freundlichen Erscheinungsbild entworfen. Sie wurde für Druck, Web und mobile Schnittstellen optimiert und ist unglaublich gut lesbar.
Arial, manchmal auch als Arial MT vermarktet oder in Software angezeigt, ist eine serifenlose Schriftart und ein Satz von Computerschriften. Die Schriftart Arial wurde 1982 von Robin Nicholas und Patricia Saunders für Monotype Typography entworfen.
Die Schriftart Arial umfasst viele Stile: Normal, Kursiv, Mittel, Mittelkursiv, Fett, Fettkursiv, Schwarz, Schwarzkursiv, Extrafett, Extrafettkursiv, Leicht, Leichtkursiv, Schmal, Schmalkursiv, Schmalfett, Schmalfettkursiv, Schmal, Leichtkondensiert, Fettkondensiert und Extrafettkondensiert.
Arial weist mehr humanistische Merkmale auf als viele seiner Vorgänger und entspricht damit besser dem Zeitgeist der letzten Jahrzehnte des 20. Jahrhunderts. Die Kurven sind insgesamt weicher und voller als bei den meisten serifenlosen Schriften im Industriestil.
Video
User Interface Design (UI) für Anfänger erklärt
Video
Der Bereich User Experience Design ist eine konzeptionelle Designdisziplin und hat seine Wurzeln in menschlichen Faktoren und Ergonomie, einem Bereich, der sich seit den späten 40er Jahren auf die Interaktion zwischen menschlichen Benutzern, Maschinen und der Kontextumgebung konzentriert, um Systeme zu entwerfen, die auf die Erfahrung des Benutzers eingehen. User Experience Design greift auf Designansätze wie Mensch-Computer-Interaktion und benutzerzentriertes Design zurück und umfasst Elemente aus ähnlichen Disziplinen wie Interaktionsdesign, visuelles Design, Informationsarchitektur, Benutzerforschung und anderen.
