SlideShare ist ein Scribd-Unternehmen logo
1 von 36
Downloaden Sie, um offline zu lesen
Trends im digitalen Design
Neue und alte Entwicklungen
Alexandra Quiring-Tegeder auf dem Tourismuscamp 2015 in Eichstätt
www.digitaler-umbruch.de
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://www.creativebloq.com/web-design/trends-2015-101413303
www.digitaler-umbruch.de
Wearables
Modulare Smartphones sind nur der Anfang
http://youtu.be/oDAw7vW7H0c
https://www.youtube.com/watch?v=intua_p4kE0
www.digitaler-umbruch.de
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 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.
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/introduction.html
www.digitaler-umbruch.de
Material Design – Across Platform & Device Sizes
Quelle: http://www.google.com/design/spec/material-design/introduction.html
www.digitaler-umbruch.de
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- und
Umgebungslicht
Quelle: http://www.google.com/design/spec/material-design/introduction.html
www.digitaler-umbruch.de
Material Design = gleichbleibende Raumtiefe
Quelle: http://www.google.com/design/spec/material-design/introduction.html
www.digitaler-umbruch.de
Material Design = Material wirft Schatten
Quelle: http://www.google.com/design/spec/material-design/introduction.html
www.digitaler-umbruch.de
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 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/
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/
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
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
Ü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
VIELEN DANK
ALEXANDRA QUIRING-TEGEDER
AQT@DIGITALER-UMBRUCH.DE
www.digitaler-umbruch.de

Weitere ähnliche Inhalte

Andere mochten auch

Globalization, creative destruction, and labor share change: Evidence on the ...
Globalization, creative destruction, and labor share change: Evidence on the ...Globalization, creative destruction, and labor share change: Evidence on the ...
Globalization, creative destruction, and labor share change: Evidence on the ...Palkansaajien tutkimuslaitos
 
Remote Access to Windows Remote Desktop Servers in a new Dimension
Remote Access to Windows Remote Desktop Servers in a new DimensionRemote Access to Windows Remote Desktop Servers in a new Dimension
Remote Access to Windows Remote Desktop Servers in a new DimensionHOB
 
iBeacon Präsentation
iBeacon PräsentationiBeacon Präsentation
iBeacon Präsentationaebischers
 
Tdah en la infancia
Tdah en la infanciaTdah en la infancia
Tdah en la infanciavhdr76
 
Unrelated Cord Blood Transplantation In Adults with Hematological Malignancie...
Unrelated Cord Blood Transplantation In Adults with Hematological Malignancie...Unrelated Cord Blood Transplantation In Adults with Hematological Malignancie...
Unrelated Cord Blood Transplantation In Adults with Hematological Malignancie...cordbloodsymposium
 
Dossier de Prensa Ecuextre y Toro 2014
Dossier de Prensa Ecuextre y Toro 2014Dossier de Prensa Ecuextre y Toro 2014
Dossier de Prensa Ecuextre y Toro 2014FERIA BADAJOZ IFEBA
 
Improvement Kata Flowchart
Improvement Kata FlowchartImprovement Kata Flowchart
Improvement Kata FlowchartMike Rother
 
Planificacion por proyecto
Planificacion por proyectoPlanificacion por proyecto
Planificacion por proyectoaarbaje
 
SecrecióN Ductal
SecrecióN DuctalSecrecióN Ductal
SecrecióN Ductaldidi7
 
K. Eggenstein - El Profeta Lorber anuncia las catástrofes venideras y la aute...
K. Eggenstein - El Profeta Lorber anuncia las catástrofes venideras y la aute...K. Eggenstein - El Profeta Lorber anuncia las catástrofes venideras y la aute...
K. Eggenstein - El Profeta Lorber anuncia las catástrofes venideras y la aute...Simona P
 
Semiotica del comic (the walking dead)
Semiotica del comic (the walking dead)Semiotica del comic (the walking dead)
Semiotica del comic (the walking dead)valentina9222
 
Simplified technical english may, 2014 final
Simplified technical english may, 2014 finalSimplified technical english may, 2014 final
Simplified technical english may, 2014 finalbb2koontz
 
