Archiv der Kategorie: Konzeption

Konzept Überarbeitung

Bei der Planung des Ablaufes (siehe Galerie: Storyboard Paper Prototyp) ist uns aufgefallen, dass der Abschnitt „Geschichte des Webdesigns“ den Informationsfluss, bzw. die logische Abfolge der Informationen stört. Wir beginnen mit einer kurzen Einleitung in das Thema „Responsive Webdesign“, die den Nutzer neugierig machen soll. Darauf folgte ursprünglich die Geschichte des Designs. Da der Nutzer jedoch unmittelbar davor auf das Thema Responsive Webdesign aufmerksam gemacht wurde, möchte er höchst wahrscheinlich mehr über dieses Thema erfahren . Würden wir nun auf ein anderes (wenn auch verwandtes) Thema überleiten, so würde ein Bruch entstehen.

Advertisements

Storyboard Paper Prototype

Getaggt mit ,

Didaktisches Konzept

Inhaltlich wollen wir verschiedene Dinge erklären:

Warum Responsive Webdesign? 

  • Daten zur Nutzung von Smartphones, Tablets & Desktops
  • Daten von Firmen über die Auswirkung der Umstellung ihrer Websites
  • Überblick über Entwicklung der Diversität von Auflösungen

Geschichte – Entwicklung des Webdesigns

  • Ursprung
  • Entwicklung
  • Ausblick: z.B. Schriftgrößen, die sich an den Betrachtungsabstand zum Bildschirm anpassen

Wie funktioniert Responsive Webdesign?

  • Relative (prozentuale) Größenangaben -> fluid Images
  • Media Queries
  • relative Schriftgrößen
  • HDPI Display Optimierung

Bevor jedoch all diese Fakten erklärt werden können, muss der Betrachter zunächst wissen, um was es in der Infografik geht. Deswegen wollen wir ihm zu Beginn einen Ausblick geben, was Responisve Webdesign ist: -> Das Erscheinungsbild der Website passt sich an die Auflösung des Gerätes an.

Getaggt mit , , , , ,