Der Leitfaden zum UI/UX-Design konzentriert sich auf bestimmte Themenbereiche wie die logische Struktur einschließlich der visuellen Ästhetik. UI/UX-Design-Styleguides sind ein Design- und Entwicklungstool, das einer digitalen Benutzeroberfläche und ihrem Erlebnis Zusammenhalt verleiht.

UI-Design (Benutzeroberfläche):

Was es ist: Beim UI-Design stehen die visuellen und interaktiven Elemente im Mittelpunkt, mit denen Benutzer interagieren. Es geht vor allem um das Aussehen. Schlüsselkomponenten: Grafische Benutzeroberfläche (GUI): Dabei geht es darum, wie Benutzer mit den visuellen Elementen und digitalen Bedienfeldern eines Systems interagieren. Denken Sie beispielsweise an den Desktop Ihres Computers. Sprachgesteuerte Benutzeroberfläche (VUI): Beim VUI-Design geht es um Interaktionen per Sprachbefehl. Intelligente Assistenten wie Bixby für Samsung-Geräte und Siri für iPhones fallen in diese Kategorie. Gestenbasierte Benutzeroberfläche: Diese Benutzeroberfläche wird häufig in der virtuellen Realität (VR) verwendet und bindet Benutzer in 3D-Räume ein. Merkmale guten UI-Designs: Helfen Sie 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. Die wichtigsten Schritte im UX-Prozess: Benutzerforschung: Bedürfnisse, Verhaltensweisen und Schwachstellen der Benutzer verstehen. Benutzeranforderungen definieren: Klar umreißen, was das System leisten soll. Informationsarchitektur und Wireframing: Inhalte organisieren und grundlegende Layouts erstellen. Prototyping und Interaktionsdesign: Interaktive Prototypen entwickeln. Visuelles Design und UI-Elemente: Visuelle Attraktivität verbessern und gleichzeitig die Benutzerfreundlichkeit beibehalten. Usability-Tests und Iteration: Kontinuierliche Verbesserung auf Grundlage von Benutzerfeedback. Entwicklung und Implementierung: Das Design zum Leben erwecken.

Artikel

UI/UX-Design

Typografie schafft Markenbekanntheit. Typografie ist ein Element des Interface-Designs. UI/UX-Design-Leitfaden. Anatomie einer Schriftart. Zeichenstil-Leitfaden. 3oneseven Typografie & CSS. Typografie-Thema

Leitfaden zum UI-Design

Typografie

Typografie ist das am häufigsten verwendete Element im Interface-Design und definiert die Benutzerfreundlichkeit der 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-Ausstellung Playfair ist auf die Zeit des späten 18. Jahrhunderts zugeschnitten 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

Open 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 Print-, Web- und mobilen Anwendungen 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-Erweitert, Kyrillisch, Vietnamesisch, Griechisch, Latein, Kyrillisch-Erweitert, Latein-Erweitert.

Diese freie Schriftart wurde mit aufrechter Betonung, offenen Formen und einem neutralen, aber freundlichen Erscheinungsbild entworfen. Sie wurde für Druck, Web und mobile Schnittstellen optimiert und ist hervorragend lesbar.

Arial Arial ist eine neogroteske Schriftart: ein Design, das auf dem Einfluss serifenloser Schriften des 19. Jahrhunderts basiert, jedoch regelmäßiger und gleichmäßiger gestaltet wurde, um sich besser für Fließtext zu eignen und eine zusammenhängende Schriftfamilie zu bilden.

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, Leichtschmal, Fettschmal und Extrafettschmal.

Arial weist mehr humanistische Merkmale auf als viele ihrer Vorgänger und entspricht daher 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

User Experience Design ist eine konzeptionelle Designdisziplin und hat ihre Wurzeln in den menschlichen Faktoren und der Ergonomie. Seit den späten 1940er Jahren konzentriert sich das Feld auf die Interaktion zwischen menschlichen Benutzern, Maschinen und deren Umgebung, um Systeme zu entwickeln, die das Benutzererlebnis berücksichtigen. User Experience Design basiert auf Designansätzen wie Mensch-Computer-Interaktion und benutzerzentriertem Design und umfasst Elemente aus ähnlichen Disziplinen wie Interaktionsdesign, visuellem Design, Informationsarchitektur, Benutzerforschung und anderen.