Artikelsammlung - UI/UX

-

Hier tauchen wir in die Welt des UI- und UX-Designs ein – die perfekte Mischung aus Benutzerfreundlichkeit und Ästhetik. Ob es um smarte Interaktionen, die neuesten Design-Trends oder Tipps für den optimalen Flow geht, in dieser Kategorie findest du Inspiration und Insights für Designs, die nicht nur gut aussehen, sondern auch perfekt funktionieren. Alles, was du brauchst, um Nutzer glücklich zu machen und deine Skills aufs nächste Level zu bringen!

Barrierefreiheit für alle – Wie der European Accessibility Act unsere Welt zugänglicher macht

Die Richtlinie ergänzt bestehende Gesetze wie die Web Accessibility Directive, die bereits bestimmte Webinhalte öffentlicher Einrichtungen für alle zugänglich machen soll.

Lesezeit: ca. 4 Min.

Design-Thinking: Kreativer Problemlösungsansatz für innovative Ideen

Design-Thinking ist in aller Munde – und das aus gutem Grund! Es bietet eine frische, kreative Herangehensweise, um komplexe Probleme zu lösen und innovative Ideen zu entwickeln.

Lesezeit: ca. 2 Min.

Der Unterschied zwischen Design-System und User-Interface-Guidelines

Richtlinien für Designsysteme und Benutzeroberflächen (UI) sind beide Werkzeuge, die von Designern und Entwicklern verwendet werden, um Konsistenz und Kohärenz beim Design und der Entwicklung digitaler Produkte sicherzustellen. Während es Ähnlichkeiten zwischen den beiden gibt, gibt es auch einige wesentliche Unterschiede. Ein Designsystem ist ein umfassender Satz von Richtlinien, Prinzipien und Komponenten, die das Gesamtdesign […]

Lesezeit: ca. 2 Min.

Was ist die User-Journey? – Eine kompakte Antwort

Eine User Journey ist eine Darstellung des Weges, den ein Benutzer nimmt, wenn er mit einem Produkt oder einer Dienstleistung interagiert, von der ersten Entdeckungs- und Recherchephase bis zur Phase nach dem Kauf oder der Nachnutzung. User Journey Mapping ist eine Technik, die im User Experience (UX) Design verwendet wird, um das Benutzerverhalten zu verstehen […]

Lesezeit: ca. 2 Min.

Gamification richtig einsetzen! – Teil 1

Was ist Gamification eigentlich? Gamification ist kurz gesagt ein konzeptioneller Ansatz der spieltypische Elemente und Methoden aus dem Gaming-Bereich für andere spielfremde Bereiche und Zusammenhänge adaptiert.  Wann kann man Gamification einsetzen? Gamification kann man nutzen um Zielgruppen mit spieltypischen Elementen zu ausgewählten Interaktionen zu bewegen, die häufig ohne Gamification gar nicht oder schwer getriggert werden […]

Lesezeit: ca. 4 Min.

App Launch für NettoKOM Prepaid – UX

Seit kurzem bietet NettoKOM einen App-Touchpoint für seine Prepaid Mobile Kunden an. Features? In einem Onboarding-Tutorial werden die wichtigsten Funktionen kurz vorgestellt. Mit an Bord sind prominente Prepaid-Features wie Guthaben prüfen & aufladen, sowie Datenverbräuche prüfen. Der Nutzer kann z.B. Daten-Optionen wahlweise mit Direct Debit oder Prepaid-Guthaben aus NettoKOM-Aufladekarten buchen. Die Kunden benötigen für einfache Funktionen kein […]

Lesezeit: ca. 1 Min.

Ortel Mobile – App Update – UX

Seit einer Woche bietet Ortel Mobile den Digital App Touchpoint mit einer neuen User Experience und einem UI-Design an. Flows wurden optimiert und die Informationsstruktur weiterentwickelt. Übersichtlichkeit und Orientierung wurden deutlich geklärt, Wege verkürzt und die Rückmeldung an den User verbessert. Ein logisches Design-System wurde implementiert. Styles & Farben wurden harmonisiert. In einem Onboarding-Tutorial werden […]

