digital design 2015 neue und alte entwicklungen - vortrag tourismuscamp 2015
TRANSCRIPT
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
