Grenzen von Responsive Design | Werbeplanung.at Summit 2014
-
Upload
fonda-wien -
Category
Design
-
view
245 -
download
0
description
Transcript of Grenzen von Responsive Design | Werbeplanung.at Summit 2014
GRENZEN VON RESPONSIVE DESIGN SUMMIT 2014
3 Grenzen von Responsive Design
COPE
CREATE ONCE PUBLISH EVERYWHERE
tap it
6 Grenzen von Responsive Design
scan it
7 Grenzen von Responsive Design
view it
8 Grenzen von Responsive Design
swipe it
9 Grenzen von Responsive Design
scroll it
10 Grenzen von Responsive Design
read it
11 Grenzen von Responsive Design
touch it
12 Grenzen von Responsive Design
scale it
13 Grenzen von Responsive Design
do what you want with it
14 Grenzen von Responsive Design
15 Grenzen von Responsive Design
2010 ……. 2014 …
17 Grenzen von Responsive Design
Qualität vs. Performance
18 Grenzen von Responsive Design
Qualität vs. Performance
Picture Element. Danke.
>
19 Grenzen von Responsive Design
Tabellen und Übersicht
20 Grenzen von Responsive Design
Tabellen und Übersicht
• Prioritäten • Scrolling • Selektionen
>
21 Grenzen von Responsive Design
Komplexe Struktur und wenig Platz
22 Grenzen von Responsive Design
Komplexe Struktur und wenig Platz
23 Grenzen von Responsive Design
Wie groß ist ein Finger? In Pixel!
45 – 57 Pixel
24
RESS
RESS: Responsive Design und Server Side Components
Ich kann doch nicht alles machen! RESS bitte.
Alles lösbar – alles gut?
Konzept, Design und Technik machen’s möglich?
26 Grenzen von Responsive Design
Oje 1 Oje 2 Oje 3 Oje 4
27 Grenzen von Responsive Design
RESPONSIVE DESIGN WON’T FIX YOUR CONTENT PROBLEM.
-‐ Karen McGrane
Oje 1
28 Grenzen von Responsive Design
CONTENT
Website
Intranet
Social Media
Mobile Web
Smartphone Apps
Tablet Apps
Print Uhren
Car Entertainment
Toaster
Smart TV
Google Glasses
Landingpages
Microsites
Kühlschrank
Blogs
29 Grenzen von Responsive Design
“ Verpflichte dich dem Multi-Channel-Anspruch. Sorg dafür, dass die Leute über besseren und strukturierteren Content nachdenken.“ - Leisa Reichelt, die Leiterin des Government Digital Services in UK
30 Grenzen von Responsive Design
“ For example, because our recipes were never properly tagged by ingriedients and cooking time, we floundered for about 15 years trying to figure out how to create a useful recipe database. We can do it now, but only after spending a huge sum to retroactively structure the data.“ - The New York Times Innovation Report
31 Grenzen von Responsive Design
Typ Headline
Kategorie
Betonung
Text
Autor
Lead in
Tags
Bilder
Videos
EIN ARTIKEL
Geo Location
32 Grenzen von Responsive Design
“ The future of content management systems is in their ability to capture the content in a clean, presentation-independent way.“ - Daniel Jacobson, Netflix
33 Grenzen von Responsive Design
Content Management statt Web Publishing
Source: Rasmus Skjodan, der Typo3 NEOS UX Lead
Bye bye - WYSIWYG!
Welcome multi-device and multi-channel!
35 Grenzen von Responsive Design
EINE FÜR ALLE IST BILLIGER.
Oje 2
36 Grenzen von Responsive Design
“ Wir möchten eine neue Website. Was kostet das?“ - Ein Kunde
“ XX,-“ - Agentur
37 Grenzen von Responsive Design
“ Wir möchten eine neue Website. Was kostet das? Ach ja – und sie soll auf allen Geräten optimal funktionieren.“ - Ein Kunde
“ XX,- + 50%“ - Agentur
38 Grenzen von Responsive Design
“ Wir wollen unsere Website optisch modernisieren. - Ein Kunde
“ OK – also ein Refreshment!“ - Agentur
39 Grenzen von Responsive Design
“ Ja genau – ein Refreshment. Ach ja – und sie soll auf allen Geräten optimal funktionieren.“ - Ein Kunde
“ Stopp! Also doch ein Komplettrelaunch!“ - Agentur
40 Grenzen von Responsive Design
RESPONSIVE WEB ERSETZT KEINE APP!
Oje 3
41 Grenzen von Responsive Design
Nein, die Website kann nicht …
… offline genutzt werden!
… so performant sein!
… verkauft werden
… zu 100% auf die User-Situation eingehen.
… alle Gerätefunktionen nutzen
… im App-Store beworben werden
… die gleiche UX bieten
42 Grenzen von Responsive Design
WE PROUDLY PRESENT: THE HAMBURGER
Oje 4
43 Grenzen von Responsive Design
“ No one understands the icon, let’s add the word menu. The word is too small, let’s add a pop-up calling it out.“
Luke Wroblewski - pic.twitter.com/Jargi7gavX
44 Grenzen von Responsive Design
Hamburger A/B Test: 1. Test
Source: hDp://exisweb.net/mobile-‐menu-‐abtest
45 Grenzen von Responsive Design
Hamburger A/B Test: 1. Test
Source: hDp://exisweb.net/mobile-‐menu-‐abtest
✔
46 Grenzen von Responsive Design
Hamburger A/B Test: 2. Test
Source: hDp://exisweb.net/mobile-‐menu-‐abtest
Baseline
Menü + Border Hamburger + Menü Menü
47 Grenzen von Responsive Design
Hamburger A/B Test: 2. Test
Source: hDp://exisweb.net/mobile-‐menu-‐abtest
✔
Baseline
Menü + Border Hamburger + Menü Menü
Fonda Interaktive Medien und Kommunikation GmbH Neubaugasse 57/36 1070 Wien www.fonda.at
Danke!