Developing competencies for occupational therapy education and practice
Developing competencies for occupational therapy education and practiceDeveloping competencies for occupational therapy education and practice
Developing competencies for occupational therapy education and practiceErganen
 
Business intelligence uoc alumni
Business intelligence uoc alumniBusiness intelligence uoc alumni
Business intelligence uoc alumniUOC Alumni
 
4 Ways to Build a Metric-Based Sales Coaching Culture
4 Ways to Build a Metric-Based Sales Coaching Culture4 Ways to Build a Metric-Based Sales Coaching Culture
4 Ways to Build a Metric-Based Sales Coaching CultureSales Hacker
 
Reactive Design Patterns: a talk by Typesafe's Dr. Roland Kuhn
Reactive Design Patterns: a talk by Typesafe's Dr. Roland KuhnReactive Design Patterns: a talk by Typesafe's Dr. Roland Kuhn
Reactive Design Patterns: a talk by Typesafe's Dr. Roland KuhnZalando Technology
 
CyberArk Master Policy Intro
CyberArk Master Policy IntroCyberArk Master Policy Intro
CyberArk Master Policy IntroCyberArk
 
Yoga Vidya Ausbildungen 2013
Yoga Vidya Ausbildungen 2013Yoga Vidya Ausbildungen 2013
Yoga Vidya Ausbildungen 2013Yoga Vidya e.V.
 
Dolor manejo opioides 2016
Dolor manejo opioides 2016Dolor manejo opioides 2016
Dolor manejo opioides 2016Javier Blanquer
 

Andere mochten auch (20)

Globalization, creative destruction, and labor share change: Evidence on the ...
Globalization, creative destruction, and labor share change: Evidence on the ...Globalization, creative destruction, and labor share change: Evidence on the ...
Globalization, creative destruction, and labor share change: Evidence on the ...
 
Remote Access to Windows Remote Desktop Servers in a new Dimension
Remote Access to Windows Remote Desktop Servers in a new DimensionRemote Access to Windows Remote Desktop Servers in a new Dimension
Remote Access to Windows Remote Desktop Servers in a new Dimension
 
iBeacon Präsentation
iBeacon PräsentationiBeacon Präsentation
iBeacon Präsentation
 
Tdah en la infancia
Tdah en la infanciaTdah en la infancia
Tdah en la infancia
 
Unrelated Cord Blood Transplantation In Adults with Hematological Malignancie...
Unrelated Cord Blood Transplantation In Adults with Hematological Malignancie...Unrelated Cord Blood Transplantation In Adults with Hematological Malignancie...
Unrelated Cord Blood Transplantation In Adults with Hematological Malignancie...
 
Dossier de Prensa Ecuextre y Toro 2014
Dossier de Prensa Ecuextre y Toro 2014Dossier de Prensa Ecuextre y Toro 2014
Dossier de Prensa Ecuextre y Toro 2014
 
Improvement Kata Flowchart
Improvement Kata FlowchartImprovement Kata Flowchart
Improvement Kata Flowchart
 
Planificacion por proyecto
Planificacion por proyectoPlanificacion por proyecto
Planificacion por proyecto
 
SecrecióN Ductal
SecrecióN DuctalSecrecióN Ductal
SecrecióN Ductal
 
K. Eggenstein - El Profeta Lorber anuncia las catástrofes venideras y la aute...
K. Eggenstein - El Profeta Lorber anuncia las catástrofes venideras y la aute...K. Eggenstein - El Profeta Lorber anuncia las catástrofes venideras y la aute...
K. Eggenstein - El Profeta Lorber anuncia las catástrofes venideras y la aute...
 
Semiotica del comic (the walking dead)
Semiotica del comic (the walking dead)Semiotica del comic (the walking dead)
Semiotica del comic (the walking dead)
 
Simplified technical english may, 2014 final
Simplified technical english may, 2014 finalSimplified technical english may, 2014 final
Simplified technical english may, 2014 final
 
Developing competencies for occupational therapy education and practice
Developing competencies for occupational therapy education and practiceDeveloping competencies for occupational therapy education and practice
Developing competencies for occupational therapy education and practice
 
