Kategorie: UI/UX

Beiträge zum Thema UI/UX, User Interface Design und User Experience

Hier schreibt das Management des DESIGNSTUDIO über UI-Design und User Experience, manchmal auch mit Bezug zu Online-Marketing und über alles was zum täglichen Brot eines Designers gehört.

Screenshot der Website für das Material-Design-System von Google

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 […]
Was ist die User-Journey?

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 […]

App Launch für NettoKOM Prepaid – UX

5 / 5 ( 1 vote ) 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. […]
Screenshots der Ortel App für iOS

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 […]
Zeplin - Renaming an Asset

Zeplin Insights – Lokale Umbenennung von Assets

4.7 / 5 ( 3 votes ) 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 […]
Roboto-Font-by-Google

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

5 / 5 ( 1 vote ) 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 […]

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

5 / 5 ( 1 vote ) 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 […]
Screenshot: Chosen - a Jquery library to tame unwieldy select boxes

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

5 / 5 ( 3 votes ) 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).

Kleine Einführung in die Barrierefreiheit

4.5 / 5 ( 2 votes ) 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.

PrimeUI

www.primefaces.org/primeui/
Web-Font-Tests mit lateinischen, kyrillischen und asiatischen Zeichen

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

4.5 / 5 ( 2 votes ) 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

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?

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.