RWD: Unterschied zwischen den Versionen

Aus TopoWiki
Zur Navigation springen Zur Suche springen
Zeile 26: Zeile 26:
 
|Statisch
 
|Statisch
 
|Dynamisch
 
|Dynamisch
 +
|-
 +
!Internet
 +
|als Layoutmedium (analog Print: Coverdesign)
 +
|als Informationsmedium (analog Software: Objektentwurf)
 
|-
 
|-
 
!Phase 1
 
!Phase 1
|Ziele & Strategie
+
|Ziele & Strategie & Konzeption
|Ziele & Strategie
+
|Ziele & Strategie & Konzeption
 
|-
 
|-
 
!Phase 2
 
!Phase 2
 
|  
 
|  
|Content Strategy
+
|
 +
* Content Strategy
 +
* PIM Strategy
 
|-
 
|-
 
!Phase 3
 
!Phase 3
|Design
+
|Design: Vom Wireframe zum Photoshop-Design
 
|Design + Coding + Testing: Mobile
 
|Design + Coding + Testing: Mobile
 
|-
 
|-

Version vom 7. September 2014, 23:56 Uhr

Übersicht

Classic Responsive
First
  • Layout
  • Page-Design
  • Design = Layout = Content
  • Semantic
  • Content

(* Mobile)

Sicherheit durch Design Dokument Schnelle Feedbacks & Teamwork
Page Design Module Design: Atomic WebDesign
Layout Statisch Dynamisch
Internet als Layoutmedium (analog Print: Coverdesign) als Informationsmedium (analog Software: Objektentwurf)
Phase 1 Ziele & Strategie & Konzeption Ziele & Strategie & Konzeption
Phase 2
  • Content Strategy
  • PIM Strategy
Phase 3 Design: Vom Wireframe zum Photoshop-Design Design + Coding + Testing: Mobile
Phase 4 Coding Design + Coding + Testing: 2. Screen
Phase 5 Testing Design + Coding + Testing: 3. Screen
Phase 6 Retour Design + Coding + Testing: 4. Screen

Content Choreography

  • Inhalte unabhängig vom HTML-Markup anordnen
  • Das Markup selbst bleibt unverändert
  • Sehr mächtig in Kombination mit RESS etc.

Mobile First

  • Mobile First erleichert die Priorisierung von Inhalten
  • Wir können prüfen ob die HTML-Struktur semantisch sinnvoll ist
  • Einziger Nachteil: unsere Sichtweise muss verändert werden

RESS

RESS.png

  • RESS = Reponsive Design + Server Side Components
  • Robustes Reponsive Design
  • Optimierte, ausgetauschte Inhalte durch serverseitige Abfrage

Quellen

http://media.kulturbanause.de/blog/2014/03/mtc2014-slides-content-choreography/index.html#/1