Trends im digitalen Design
Neue und alte Entwicklungen
Alexandra Quiring-Tegeder auf dem Tourismuscamp 2015 in Eichstätt
w...
www.digitaler-umbruch.de
Intro
Die großen Trends
Website Traffic nimmt prozentual immer weiter ab
www.digitaler-umbruch.de
Mobile steigt unaufhaltbar
www.digitaler-umbruch.de
Mobile steigt unaufhaltbar
www.digitaler-umbruch.de
Trennung von Content & Design - Webseiten werden immer unwichtiger, denn:
Siri antwortet
www.digitaler-umbruch.de
http://w...
www.digitaler-umbruch.de
Wearables
Modulare Smartphones sind nur der Anfang
http://youtu.be/oDAw7vW7H0c
https://www.youtube.com/watch?v=intua_p4kE0
www.digit...
iBeacons
www.digitaler-umbruch.de
Beispiel: Shopkick
http://youtu.be/c3h0eKGfUfI
www.digitaler-umbruch.de
Beispiel: Virgin Atlantic
www.digitaler-umbruch.de
Virgin Atlantic began an iBeacon trial in Heathrow Airport, Virgin pass...
www.digitaler-umbruch.de
Intro
Etwas spezifischer: Designtrends
www.digitaler-umbruch.de
www.digitaler-umbruch.de
Flat vs. Skeuomorph
www.digitaler-umbruch.de
Material Design – Synthese zwischen Design und Technologie
Quelle: http://www.google.com/design/spec/material-design/intro...
Material Design – Across Platform & Device Sizes
Quelle: http://www.google.com/design/spec/material-design/introduction.ht...
Material Design = 3D
Quelle: http://www.google.com/design/spec/material-design/introduction.html
www.digitaler-umbruch.de
Material Design = Licht und Schatten
Schatten durch Führungslicht Schatten durch Umgebungslicht Schatten durch Führungs- u...
Material Design = gleichbleibende Raumtiefe
Quelle: http://www.google.com/design/spec/material-design/introduction.html
ww...
Material Design = Material wirft Schatten
Quelle: http://www.google.com/design/spec/material-design/introduction.html
www....
Infinite Scrolling
www.digitaler-umbruch.de
https://ihatetomatoes.net/happy-25th-birthday-game-boy/
Paralax Scrolling
www.digitaler-umbruch.de
http://www.iuvo.si/
Ghost / Naked Buttons
www.digitaler-umbruch.de
http://thedistance.co.uk/
Ghost / Naked Buttons
www.digitaler-umbruch.de
Mikrointeraktionen
www.digitaler-umbruch.de
Alexandra Quiring-Tegeder www.digitaler-umbruch.de
Card Based Design / Kacheldesign / Modern Metro
Bsp: pinterest
Alexandra Quiring-Tegeder www.digitaler-umbruch.de
Alexandra Quiring-Tegeder www.digitaler-umbruch.de
Alexandra Quiring-Tegeder www.digitaler-umbruch.de
Full Screen Background Fotos & Videos
Alexandra Quiring-Tegeder www.digitaler-umbruch.de
Off Canvas Navigation
(wichtige Ergänzung, Dank an Stefan Niemeyer)
Bei...
Alexandra Quiring-Tegeder www.digitaler-umbruch.de
Retina Optimierung
(wichtige Ergänzung, Dank an Benni Höhnemann)
Die ne...
Trends im Webdesign
o Personalisierung bleibt eine Aufgabe,
o Gute Nachrichten für Kunden:
o Automatisierung von Code
o Tr...
Quellen
o Ausgewertet:
http://webmagazin.de/allgemein/10-webdesign-trends-2015-252000
http://t3n.de/news/webdesign-trends-...
ÜBER UNS
Die Beratung und Agentur für digitale Umbrüche hat sich die
erfolgreiche Implementierung und Optimierung digitale...
VIELEN DANK
ALEXANDRA QUIRING-TEGEDER
AQT@DIGITALER-UMBRUCH.DE
www.digitaler-umbruch.de
Nächste SlideShare
Wird geladen in …5
×

