| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung |
| de:modul:m322:learningunits:lu01:theorie:05 [2026/08/04 15:47] – gjenni | de:modul:m322:learningunits:lu01:theorie:05 [2026/08/04 15:48] (aktuell) – gjenni |
|---|
| Design Patterns helfen UX Designer und Entwickler*innen auf verschiedene Arten: | Design Patterns helfen UX Designer und Entwickler*innen auf verschiedene Arten: |
| |
| 1. Wiederverwendbare Lösungen: Design Patterns bieten erprobte Lösungen für häufige Probleme. Dadurch muss nicht jedes Problem von Grund auf neu gelöst werden, sondern es kann auf eine fertige Vorlage zurückgegriffen werden, was Zeit und Energie spart. | - Wiederverwendbare Lösungen: Design Patterns bieten erprobte Lösungen für häufige Probleme. Dadurch muss nicht jedes Problem von Grund auf neu gelöst werden, sondern es kann auf eine fertige Vorlage zurückgegriffen werden, was Zeit und Energie spart. |
| | - Verringerung von Fehlern: Da Design Patterns erprobt sind, verringern sie die Wahrscheinlichkeit, dass im Code Fehler auftreten. Man verlässt sich auf eine Lösung, die sich bereits in vielen Projekten bewährt hat. |
| 2. Verringerung von Fehlern: Da Design Patterns erprobt sind, verringern sie die Wahrscheinlichkeit, dass im Code Fehler auftreten. Man verlässt sich auf eine Lösung, die sich bereits in vielen Projekten bewährt hat. | - Vereinfachte Kommunikation: Viele Fachpersonen in UX, IT, etc. kennen Design Patterns und verstehen sofort, was mit dem jeweiligen Pattern gemeint ist. Das spart Erklärungszeit und hilft, gemeinsam an einem Strang zu ziehen. |
| | - Wiedererkennbarkeit und Standardisierung: Design Patterns bieten Standardlösungen, die Entwickler*innen sofort wiedererkennen. Wenn du ein Projekt von einem Mitarbeitenden übernimmst und siehst, dass bestimmte Design Patterns verwendet werden, verstehst du schnell, wie der Code aufgebaut ist und wie du daran arbeiten kannst. |
| 3. Vereinfachte Kommunikation: Viele Fachpersonen in UX, IT, etc. kennen Design Patterns und verstehen sofort, was mit dem jeweiligen Pattern gemeint ist. Das spart Erklärungszeit und hilft, gemeinsam an einem Strang zu ziehen. | |
| | |
| 4. Wiedererkennbarkeit und Standardisierung: Design Patterns bieten Standardlösungen, die Entwickler*innen sofort wiedererkennen. Wenn du ein Projekt von einem Mitarbeitenden übernimmst und siehst, dass bestimmte Design Patterns verwendet werden, verstehst du schnell, wie der Code aufgebaut ist und wie du daran arbeiten kannst. | |
| |
| |
| |
| Die wertvollsten Helfer für Designer und Entwickler*innen in der Ausarbeitung neuer Designs und Codes. | Die wertvollsten Helfer für Designer und Entwickler*innen in der Ausarbeitung neuer Designs und Codes. |
| | * Ein **Design System** beschreibt, wie etwas aussehen und sich verhalten soll (Richtlinien fürs Design). |
| a) Ein Design System beschreibt, wie etwas aussehen und sich verhalten soll (Richtlinien fürs Design). | * Das wohl bekannteste Design System ist Material Design von Google: https://m3.material.io/ |
| Das wohl bekannteste Design System ist Material Design von Google: https://m3.material.io/ | * Ein **Framework** liefert dir den technischen Code, um diese Designs in deiner Anwendung umzusetzen (Werkzeuge und Bausteine für die Entwicklung). |
| | * Wobei Bootstrap (Version 5.3) das wohl am meist verbreitete Framework ist: https://getbootstrap.com/docs/5.3/examples/ |
| b) Ein Framework liefert dir den technischen Code, um diese Designs in deiner Anwendung umzusetzen (Werkzeuge und Bausteine für die Entwicklung). | * Eine **Library** ist eine Sammlung vordefinierter Funktionen oder Klassen, die spezifische Aufgaben erfüllen und von Entwicklern verwendet werden können, um die Programmierung zu erleichtern, ohne ein vollständiges System vorzugeben. Hier findet ihr die Industrie-Standards: https://ui-patterns.com/patterns |
| Wobei Bootstrap (Version 5.3) das wohl am meist verbreitete Framework ist: https://getbootstrap.com/docs/5.3/examples/ | |
| | |
| c) Eine Library ist eine Sammlung vordefinierter Funktionen oder Klassen, die spezifische Aufgaben erfüllen und von Entwicklern verwendet werden können, um die Programmierung zu erleichtern, ohne ein vollständiges System vorzugeben. Hier findet ihr die Industrie-Standards: https://ui-patterns.com/patterns | |
| |
| ---- | ---- |