Mobility – Do's und Don't im mobilen Web

Kochan & PartnerBrandDesignDevelopment

Mobility

Do’s und Don’ts im mobilen Web

Markus Grevezur PORT #2 am 27. Januar 2016

Mit-Teilen: Wo Dich das Rascheln von Laub

aufspürt, der Flügelschlag einer Graugans. Wo

Ideen lässig landen und Musen sich zum Kuss

aufreihen. VERSUCH ÜBER DAS GEMEINSAME:

www.kochan.de/experiment

http://www.kochan.de/experiment

Kochan & Partner Brand Design Development2

Markus Greve KOCHAN & PARTNER BRAND DESIGN DEVELOPMENT

T +49 89 17860–150 E [email protected] @mrmontezuma

Hello!

Slides de.slideshare.net/markusgreve/

mailto:[email protected]

Kochan & Partner Brand Design Development

Mobility

DO’s und Don’ts im mobilen Web

Insights unserer Arbeit

Und gerne die eine oder andere Frage danach.

3


________

SIZE

MATTERS

Und es kommt doch auf die Größe an

________


Accelerated Mobile Pages (AMP)

»Die Einführung mobiler SERPS im April 2015 war

ein klares Zeichen an alle Webmaster, wie ernst es

Google mit der mobilen Suche ist – und mit der

Ankündigung von AMP wird dieser Weg konsequent

weitergeführt (…)

Es muss endlich Schluss sein mit 23MB großen

Seiten, auf die ich dann mit Edge in der Bahn

warten soll«

Raphael Raue Head of SEO bei Spiegel Online


Accelerated Mobile Pages (AMP)

»Die Einführung mobiler SERPS im April 2015 war

ein klares Zeichen an alle Webmaster, wie ernst es

Google mit der mobilen Suche ist – und mit der

Ankündigung von AMP wird dieser Weg konsequent

weitergeführt (…)

Es muss endlich Schluss sein mit 23MB großen

Seiten, auf die ich dann mit Edge in der Bahn

warten soll«

Raphael Raue Head of SEO bei Spiegel Online


Quelle www.websiteoptimization.com

0

450

900

1.350

1.800

95 96 97 98 99 01 02 03 04 05 06 07 08 09 10 11 12 13 14

Anzahl ObjekteSeitengröße (KB)



0

450

900

1.350

1.800

95 96 97 98 99 01 02 03 04 05 06 07 08 09 10 11 12 13 14


2 26 50 65 85 88 101 108 112



0

450

900

1.350

1.800

95 96 97 98 99 01 02 03 04 05 06 07 08 09 10 11 12 13 14


14

94

312

507

679

788

1.081

1.529

1.622

2 26 50 65 85 88 101 108 112



0

450

900

1.350

1.800

95 96 97 98 99 01 02 03 04 05 06 07 08 09 10 11 12 13 14


14

94

312

507

679

788

1.081

1.529

1.622

2 26 50 65 85 88 101 108 112

Durchschnitt (!) 2014

1,6 MB


»… whilst flashy visuals may attract customers by

making a great first impression, building a long

lasting customer relationship actually depends on

the quality of the experience through how that

website performs.«

Michael Allen Vicepresident of APM at Compuware


Handarbeit

Beispiel Responsive Images


Handarbeit

Beispiel Responsive Images


Google official Blog

October 2015



October 2015

Accelerated

Mobile

Pages

Project



October 2015

Accelerated

Mobile

Pages

Project



October 2015

Accelerated

Mobile

Pages

Project


________

USERS INTENT

Was wollen meine Besucher?

________


Good user experience isabout matching intent.

Quelle sitetuners.com

Analyse & Vorhersage

Theorie & Wirklichkeit

?

Gängelung durch

reduzierte Inhalte

?

Responsive Websites

mit Miniatur-Grafiken

Unterdrückter Zoom

Gängelung vermeiden

Mobile Weiche


Mobile Weiche


Mobile Weiche

Zur WWW-Version

Zur Mobil-Version

Automatische Vorauswahl

Änderbar durch den Besucher


Grafiken


Grafiken


Grafiken


Grafiken


Grafiken

Größe der Abbildungen

Vollbild-Ansicht,

Zoombar

Kochan & PartnerBrandDesignDevelopment

Vielen Dank!

Internet

Mobility – Do's und Don't im mobilen Web