Was versteht man unter Skeuomorphismus im User Interface Design?
Skeuomorphismus ist ein Designstil, der reale Objekte visuell nachahmt, indem er 3D-Effekte und Schlagschatten einsetzt, um ein realitätsnahes Erscheinungsbild zu erzeugen.
Welche Designtrends folgten auf den Skeuomorphismus?
Zunächst folgte das Flat Design, das auf Einfachheit und Minimalismus setzt, und anschließend das Material Design, das eine Kombination aus flachen Flächen und dezenten Schatteneffekten verwendet.
Welche Vorteile bietet das Flat Design?
Es sorgt für eine schlichte ästhetik, einfachere Bedienbarkeit und kürzere Ladezeiten, was besonders für mobile Endgeräte von Vorteil ist.
Was sind die Hauptmerkmale des Material Designs?
Material Design setzt auf große einfarbige Flächen, dezente Schatteneffekte, Microinteractions und eine verbesserte Tiefenwirkung zur Untersützung der User Experience.
Welche wesentlichen Eigenschaften machen ein gutes Webdesign aus?
Sparsamer und funktionaler Einsatz von Microinteractions, ausdrucksstarke Bilder, leserfreundliche Typografie und gezielte Farbwahl.
Welche drei wesentlichen Bereiche hat eine typische Webseite?
Header (Kopfbereich9
Inhaltsbereich
Footer (Fußbereich)
Warum werden Sidebars heutzutage seltener eingesetzt?
Da sie auf kleinen Bildschirmen den Inhaltsbereich zu stark einschränlen und ein einspaltiges Layout benutzerfreundlicher ist.
Welche Inhalte sind typischerweise im Header einer Website zu finden ?
Globale Navigationselemente, Kntaktmöglichkeiten, Log-In-Bereich, Warenkorb, Key Visuals.
Was ist ein Key Visual?
Ein zentrales visuelles Element, das den Charakter einer Website oder Marke vermittelt und eine emotiionale Wirkung auf die Besucher hat.
Welche Funktionen kann ein Footer auf einer Website übernehmen?
Kontakt
Navigations
Service
Lega
Main Asset
Funktion
Welche Informationen sind im Service und Legal Bereich eines Footers enthalten
Versandinformationen
Bezahlmöglichkeiten
Impressum
Datenschutzrichtlinie
Was sind Icons im Webdesign und wofür werden sie verwendet?
Icons sind grafische Symbole, die Funktionen oder Features visualisieren, z. B Suchfunktionen, Warenkorb oder Kontaktmöglichkeiten.
Was ist ein Call-to-Action-Button (CTA-Button)?
Ein auffällig gestalteter Button, der Nutzer zu einer bestimmten Handlung auffordert, z.B zum Kauf oder zur Newsletter Anmeldung.
Welche Faktoren beeinflussen die Usability von Buttons?
Aufforderungscharakter (Affordance)
Größe
Farbgebung
Platzierung
Erreichbarkeit
Was sind Ghost-Buttons
Buttons mit weißem Rand und transparenter Füllung, die häufig für dezente Call-to-Action-Elemente verwendet werden.
Warum ist die ergonomische Platzierung von Buttons wichtig?
Sie muss sicherstellen, dass Buttons leicht erreichbar und intuitiv bedienbar sind, insbesondere auf mobilen Geräten.
Welche Rollen spielen Farben im Webdesign?
Farben erzeugen Emotionen, lenken die Aufmerksamkeit und betonen die visuelle Identität einer Website.
Welche kulturellen Unterschiede gibt es bei der Farbwirkung?
Im westlichen Kulturkreis steht Weiß für Reinheit, während es in China und Japan für Tod und Trauer steht.
Was ist bei der Kobination von Text und Hintergrundfarbe zu beachten?
Ausreichende Kontrast zur Sicherstellung der Lesbarkeit und Vermeidung unangenehmer Farbkontraste für das Auge.
Was versteh man unter Farbhierachien?
Die Aufmerksamkeit wird stärker von bestimmten Farben oder Kobinationen angeuogen, z.b von intensiven Farben mehr als von weniger gesättigten Farben.
Welche typografischen Trends sind im modernen Webdesign wichtig?
Hochauflösende Displays ermöglichen eine größere Auswahl an Schriften, wobei markante Typografie einen hohen Wiedererkennungswert schafft.
Warum sind serifenlose Schriften für längere Webtexte zu bevorzugen?
Sie bieten eine bessere Lesbarkeit auf digitalen Displays, insbesondere auf kleinen Bildschrimen.
Welche Funktionen haben Formulare auf Websites?
Erfassung von Nutzerdaten, z.B für Registrierung, Log-in oder Kontaktaufnahmen
Was sollte bei der Gestaltung von Formularen auf mobilen Geräten beachtet werden?
Minimierung von Texteingaben, Nutzung von Checkboxes und Dropdowns sowie eine benutzerfreundliche Anordnung der Felder.
Was sind Microinteractions?
Kleine Animationen oder visuelle Effekte, die die Benutzerinteraktion unterstützen und das Nutzungserlebnis verbessern.
Nenne Beispiele für Microinteractions auf Websites.
Sliden von Elementen
Einblenden von Menüs
Lich und Schatteneffekte
Farbänderungen bei Interaktionen
Was sind Hero Images?
Großformatige Bilder
Die die emotionale Wirkung einer Website verstärken und oft als zentrales visuelles Element dienen.
Welche Vorteile bieten Videosequenzen als Hintergrundelemente?
Sie können eine höhere Lebendigkeit vermitteln und die Aufmerksamkeit der Nutzenden besser fesseln.
Last changeda day ago