# Glossar



<table data-full-width="true"><thead><tr><th width="235">Begriff</th><th width="800">Definition</th></tr></thead><tbody><tr><td>Accessibility</td><td>Die Praxis, digitale Produkte so zu gestalten und zu entwickeln, dass sie von Menschen mit unterschiedlichsten Fähigkeiten und Behinderungen genutzt werden können.</td></tr><tr><td>Auswahlkomponente</td><td>Ein UI-Element, das es Benutzern ermöglicht, eine Option aus einer Liste von Möglichkeiten auszuwählen. Typischerweise in Form von Dropdown-Menüs, Radio-Buttons oder Checkboxen. [<a href="../../2-grundlagen#auswahlkomponente">mehr</a>]</td></tr><tr><td>Balsamiq</td><td>Tool für einfaches und schnelles Erstellen von Wireframes. Die Skizzen sind im Lo-Fi Bereich einzuordnen. </td></tr><tr><td>Binding</td><td>Bindungen definieren Abhängigkeiten zwischen Objekten. Aktionen lösen bei gebundenen Typen Änderungen aus.</td></tr><tr><td>Choice-Box</td><td>Eine UI-Komponente – ähnlich wie ein Dropdown – welche eine Liste von Optionen zur Auswahl bietet, typischerweise in einem kompakteren Format.</td></tr><tr><td>Debounce</td><td>Verzögerte Ausführung einer Funktion. Alle Ereignisse, welche vor dem Ablauf der Verzögerung auftreten, werden verworfen.</td></tr><tr><td>Design System</td><td>Eine Sammlung wiederverwendbarer Komponenten und Standards, die dazu dienen, die Konsistenz und Effizienz im Designprozess einer digitalen Produktentwicklung zu gewährleisten. [<a href="../../3-weg-zur-auswahlkomponente/3.1-recherche#design-system">mehr</a>]</td></tr><tr><td>Dropdown</td><td>Ein grafisches Steuerelement, das eine Liste von Optionen anzeigt, wenn ein Benutzer darauf klickt. Es wird häufig verwendet, um Platz zu sparen und die Benutzeroberfläche aufgeräumt zu halten.</td></tr><tr><td>Figma</td><td>Tool für die Erstellung von Hi-Fi Prototypen. Es können einfache Interaktionen aufgezeigt werden. Es bietet die Möglichkeit mit einem Designsystem zu arbeiten.</td></tr><tr><td>haptisch</td><td>Bezieht sich auf die Wahrnehmung und Interaktion durch den Tastsinn, insbesondere in Bezug auf die Benutzererfahrung mit physischen oder virtuellen Objekten.</td></tr><tr><td>Hi-Fi Prototyp</td><td>Ein detaillierterer und funktionaler Prototyp, der das tatsächliche Design und die Interaktivität einer Anwendung oder Webseite genauer darstellt. [<a href="../../3-weg-zur-auswahlkomponente/3.1-recherche#hi-fi-prototyp">mehr</a>]</td></tr><tr><td>hover</td><td>Sich mit der Maus auf einem Element befinden bzw. darüber bewegen, ohne eine Taste zu drücken.</td></tr><tr><td>Lo-Fi Prototyp</td><td>Ein einfacher, oft handgezeichneter Prototyp, der verwendet wird, um Designkonzepte schnell zu visualisieren und grundlegende Funktionen und Layouts zu testen. [<a href="../../3-weg-zur-auswahlkomponente/3.1-recherche#lo-fi-prototyp">mehr</a>]</td></tr><tr><td>Master-Detail View</td><td>Dies ist ein Programmieransatz, welcher eine Liste von Werten und Details zu einem der Elemente verwaltet und darstellt. [<a href="../../3-weg-zur-auswahlkomponente/3.1-recherche#id-3.1.5-master-detail-view">mehr</a>]</td></tr><tr><td>Mockup</td><td>Ein Modell oder eine Nachbildung einer Webseite oder Anwendung, die häufig zur Präsentation des Designs, zur Beurteilung des visuellen Stils und zur Abstimmung mit Stakeholdern verwendet wird.</td></tr><tr><td>Observable</td><td>Ein Objekt, welches bei Änderung die gebundenen Komponenten informiert und dessen Trigger-Definition ausführt.</td></tr><tr><td>Popover</td><td>Ein kleines Fenster, das über dem Inhalt der Webseite oder Anwendung erscheint, oft um zusätzliche Informationen oder Auswahlmöglichkeiten anzuzeigen.</td></tr><tr><td>Projector Pattern</td><td>Ein Programmieransatz zur Erstellung einer mehrschichtigen Benutzeroberfläche. Es wird bei MVC-Applikationen eingesetzt, wobei sich der Projector zwischen View und Controller befindet. [<a href="../../3-weg-zur-auswahlkomponente/3.1-recherche#id-3.1.4-projector-pattern">mehr</a>]</td></tr><tr><td>Refactoring</td><td>Umschreiben bzw. umformulieren von Code ohne Änderungen der Funktionalität. Die Komplexität löst sich auf.  [<a href="../../3-weg-zur-auswahlkomponente/3.1-recherche#id-3.1.2-refactoring">mehr</a>]</td></tr><tr><td>Selektor</td><td>Beschreibt ein HTML-Element, auf welches die darin enthaltenen CSS-Regeln angewendet werden sollen. Bei mehreren Selektoren für das selbe Element spielt die Spezifität eine Rolle.</td></tr><tr><td>Trigger</td><td>Ein UI-Element oder eine Aktion, die eine bestimmte Funktion oder einen Prozess in einer Anwendung oder Webseite auslöst.</td></tr><tr><td>UI</td><td>Der Teil einer Software, mit dem der Benutzer interagiert, einschliesslich Bildschirmlayouts, Übergänge, Schnittstellenanimationen und jedes einzelne visuelle Element.</td></tr><tr><td>Usability Walkthrough</td><td>Aufzeigen von Handlungsabläufen. Es wird die Erlernbarkeit von der Bedienung des Produkts ermittelt. Es deckt Differenzen zwischen der Sicht des Benutzers und des Entwicklers auf.</td></tr><tr><td>UX</td><td>Die Erfahrung, die ein Benutzer beim Interagieren mit einer Anwendung oder Webseite hat, einschliesslich Benutzerfreundlichkeit, Zugänglichkeit und Effizienz.</td></tr><tr><td>Wireframe</td><td>Ein einfaches Layout, das die grundlegende Struktur und Komponentenplatzierung einer Webseite oder App darstellt, oft verwendet in den frühen Phasen des Designs.</td></tr></tbody></table>