Business intelligence uoc alumni
Business intelligence uoc alumniBusiness intelligence uoc alumni
Business intelligence uoc alumni
 
4 Ways to Build a Metric-Based Sales Coaching Culture
4 Ways to Build a Metric-Based Sales Coaching Culture4 Ways to Build a Metric-Based Sales Coaching Culture
4 Ways to Build a Metric-Based Sales Coaching Culture
 
Reactive Design Patterns: a talk by Typesafe's Dr. Roland Kuhn
Reactive Design Patterns: a talk by Typesafe's Dr. Roland KuhnReactive Design Patterns: a talk by Typesafe's Dr. Roland Kuhn
Reactive Design Patterns: a talk by Typesafe's Dr. Roland Kuhn
 
voip gateway
 voip gateway voip gateway
voip gateway
 
CyberArk Master Policy Intro
CyberArk Master Policy IntroCyberArk Master Policy Intro
CyberArk Master Policy Intro
 
Yoga Vidya Ausbildungen 2013
Yoga Vidya Ausbildungen 2013Yoga Vidya Ausbildungen 2013
Yoga Vidya Ausbildungen 2013
 
Dolor manejo opioides 2016
Dolor manejo opioides 2016Dolor manejo opioides 2016
Dolor manejo opioides 2016
 

Ähnlich wie Digital design 2015 neue und alte entwicklungen - vortrag tourismuscamp 2015

Unternehmen auf dem Weg zum Enterprise 2.0 (IHK-Vortrag)
Unternehmen auf dem Weg zum Enterprise 2.0 (IHK-Vortrag)Unternehmen auf dem Weg zum Enterprise 2.0 (IHK-Vortrag)
Unternehmen auf dem Weg zum Enterprise 2.0 (IHK-Vortrag)Martina Goehring
 
Digital Tsunami - Digitalisierung, Disruption, Netzwerkeffekt - Key Note hr p...
Digital Tsunami - Digitalisierung, Disruption, Netzwerkeffekt - Key Note hr p...Digital Tsunami - Digitalisierung, Disruption, Netzwerkeffekt - Key Note hr p...
Digital Tsunami - Digitalisierung, Disruption, Netzwerkeffekt - Key Note hr p...Nicolas Clasen
 
Die neue Digitale Realität - Wie die Digitale Transformation Strategie, Proze...
Die neue Digitale Realität - Wie die Digitale Transformation Strategie, Proze...Die neue Digitale Realität - Wie die Digitale Transformation Strategie, Proze...
Die neue Digitale Realität - Wie die Digitale Transformation Strategie, Proze...University St. Gallen
 
Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017
Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017
Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017Namics – A Merkle Company
 
Mobile Strategy - marketing on tour 2014
Mobile Strategy - marketing on tour 2014Mobile Strategy - marketing on tour 2014
Mobile Strategy - marketing on tour 2014Carsten Lambrecht
 
Die Zukunft ist jetzt: 3D und Virtuelle Welten im Mittelstand Themenspecial v...
Die Zukunft ist jetzt: 3D und Virtuelle Welten im Mittelstand Themenspecial v...Die Zukunft ist jetzt: 3D und Virtuelle Welten im Mittelstand Themenspecial v...
Die Zukunft ist jetzt: 3D und Virtuelle Welten im Mittelstand Themenspecial v...BusinessVALUE24
 
KEYNOTE IAB SCHWEIZ - ONLINEVERMARKTUNG: DAS MODELL IST GESCHEITERT
KEYNOTE IAB SCHWEIZ - ONLINEVERMARKTUNG: DAS MODELL IST GESCHEITERTKEYNOTE IAB SCHWEIZ - ONLINEVERMARKTUNG: DAS MODELL IST GESCHEITERT
KEYNOTE IAB SCHWEIZ - ONLINEVERMARKTUNG: DAS MODELL IST GESCHEITERTNicolas Clasen
 

Ähnlich wie Digital design 2015 neue und alte entwicklungen - vortrag tourismuscamp 2015 (20)

VDC Newsletter 2006-06
VDC Newsletter 2006-06VDC Newsletter 2006-06
VDC Newsletter 2006-06
 
