Webdesign Flashcards
Vollenden Sie den Satz: Die Aufgabe eines Webdesigners ist…..
a. Die Aufgabe eines Webdesigners/einer
Webdesignerin ist die Konzeption und Gestaltung von Webseiten und Webapplikationen.
b. Maßgeblich sind die rasanten Veränderungen des Internets:
–Immer mehr Geräte (Smartphones, Tablets, Fernseher usw.) erhalten einen Internetzugang, dies stellt neue Anforderungen an Layout und Design.
–Die Nutzer erwarten aktuelle, multimediale, interaktive und ansprechende Angebote.
–Immer mehr Software wird in Form von Apps zur Verfügung gestellt.
Begründen Sie, weshalb sich Webdesigner auch in technologischen Fragen rund um das Internet auskennen müssen.
Design und Technik sind eng miteinander verknüpft. Webdesigner müssen sich in technischen Fragen wie Auflösung, Formate, Datenmenge, Dateiformate auskennen, damit sie Entwürfe machen, die sich für das jeweilige Endgerät umsetzen lassen.
Zählen Sie drei aktuelle Webtechnologien auf.
HTML5 CSS JAVA Script/Ajax PHP Action Script
Bringen Sie die Tätigkeiten in eine sinnvolle Reihenfolge:
- -Website testen
- -Texte erfassen
- -Kundenbriefing durchführen
- -Kosten kalkulieren
- -Fotos erstellen
- -Website erstellen
- -Website online stellen
- -Screendesign entwerfen
- -Daten in Datenbank einpflegen
- Kundenbriefing durchführen
- Kosten kalkulieren
- Fotos erstellen
- Texte erfassen
- Screendesign entwerfen
- Daten in Datenbank einpflegen
- Website erstellen
- Website testen
- Website online stellen
Zählen Sie fünf Vorteile digitaler Medien im Vergleich zu Printmedien auf.
- Globale Verfügbarkeit
- Geringe Kosten für Pflege/Aktualisierungen
- Modernes, zeitgemäßes Medium
- Multimediale Inhalte
- Zahlreiche Möglichkeiten zur Interaktion
- Einfache Anpassung an unterschiedliche Zielgruppen z.B. Schriftgröße
- Geringe Kosten als beim Druck
Definieren Sie:
a. Interaktivität
b. (Benutzer-)Interface
c. Navigation
d. Usability
a. Interaktivität:
Möglichkeiten des Nutzers, mit dem Produkt in Aktion zu treten. zB: Formulare, Foren, Chats, Wikis
b. (Benutzer-)Interface:
Schnittstelle zwischen Produkt undNutzer, in der Regel in Form einer grafischen Oberfläche
c. Navigation:
Gliederung/Strukturierung der Informationen eines digitalen Produkts, Aufteilung auf einzelne Seiten, die
miteinander verlinkt werden
d. Usability:
Benutzerfreundlichkeit eines digitalen Produkts, die sich durch eine nachvollziehbare Navigation sowie
eine gut gestaltete Benutzeroberfläche erzielen lässt
Erläutern Sie die Vorteile, die sich aus einer konsequenten Trennung von Content und Design ergeben.
–Inhalt und Design können unabhängig voneinander erstellt und bearbeitet werden, zB durch Programmierer und Webdesigner
–Inhalte lassen sich dynamisch verwalten,
zB per Content-Management-System
–Für den Inhalt können mehrere Designs erstellt werden, z. B. zur Ausgabe auf Monitoren, Handydisplays und für den Druck
Nennen Sie fünf Anforderungen an eine
Webseite für Kinder im Alter von 6 bis 10 Jahren.
- Wenig Text
- Ausreichend große und lesefreundliche Schrift
- Farbenfrohe, kontrastreiche Gestaltung
- Einfache und klare Benutzerführung, bevorzugt mittels grafischer Navigationselemente
- „Hilfsfunktionen“ zur Erleichterung der Navigation, zB Hilfe-Button oder sprachliche Kommentare
- Ausreichende Größe der Navigationselemente
a.Fachbegriff zu „Benutzerfreundlichkeit“?
b. Zählen Sie drei Aspekte auf, die zur
Benutzerfreundlichkeit einer Website beitragen.
=Usability
- -Zielgruppengerechtes Design
- -Logische und klare Benutzerführung
- -Aktualität der Inhalte
- -Gute Performance mit verschiedenen Webbrowsern und Betriebssystemen
- -Interaktionsmöglichkeiten mit dem Anbieter
- -Barrierefreier Zugang
- -Orientierungshilfen für Nutzer,(Sitemap, Breadcrumb-Navigation)
Nennen Sie drei Möglichkeiten, wie Sie
die Usability einer Website testen können.
- Fragebögen
- Interviews
- Mouse- oder Eye-Tracking
- Cognitive Walkthrough
- „Lautes Denken“
- Videobeobachtung
Zählen Sie drei Argumente auf, die für die Verwendung einer Baumstruktur im Vergleich zur linearen bzw. vernetzten Struktur sprechen.
- Einfache, selbsterklärende Benutzerführung
- Leicht verständliche Struktur, da ähnlich wie beim Fachbuch
- Gute Möglichkeit der Gliederung von Informationen
- Guter Kompromiss zwischen strikter Benutzerführung (lineare Struktur) und völliger Navigationsfreiheit (Netzstruktur)
Zählen Sie drei Möglichkeiten auf, um
den Nutzer bei der Navigation zu unterstützen.
- -Anzeige des aktuellen Navigationspfades (Breadcrumb)
- -Eingabefeld für Suchbegriffe
- -Realisierung einer Sitemap
- -Farbführung
- -Visuelle Rückmeldung beim Anklicken oder Antippen einer Schaltfläche
a. Definieren Sie „Interaktivität“.
b. Möglichkeiten der Interaktion auf Webseiten
a. Unter „Interaktivität“ versteht man die Möglichkeit der Kommunikation zwischen Anwender und Anbieter einer Website
b. Möglichkeiten der Interaktion:
- -E-Mail-Link
- -Formular
- -Forum
- -Gästebuch
- -Chat
a. Definieren Sie den Begriff „barrierefreie
Webseiten“.
b. Nennen Sie fünf Anforderungen an
eine barrierefreie Webseite.
–Barrierefreie Webseiten ermöglichen auch Menschen mit Behinderung den Zugang und die Nutzung der Webseiten.
- -Forderungen bei Barrierefreiheit:
- -Keine Layouttabellen verwenden
- -Navigationsmöglichkeit per Tastatur ermöglichen
- -Alternativtexte bei Bildern ergänzen
- -HTML5-Tags zur semantischen (inhaltlichen) Gliederung einsetzen – nicht zur Formatierung der Webseite
- -CSS3 zur Formatierung der Webseite verwenden
- -Farben so wählen, dass die Webseite auch für Fehlsichtige (ohne Farbe) bedienbar ist.
- -Sprachliche Besonderheiten wie Abkürzungen kenntlich machen
