andi gentsch, inm ag. · responsive webdesign mobile website break-points und fluid (achtung: ux)...

28
Andi Gentsch, INM AG. @elGentscho

Upload: others

Post on 22-Jul-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

Andi Gentsch, INM AG. @elGentscho

Page 2: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

Alltagsgegenstände

6.5 Mia. 4.5 Mia.

Page 3: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

70% der Mails auf Mobile Phones.

Page 4: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

SEO

Wovon sprechen wir?

Page 5: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

SEO

Responsive passt sich an, ändert aber die URL nicht.

Was bedeutet Responsive?

Page 6: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

SEO

Was bedeutet Responsive?

Page 7: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

SEO

Responsive vs. Mobile Website.

Responsive Webdesign Mobile Website

Break-Points und Fluid (Achtung:

UX)

Separate URL (m.inm.ch)

Einmalige Pflege Separate Pflege der Inhalte

Ideale Darstellung auf allen

Endgeräten

Template pro Endgerät nötig

SEO ist einfacher SEO ist komplexer (duplicate

Content)

Aufwendiger und technisch

komplexer

Günstiger und schneller kreiert

Einfachere, statistische

Auswertungen

Besucher kommen nur über ein

Endgerät

Höhere Ladezeiten, da „schwerer“ Einfacher Aufbau und schnellere

Ladezeit

Einfacheres Marketing Mehrere Sites müssen beworben

werden

Page 8: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

SEO

Prozessbezogene Unterschiede.

Apps vs. Responsive/ Mobile Website.

Page 9: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

SEO

Grundsätzliche Unterschiede im Funktionsumfang.

Apps vs. Responsive/ Mobile Website.

Page 10: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

SEO

Apps sind im Lead, was die Nutzung betrifft.

Apps vs. Responsive Webdesign.

Page 11: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

SEO

Eine App für alle Fälle.

Page 12: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

SEO

Verfügbare Apps.

Wofür nutzen die User Apps und wofür bevorzugen sie Browser-Lösungen?

Page 14: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

SEO

104 Apps, von stündlich über vierteljährlich bis nie.

Anzahl genutzter Apps.

Page 15: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

SEO

Location Tracking, Push-Nachrichten, Bluetooth

Offline Modi, Kamera und Mails auslesen

Runtastic und TripIt

Page 16: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

SEO

Der Buildster, ein Tool für Bauherren und Anbieter.

Apps passen sich Nischen an.

Page 17: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

SEO

Suchen und Finden.

Page 18: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

SEO

Nutzung von Endgeräten zur Suche im Internet.

Suche im Netz.

Page 19: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

Google gewichtet mobile immer stärker und rückt

auch Apps gezielt in den Fokus.

Mobile Suche.

Page 20: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

SEO

Location based – Google mischt mit.

Standortbezogene Suche.

Page 21: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

SEO

Google MyBusiness ersetzt Telefonbücher.

Google, das Telefonbuch.

Page 22: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

SEO

Google löscht unbestätigte Einträge aus Maps.

Google MyBusiness.

Page 23: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

SEO

Über den Tag verteilt Nutzung.

Nutzung von Endgeräten.

Page 24: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

SEO

Tablets werden vor allem zu Hause eingesetzt.

Fokussieren Sie im Business auf Smartphones.

Nutzung von Endgeräten.

Page 25: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

• Werden Smartphone-Funktionen gebraucht?

• Ist Personalisierung gefragt?

• Ist das UI/ Design komplex?

• Haben Sie ein limitiertes Budget?

• Soll der Inhalt monetarisiert werden?

• Ist SEO ein Thema?

• Wird die App Store Zulassung schwierig?

• Werden grosse Datenmengen versendet?

• Werden häufig Updates vollzogen?

• Soll der Zugriff Endgerät unabhängig sein?

SEO

Die 10 Punkte Entscheidungs-Matrix.

Page 26: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

1) Machen Sie sich mobil!

2) Prüfen Sie Aufwand und Ertrag vor und nach dem

Go-Live.

3) Welchen Mehrwert bietet Ihr Ansatz der

Zielgruppe?

4) Inhalte entscheiden, bei jedem Ansatz.

5) Bedienen Sie Plattformen wie Google MyBusiness.

6) Machen Sie sich mobil!

Page 27: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

…übrigens: 18 Mal mehr Bakterien.

Page 28: Andi Gentsch, INM AG. · Responsive Webdesign Mobile Website Break-Points und Fluid (Achtung: UX) Separate URL (m.inm.ch) ... Workshop Author: timotheus.bruderer Created Date: 9/16/2015

Andi Gentsch, INM AG. @elGentscho