Artikelsammlung - Design

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.

UX-Research: Der Schlüssel, um großartige Ideen in nutzerfreundliche Produkte zu verwandeln!

Wer kann mir preisgünstig ein Design für einen Shopify-Store machen?

Shopify-Store günstig designen: Freelancer, Vorlagen, Shopify-Experten oder DIY. So finden Sie die beste Lösung für Ihr Budget.

Die perfekte Frontend-Entwicklungsumgebung

Wie kann ich einen JSON-Return simulieren?

Usercrowd-Erfolg: Wie ich zur 99%-Bewertung kam und dabei UX-Erfahrung sammelte

Neulich habe ich auf der Plattform Usercrowd einen nennenswerten Erfolg erzielt. Ich habe es geschafft, insgesamt 100 Tests und Befragungen zu absolvieren und dabei über eine längere Strecke ein Einkommen von 72,80 USD zu verdienen. Fakten über Usercrowd Nutzen-Kosten-Rechnung Fazit

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? – Eine kompakte Antwort

10 Jahre Bildschirmauflösungen – Geht der Trend weiter?

Page Browser Menu prev / back (vorherige / nächste) für Typo3 und Bootstrap 5

Ein perfektes Page Browser Menü kannst mit diesem Tutorial aufbauen. Neulich habe ich mal wieder etwas mit Typo3 experimentiert und dabei habe ich mit Typoscript folgendes nahezu perfekte Beispiel für einen page Browser entwickelt. Eigentlich kein Ding , dachte ich mir. Das TMENU von Typo3 ist ein mächtiges Werkzeug und bietet viele Optionen. Die simpelste […]

Ojemine! – Maori

Gamification richtig einsetzen! – Teil 1

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

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

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

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

Smartphone Bildschirm-Auflösungen – Screen Resolutions

Update 08.10.2025 Bildschirmauflösungen von aktueller Hardware findest du hier: Update 2025 – Alle iPhone Bildschirm-Auflösungen ab iPhone 11 Design für alle Screens Das Breite Angebot von Geräten läßt so manchen Designer verzweifeln, wenn es darum geht, das beste Design für die „Generation Mobile“ zu schaffen. Doch ein UI/UX-Design-Profi kennt sich aus in diesem Dickicht und ist souverän […]

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).

Das optimale Design-Briefing

Wie geht ich vor? Was darf ich nicht vergessen? Am Anfang einer Zusammenarbeit zwischen der Kreativeinheit Agentur und einem Unternehmen steht das Design-Briefing. Erfahre welche Information eine Design-Agentur vom Unternehmen benötigt.

HTML5-Dokument mit semantischem Aufbau – ein Beispiel

Beispiel eines semantisch aufgebauten HTML5-Dokuments als hierarchisches Diagramm. Download via XMind.

Shoelace – Visual Bootstrap 3 Grid Builder

shoelace.io/ Nicht mehr und nicht weniger. Dieser simple visual Bootstrap-Grid-Builder bietet die Möglichkeit gleichzeitig für mehrere Screen-Größen ein Grid-Layout zu entwickeln.