Unternehmen auf dem Weg zum Enterprise 2.0 (IHK-Vortrag)
Unternehmen auf dem Weg zum Enterprise 2.0 (IHK-Vortrag)Unternehmen auf dem Weg zum Enterprise 2.0 (IHK-Vortrag)
Unternehmen auf dem Weg zum Enterprise 2.0 (IHK-Vortrag)
 
VDC Newsletter 2012-10
VDC Newsletter 2012-10VDC Newsletter 2012-10
VDC Newsletter 2012-10
 
VDC Newsletter 2009-03
VDC Newsletter 2009-03VDC Newsletter 2009-03
VDC Newsletter 2009-03
 
VDC Newsletter 2011-01
VDC Newsletter 2011-01VDC Newsletter 2011-01
VDC Newsletter 2011-01
 
Digital Tsunami - Digitalisierung, Disruption, Netzwerkeffekt - Key Note hr p...
Digital Tsunami - Digitalisierung, Disruption, Netzwerkeffekt - Key Note hr p...Digital Tsunami - Digitalisierung, Disruption, Netzwerkeffekt - Key Note hr p...
Digital Tsunami - Digitalisierung, Disruption, Netzwerkeffekt - Key Note hr p...
 
Die neue Digitale Realität - Wie die Digitale Transformation Strategie, Proze...
Die neue Digitale Realität - Wie die Digitale Transformation Strategie, Proze...Die neue Digitale Realität - Wie die Digitale Transformation Strategie, Proze...
Die neue Digitale Realität - Wie die Digitale Transformation Strategie, Proze...
 
VDC Newsletter 2013-03
VDC Newsletter 2013-03VDC Newsletter 2013-03
VDC Newsletter 2013-03
 
VDC Newsletter 2009-07
VDC Newsletter 2009-07VDC Newsletter 2009-07
VDC Newsletter 2009-07
 
VDC Newsletter 2010-07
VDC Newsletter 2010-07VDC Newsletter 2010-07
VDC Newsletter 2010-07
 
Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017
Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017
Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017
 
Mobile Strategy - marketing on tour 2014
Mobile Strategy - marketing on tour 2014Mobile Strategy - marketing on tour 2014
Mobile Strategy - marketing on tour 2014
 
VDC Newsletter 2011-12
VDC Newsletter 2011-12VDC Newsletter 2011-12
VDC Newsletter 2011-12
 
Die Zukunft ist jetzt: 3D und Virtuelle Welten im Mittelstand Themenspecial v...
Die Zukunft ist jetzt: 3D und Virtuelle Welten im Mittelstand Themenspecial v...Die Zukunft ist jetzt: 3D und Virtuelle Welten im Mittelstand Themenspecial v...
Die Zukunft ist jetzt: 3D und Virtuelle Welten im Mittelstand Themenspecial v...
 
VDC Newsletter 2010-10
VDC Newsletter 2010-10VDC Newsletter 2010-10
VDC Newsletter 2010-10
 
VDC Newsletter 2007-04
VDC Newsletter 2007-04VDC Newsletter 2007-04
VDC Newsletter 2007-04
 
VDC Newsletter 2007-10
VDC Newsletter 2007-10VDC Newsletter 2007-10
VDC Newsletter 2007-10
 
Web 2.0 Unternehmen
Web 2.0 UnternehmenWeb 2.0 Unternehmen
Web 2.0 Unternehmen
 
VDC Newsletter 2006-12
VDC Newsletter 2006-12VDC Newsletter 2006-12
VDC Newsletter 2006-12
 
KEYNOTE IAB SCHWEIZ - ONLINEVERMARKTUNG: DAS MODELL IST GESCHEITERT
KEYNOTE IAB SCHWEIZ - ONLINEVERMARKTUNG: DAS MODELL IST GESCHEITERTKEYNOTE IAB SCHWEIZ - ONLINEVERMARKTUNG: DAS MODELL IST GESCHEITERT
KEYNOTE IAB SCHWEIZ - ONLINEVERMARKTUNG: DAS MODELL IST GESCHEITERT
 

Digital design 2015 neue und alte entwicklungen - vortrag tourismuscamp 2015