Methoden & Werkzeuge –
Product Guidelines

UI Designer können in ihrer Arbeit von bereits bestehenden Vorlagen profitieren und damit interaktive Systeme schneller und konsistenter entwickeln. Die Übersicht zeigt verschiedene Product Guidelines.

  • Styleguides

    Styleguides sind Sammlungen von Gestaltungsregeln. Mit ihnen gewährleisten UI Designer Konsistenz in der Darstellung und im Verhalten von Benutzungsschnittstellen in allen interaktiven Systemen derselben Organisation. Sie beinhalten konkrete Gestaltungsregeln, die detailliert, zumeist auf Pixelebene, das Aussehen einer Anwendung beschreiben. In Styleguides werden neben Regeln, Standards und Bausteinen häufig auch die Unternehmensziele hinsichtlich des Designs verbindlich festgelegt.

    Mehr erfahren https://www.user-experience-methods.com/visual-design/styleguide.html

    1

  • Pattern Library

    Ein Pattern ist alles, was ein User auf einer Website wahrnehmen kann, beispielsweise ein Button und sein definiertes Verhalten auf verschiedenen Endgeräten. Der Button kann Teil eines größeren Musters sein, z. B. einer Menüleiste, bei der sich Schrift, Größe und Abstände zwischen einzelnen Elementen automatisch anpassen. In einer Pattern Library werden diese Patterns als Bibliothek zusammengefasst.

    Mehr erfahren: https://www.youtube.com/watch?v=ZHtfClDLkM8

    1

  • Design System

    Ein Design System beinhaltet wiederverwendbare Komponenten mit klaren Regeln, Prinzipien und Einschränkungen für die Design-Entwicklung eines Unternehmens. Darüber hinaus beschreibt es, wie die Designsprache der Marke angewendet wird und dadurch eine konsistente User Experience entsteht. Neben allgemeingültigen Prinzipien gehören dazu auch Code- und UI-Komponenten.

    Ein Design System ist eine lebendige Bibliothek von Styles, Code und Arbeitsbeispielen mit dem Zweck, die Produktentwicklung zu systematisieren und Prozesse festzulegen, um die Designpraxis zu skalieren, die Notwendigkeit der Übergabe zu reduzieren und die Zusammenarbeit im Team zu fördern.

    Mehr erfahren: https://www.hosteurope.de/blog/was-sind-design-systeme-und-wie-arbeitet…

    2
Card Toolkits