WDWU

Question 1

Was sind Soziale Objekte und warum sind sie so relevant?

Answer 1

Soziale Objekte sind der „Klebstoff“, der Menschen miteinander verbindet.
Ohne das soziale Objekt gäbe es das Soziale Netzwerk nicht.

Beispiel: YouTube = Videos, Twitter = Tweets, eBay = Auktionsartikel, Blogger = Blogs, Amazon = Produkte, Monster = Jobs

Question 2

Nenne und definiere die 2 Arten des URLs für Soziale Objekte

Answer 2

Non-Slug URL:
URLs die von Maschine lesbar sind (die haben am ende immer kommische Zahlen u Buchstaben)
“…/catalogue.php?a=2010&x=sdbdcbp3i298pwed&b=0”

Slug URL:
URLs sind Permanent und sind für Mensch und Maschine lesbar
“…/2010/papers/migrating_activity”

Question 3

Welche Vorteile hat Slug URL?

Answer 3

Objekte mit Slug URL sind
* auffindbar
* teilbar
* direkt verlinkbar

Question 4

Welche Schritte hat den Hypothesengestützter Ablauf?

Answer 4

1. Beobachtung Verhalten
2. Problem
3. Hypothese
4. Test
5. Auswertung
6. Modifikation Angebot

–> Repeat

Question 5

Was kann bei einem Hypothesentest alles getestet werden?

Answer 5

• Formulierungen
• Positionen
• Größen
• Farben
• Fonts
• Abstände
• Menüstrukturen
• Interaktionsdesign
• Funktionen
  …

Question 6

Was könnte relevante Informationen sein bei der Zielgruppendefinition?

Answer 6

• Demografie: Alter, Familienstand, Wohnort, Land, Region etc.
• Identität: Geschlecht, Ethnie etc.
• Sozioökonomie: formale Bildung, Beruf, Einkommen etc.
• Interessen: thematisch, politisch etc.
• Verhaltensmerkmale: Mediennutzung, Kaufverhalten, Freizeitverhalten etc.
• Ästhetisches Empfinden
• Barrieren

Question 7

Was beinhaltet ein Corporate Identity?

Answer 7

• Corporate Design
• Corporate Philosophy
• Corporate Culture
• Corporate Behaviour
• Corporate Language
• Corporate Communication

Question 8

Nenne die 3 Epochen der Webseiten

Answer 8

Web 1.0 - Statische Firmenbroschüre im Netz

Web 2.0 - Einweg-Kommunikation

Web 3.0 - Digitaler Zwilling

Question 9

Nenne die Schritte der Informationsarchitektur (in Makro u Micro aufgeteilt)

Answer 9

Macro IA
1. Metapher
2. Inhalte
3. Kategorisierung der Inhalte
4. Relation und Priorisierung der Inhalte
5. Seitentypen

Micro IA
6. Ausgestaltung der Seiten

Question 10

Erkläre kurz den Unterschied zwischen Informationsarchitektur und Navigationsdesign

Answer 10

IA: legt die Relationen zwischen den Inhalten fest

Navigationsdesign: legt den Weg zu den Inhalten fest

Question 11

Was bestimmt die Ladezeit
einer Webseite…und damit die UX?

Answer 11

• Anzahl der HTTP Anfrage
• Anzahl der Bilder/Asset Größen
• Speicherplatz der Quellcode
• Caching
• HTML, CSS u JS Struktur
• PHP Konfiguration
• Datenkompression

Question 12

Technische Qualität: Sicherheit

Answer 12

• Session hijacking
• Session fixation
• Spamerkennung
• Phishing
• Eingabevalidierung
• CSRF - Cross-Site Request Forgery

Question 13

Wie kann man eine Webseite Barrierefrei machen?

Answer 13

Accessibility:
- Abschaffung Barrieren
- Nutzbarkeit durch Screenreader
- Leichte / einfache Sprachen
- Hardware, Software
- hoher Kontrast
- angemessene Schriftgrößen
- Bilder mit Alternativtext
- schnelle Datenverbindung

Question 14

Accessibility Technik

Answer 14

Konzepte:
- Trennung von Inhalt und Design
- Verständliche URL
- Unterschiedliche Bildschirmauflösungen unterstützen
- Eindeutige Seitenstruktur

Code:
- Semantischer Quellcode
- Title-Tag verwenden
- Alternativtexte für Bilder
- Sprache angeben

Question 15

Accessibility Design

Answer 15

Konzepte:
- Bedienbarkeit ohne Bilder / Grafiken
- Bedienbarkeit ohne CSS
Lesbarkeit
- Kontrast zwischen Text- und Hintergrundfarbe
- Ausreichende Schriftgrößen
- Keine grellen Farbkontraste
- Farbblindheiten und -einschränkungen beachten

Question 16

Warum macht es Sinn die 3 Elemente HTML, CSS u JS zu trennen?

Answer 16

• bessere Wartbarkeit
• besser zum aktualisieren/Updaten
• priorisierung der Reihenfolge (HTML - CSS und dann am Schluss JS) für bessere Performance
• technische Möglichkeiten mit verschiedenne Sprachen