Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
SlideShare ist ein Scribd-Unternehmen logo

1

Trends im digitalen Design
Neue und alte Entwicklungen
Alexandra Quiring-Tegeder auf dem Tourismuscamp 2015 in Eichstätt
www.digitaler-umbruch.de

2

www.digitaler-umbruch.de
Intro
Die großen Trends

3

Website Traffic nimmt prozentual immer weiter ab
www.digitaler-umbruch.de

4

Mobile steigt unaufhaltbar
www.digitaler-umbruch.de

5

Mobile steigt unaufhaltbar
www.digitaler-umbruch.de

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

www.digitaler-umbruch.de
Wearables

8

Modulare Smartphones sind nur der Anfang
http://youtu.be/oDAw7vW7H0c
https://www.youtube.com/watch?v=intua_p4kE0
www.digitaler-umbruch.de

9

iBeacons
www.digitaler-umbruch.de

10

Beispiel: Shopkick
http://youtu.be/c3h0eKGfUfI
www.digitaler-umbruch.de

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

www.digitaler-umbruch.de
Intro
Etwas spezifischer: Designtrends

13

www.digitaler-umbruch.de

14

www.digitaler-umbruch.de

15

Flat vs. Skeuomorph
www.digitaler-umbruch.de

16

Material Design – Synthese zwischen Design und Technologie
Quelle: http://www.google.com/design/spec/material-design/introduction.html
www.digitaler-umbruch.de

17

Material Design – Across Platform & Device Sizes
Quelle: http://www.google.com/design/spec/material-design/introduction.html
www.digitaler-umbruch.de

18

Material Design = 3D
Quelle: http://www.google.com/design/spec/material-design/introduction.html
www.digitaler-umbruch.de

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

Material Design = gleichbleibende Raumtiefe
Quelle: http://www.google.com/design/spec/material-design/introduction.html
www.digitaler-umbruch.de

21

Material Design = Material wirft Schatten
Quelle: http://www.google.com/design/spec/material-design/introduction.html
www.digitaler-umbruch.de

22

Infinite Scrolling
www.digitaler-umbruch.de

23

https://ihatetomatoes.net/happy-25th-birthday-game-boy/
Paralax Scrolling
www.digitaler-umbruch.de

24

http://www.iuvo.si/
Ghost / Naked Buttons
www.digitaler-umbruch.de

25

http://thedistance.co.uk/
Ghost / Naked Buttons
www.digitaler-umbruch.de

26

Mikrointeraktionen
www.digitaler-umbruch.de

27

Alexandra Quiring-Tegeder www.digitaler-umbruch.de
Card Based Design / Kacheldesign / Modern Metro
Bsp: pinterest

28

Alexandra Quiring-Tegeder www.digitaler-umbruch.de

29

Alexandra Quiring-Tegeder www.digitaler-umbruch.de

30

Alexandra Quiring-Tegeder www.digitaler-umbruch.de
Full Screen Background Fotos & Videos

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

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

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

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

Ü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

VIELEN DANK
ALEXANDRA QUIRING-TEGEDER
AQT@DIGITALER-UMBRUCH.DE
www.digitaler-umbruch.de

Weitere ähnliche Inhalte

Digital design 2015 neue und alte entwicklungen - vortrag tourismuscamp 2015