Digital design 2015 neue und alte entwicklungen - vortrag tourismuscamp 2015

2.505 Aufrufe

Veröffentlicht am

Entwicklungen im digitalen Design 2014 / 2015

Veröffentlicht in: Design
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
2.505
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
1.529
Aktionen
Geteilt
0
Downloads
9
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Digital design 2015 neue und alte entwicklungen - vortrag tourismuscamp 2015

  1. 1. Trends im digitalen Design Neue und alte Entwicklungen Alexandra Quiring-Tegeder auf dem Tourismuscamp 2015 in Eichstätt www.digitaler-umbruch.de
  2. 2. www.digitaler-umbruch.de Intro Die großen Trends
  3. 3. Website Traffic nimmt prozentual immer weiter ab www.digitaler-umbruch.de
  4. 4. Mobile steigt unaufhaltbar www.digitaler-umbruch.de
  5. 5. Mobile steigt unaufhaltbar www.digitaler-umbruch.de
  6. 6. Trennung von Content & Design - Webseiten werden immer unwichtiger, denn: Siri antwortet www.digitaler-umbruch.de http://www.creativebloq.com/web-design/trends-2015-101413303
  7. 7. www.digitaler-umbruch.de Wearables
  8. 8. Modulare Smartphones sind nur der Anfang http://youtu.be/oDAw7vW7H0c https://www.youtube.com/watch?v=intua_p4kE0 www.digitaler-umbruch.de
  9. 9. iBeacons www.digitaler-umbruch.de
  10. 10. Beispiel: Shopkick http://youtu.be/c3h0eKGfUfI www.digitaler-umbruch.de
  11. 11. Beispiel: Virgin Atlantic www.digitaler-umbruch.de Virgin Atlantic began an iBeacon trial in Heathrow Airport, Virgin passengers with an electronic boarding pass loaded in their iPhone Passbook app could receive messages relevant to their location within the airport, phone would automatically load their boarding pass ready for inspection.
  12. 12. www.digitaler-umbruch.de Intro Etwas spezifischer: Designtrends
  13. 13. www.digitaler-umbruch.de
  14. 14. www.digitaler-umbruch.de
  15. 15. Flat vs. Skeuomorph www.digitaler-umbruch.de
  16. 16. Material Design – Synthese zwischen Design und Technologie Quelle: http://www.google.com/design/spec/material-design/introduction.html www.digitaler-umbruch.de
  17. 17. Material Design – Across Platform & Device Sizes Quelle: http://www.google.com/design/spec/material-design/introduction.html www.digitaler-umbruch.de
  18. 18. Material Design = 3D Quelle: http://www.google.com/design/spec/material-design/introduction.html www.digitaler-umbruch.de
  19. 19. Material Design = Licht und Schatten Schatten durch Führungslicht Schatten durch Umgebungslicht Schatten durch Führungs- und Umgebungslicht Quelle: http://www.google.com/design/spec/material-design/introduction.html www.digitaler-umbruch.de
  20. 20. Material Design = gleichbleibende Raumtiefe Quelle: http://www.google.com/design/spec/material-design/introduction.html www.digitaler-umbruch.de
  21. 21. Material Design = Material wirft Schatten Quelle: http://www.google.com/design/spec/material-design/introduction.html www.digitaler-umbruch.de
  22. 22. Infinite Scrolling www.digitaler-umbruch.de
  23. 23. https://ihatetomatoes.net/happy-25th-birthday-game-boy/ Paralax Scrolling www.digitaler-umbruch.de
  24. 24. http://www.iuvo.si/ Ghost / Naked Buttons www.digitaler-umbruch.de
  25. 25. http://thedistance.co.uk/ Ghost / Naked Buttons www.digitaler-umbruch.de
  26. 26. Mikrointeraktionen www.digitaler-umbruch.de
  27. 27. Alexandra Quiring-Tegeder www.digitaler-umbruch.de Card Based Design / Kacheldesign / Modern Metro Bsp: pinterest
  28. 28. Alexandra Quiring-Tegeder www.digitaler-umbruch.de
  29. 29. Alexandra Quiring-Tegeder www.digitaler-umbruch.de
  30. 30. Alexandra Quiring-Tegeder www.digitaler-umbruch.de Full Screen Background Fotos & Videos
  31. 31. Alexandra Quiring-Tegeder www.digitaler-umbruch.de Off Canvas Navigation (wichtige Ergänzung, Dank an Stefan Niemeyer) Bei Off Canvas-Layouts werden Inhalte außerhalb des sichtbaren Bildschirm-Bereiches (bzw. rechts und links) angelegt. Per Button-Klick können diese Inhalte dann vom Nutzer sichtbar gemacht werden, wenn sie benötigt werden. Quelle: http://www.elmastudio.de/webdesign/responsive-webdesign-2/off-canvas-layouts-in-responsive-webdesigns/
  32. 32. Alexandra Quiring-Tegeder www.digitaler-umbruch.de Retina Optimierung (wichtige Ergänzung, Dank an Benni Höhnemann) Die neuen, hochauflösenden Displays haben eine höhere Pixeldichte als gewöhnliche Monitore. Damit die Pixelgrafiken nicht plötzlich alle zu klein dargestellt werden, rechnen die Geräte die Grafiken selbstständig um. Dadurch geht allerdings Qualität verloren. Pixelgrafiken sehen auf dem Retina-Display daher unscharf aus. http://blog.kulturbanause.de/2012/04/websites-und-bilder-fur-high-resolution-displays-retina-optimieren/
  33. 33. Trends im Webdesign o Personalisierung bleibt eine Aufgabe, o Gute Nachrichten für Kunden: o Automatisierung von Code o Trend zum Aufbau von Inhouse-Abteilungen o Insbesondere im Bereich Anwendungsentwicklung für eigene Produkte sinnvoll o Kreativer und technologischer Input wird nach wie vor von Agenturen eingekauft o Design übernimmt immer häufiger Aufgaben, die bisher von Webentwicklern erledigt wurden. www.digitaler-umbruch.de
  34. 34. Quellen o Ausgewertet: http://webmagazin.de/allgemein/10-webdesign-trends-2015-252000 http://t3n.de/news/webdesign-trends-2015-586316/ http://www.creativebloq.com/web-design/trends-2015-101413303 http://www.deutsche-startups.de/2015/01/05/trends-und-prognosen-fuer-2015-die- mega-sammlung/ http://www.projectara.com/ www.digitaler-umbruch.de
  35. 35. ÜBER UNS Die Beratung und Agentur für digitale Umbrüche hat sich die erfolgreiche Implementierung und Optimierung digitaler Projekte zum Ziel gesetzt. Unser Schwerpunkt liegt auf der Entwicklung datengetriebener Kommunikations- und Produktkonzepte. Dafür arbeitet ein Team von erfahrenen Designern, Webentwicklern und Projektmanagern für zahlreiche Kundenprojekte zusammen. Wir arbeiten für Marketing- und Produktauftritte großer und kleiner Unternehmen und Produkte. Gemeinsam kommen wir auf über 50 Jahre Erfahrung mit digitalen Projekten. Zu den Kunden gehören ImmobilienScout24, Teufel, airberlin, hansemerkur mit dem Portal Reisemeister und viele andere. Wir verbinden datengetriebene Marketing- und Produktentwicklung mit innovativen und gleichzeitig pragmatischen Designlösungen. Dabei beziehen wir unsere Erfahrungen aus den Bereichen responsive Design, Landingpageoptimierung, Usability, Webentwicklung, Webanalyse, Datenstrategie und Suchmaschinenoptimierung in jedes Projekt mit ein. www.digitaler-umbruch.de
  36. 36. VIELEN DANK ALEXANDRA QUIRING-TEGEDER AQT@DIGITALER-UMBRUCH.DE www.digitaler-umbruch.de

×