Lesezeit: ca. 2 Min.

Zeplin Insights – Lokale Umbenennung von Assets

Gelegentlich kommt es vor, dass ein Assets in Zeplin den falschen Namen trägt. Dafür gibt es eine einfache Lösung. Vorausgesetzt ihr seid als Developer in Zeplin eingeladen und könnt Spezifikationen ablesen, bietet Zeplin für euch lokal eine schnelle Lösung. Die “Lokale Umbenennung” Aktiviert das Asset eurer Wahl Wende dich der rechte Info-Spalte zu Klicke dort […]

Lesezeit: ca. 1 Min.

System-Font vs. Font-Ressource – Font Trouble Shooting in Android XML

Das Thema Font-Styling in Android-Apps begleitet mich als UI/UX-ler schon eine ganze Weile und auch im aktuellen Projekt ist es jetzt erneut wieder Thema geworden. Auslöser war in diesem Fall die UI-Abnahme einer Android-Entwicklung, in der ein UI-Defekt sichtbar wurde, der nicht alle Tage zu sehen ist, und deswegen auch schon einmal in Vergessenheit geraten ist. Doch […]

Lesezeit: ca. 5 Min.

UI/UX Tooling – Setup für Design-Workflow

Die Frage nach den Tools für UI-Designer wird immer wieder gern gestellt, z.B. vor dem Hintergrund der Workflow-Performance. In den letzten Monaten hat sich für mich das optimale-Setup aus einer Reihe von Tests und Versuchen herauskristallisiert. Neben performanter Hardware (MacBookPro und 4K-Monitor, spielt die gewählte Software eine entscheidende Rolle. Für mich kommt es darauf an, […]

Lesezeit: ca. 7 Min.

Quick-Tipp: JQuery-Library Chosen erhöht Usability-Qualität für Select-Boxen

Die JQuery-Library Chosen stellt das nervende Select-Box-UID auf den Kopf und erweitert die Interaktionsmöglichkeiten um beispielsweise den Komfort einer inkrementellen Suche, Single-Select und einem kompakten Multi-Select mit Filter-Badges (Filter-Token).

Lesezeit: ca. 3 Min.

Kleine Einführung in die Barrierefreiheit

Barrierefreiheit zu verstehen erfordert einen sensiblen Umgang mit Nutzer-Beeinträchtigungen. Unternehmen tun sich immer noch schwer mit der Erfüllung der Auflagen zur Barrierefreiheit, die für öffentlich-rechtliche Einrichtungen schon lange vorgeschrieben sind. An der Umsetzung hapert es jedoch bundesweit.

Lesezeit: ca. 1 Min.

PrimeUI

www.primefaces.org/primeui/

Lesezeit: ca. 1 Min.

Web-Font-Tests mit lateinischen, kyrillischen und asiatischen Zeichen

Diese Test zeigt lateinische, arabische, kyrillische und asiatische Zeichen in verschiedenen Schriftstärken, um die Auswirkungen der CSS-Eigenschaft font-weight auf Webfonts und Browser-Fall-back-Fonts aufzuzeigen. In diesem Beispiel ist es der Web-Font Roboto von Google. Nachfolgende Liste listet die möglichen Schriftschnitte auf. Übersicht der Schriftschnitte des Webfonts Roboto von Google

Lesezeit: ca. 2 Min.

Xing hat Suchfunktion erneuert – Fluch oder Segen?

Xing hat seine Suchfunktion für Premium-Mitglieder einem Re-Design unterzogen. Was geht jetzt nicht mehr, was vorher einfach war. Ist UX im Spiel. Wo sind die Bugs?

Lesezeit: ca. 7 Min.

Meine Notizen zum Video: User Interface (UX) Techniques

Meine Notizen zum Video „Methods and Techniques to make a good user interface“ als ich es sah. Methoden & Techniken – Methods and Techniques to make a good user interface.

Lesezeit: ca. 1 Min.