Your SlideShare is downloading. ×
  • Like
Responsive Web Design
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Responsive Web Design

  • 4,931 views
Published

Responsive Web Design ist mehr als nur der Einsatz flexibler Raster und Break Points. Wir zeigen die Elemente von Responsive Web Design und erklären den Unterschied zum Adaptive Design. Wir zeigen den …

Responsive Web Design ist mehr als nur der Einsatz flexibler Raster und Break Points. Wir zeigen die Elemente von Responsive Web Design und erklären den Unterschied zum Adaptive Design. Wir zeigen den Responsive Design Prozess, der sich vom klassischen Designprozesses zum Beispiel durch "mobile first" und den iterativen und agilen Ablauf.

Published in Design , Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
4,931
On SlideShare
0
From Embeds
0
Number of Embeds
15

Actions

Shares
Downloads
80
Comments
0
Likes
20

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Mobile First Responsive Design think moto Sommercamp am Wannsee Jordi Tost Val Berlin, 29. August 2013
  • 2. Was ist für euch Responsive Design?
  • 3. Die 3 Grundlagen: 1. Fluid Grids 2. Flexible Media 3. Media Queries
  • 4. Responsive Design ist viel mehr!
  • 5. KONTEXT Was können wir über das “Web des Users” sagen?
  • 6. ALTER KONTEXT
  • 7. NEUER KONTEXT
  • 8. PERFORMANCE
  • 9. der Benutzer erwarten, dass Mobile-Webseiten so schnell (oder schneller) wie Desktop-Webseiten laden
  • 10. Wir haben nur
  • 11. of responsive sites weigh the same in both their small screen view and large screen view
  • 12. Mobile First is a philosophy that highlights the need to prioritize the mobile context when creating UX.
  • 13. 1. Allows websites to reach more people.
  • 14. 1. Allows websites to reach more people. 2. Forces designers to focus on core content and functionality (einfach bleiben!).
  • 15. 1. Allows websites to reach more people. 2. Forces designers to focus on core content and functionality (einfach bleiben!). 3. Lets designers innovate and take advantage of new technologies (geolocation, touch events, etc).
  • 16. Wie machen wir ein Mobile-First-Responsive-Design?
  • 17. 1. Content First - Content Strategy - Information Architecture - Hierarchie / Prioritäten - 2-3 Ebenen
  • 18. 2. Mit Mobile anfangen
  • 19. 2. Mit Mobile anfangen
  • 20. DER PROZESS
  • 21. Der übliche Prozess
  • 22. “It's impossible to predict all the complications of a responsive design up front. We need a more fluid workflow!” Andy Clarke (@Marlarkey)
  • 23. Warum sollen wir überhaupt unseren Prozess ändern? - Bessere Leistung - Bessere Webseiten gestalten
  • 24. “RWD comes under criticism for not being commercially viable. It’s because it’s trying to be shoe-horned into an existing, fixed-canvas, inflexible process.” Mark Boulton, on responsive worklflow
  • 25. Der Responsive Prozess
  • 26. VIELEN DANK!