Content Strategy for Mobile

Ähnliche Dokumente
1. Warum Responsives Webdesign? 2. Was ist Responsives Webdesign? 3. Welche Technik und Konzepte gibt es im Responsiven Webdesign?

mobile Responsive Design Lässt Ihre Anwendungen und Inhalte auf jedem Gerät einfach gut aussehen

Die TMB Contentstrategie die wichtigste Folie!

FRONT CRAFT.

NETTBIZ WEB DESIGN GRAFIK PROGRAMMIERUNG HOSTING

Checkliste Webauftritt

Projektblatt # 1. Einleitung. Kontaktinformationen. Grundlegende Projektinformationen

Mobile Fundraising. Praxisbeispiele. Katja Prescher Fundraiserin, Marketing- und Kommunikationsexpertin. Mobile Fundraising Katja Prescher

11. Swiss CRM Forum Mobiler Kundenservice wann die APPeconomy auch für SIE Sinn macht

Wie schafft man eine optimale Multiscreen-Experience?

Go-Mobile-Strategien für Early Birds und Late Risers Benno Bartels, Enterprise Application Day, web mobile specialists

go strong 6,85 Mio. Unique User, 18 Mio. Visits, 95 Mio. PI.

Hallo. Wir sind die Papp:flieger.

Wie Hotels gegen booking.com & Co. online bestehen können. Jörg NetBusiness Consulting AG

Landes-Arbeits-Gemeinschaft Gemeinsam Leben Gemeinsam Lernen Rheinland-Pfalz e.v.

Mobile Applikationen für Geschäftsreisen Was brauchen die Unternehmen wirklich?

job and career for women 2015

Online-Marketing. Zum Nachmachen empfohlen oder mehr Schein als Sein? Der Internetauftritt eine erfolgreiche Visitenkarte im www

Social Reading Lesen über die sozialen Medien

Expertenumfrage: Mobile Applications

HERZLICH WILLKOMMEN!

Online-Lösungen Fotografie Design.

Blumen-bienen-Bären Academy. Kurzanleitung für Google Keyword Planer + Google Trends

Usability Engineering

GmbH. Feuer im Herzen. Werbung im Blut.

Online-Dateienablage und Datenaustauschdienst Box.net Stand: September 2011

Fragenkatalog für die Entwicklung einer Website

Übersicht. Wer bin ich? Was habe ich bisher gemacht?

mehr pepp im web ARBEITEN MIT FACEBOOK

AEZ Yacht & Yacht SUV highgloss high gloss. DOTZ MUGELLO schwarz glänzend / hornpoliert black / polished

Web-Marketing und Social Media

Windows 8.1. In 5 Minuten Was ist alles neu? Word

Mobiler. Vernetzter. Emotionaler. Wie SBG auf die Entwicklung des Internets reagiert

Mobiler Ratgeber. TILL.DE Google Partner Academy

Status Quo, ein Blick in die Zukunft & Handlungsempfehlungen

Was meinen die Leute eigentlich mit: Grexit?

Englisch. Schreiben. 18. September 2015 HTL. Standardisierte kompetenzorientierte schriftliche Reife- und Diplomprüfung. Name: Klasse/Jahrgang:

Webseiten sind keine Gemälde. Webstandards für ein besseres Web. Webstandards für ein besseres Web

Leit-Bild der Sonnenhofschule

Content Marketing für webseiten

Social-Media Basis-Paket Ein einfaches und verständliches Unternehmens-Programm für den ersten Schritt

Content Marketing: Worte sagen mehr als ein Bild

Grundlagen zur Erstellung und dem Relaunch einer Homepage. Julius Hoyer Osnabrück März 2015

Social Media. Marketing und Kommunikation mit Facebook, Twitter, Xing & Co.

Michaela Knirsch-Wagner

Wie ist das Wissen von Jugendlichen über Verhütungsmethoden?

Social Media-Trendmonitor

Klassenentwurf. Wie schreiben wir Klassen, die leicht zu verstehen, wartbar und wiederverwendbar sind? Objektorientierte Programmierung mit Java

Alle gehören dazu. Vorwort

Online Marketing. Wie reduziere ich die Abhängigkeit von Google YOUR LOGO

Liferay 6.2. Open Source IT-Dienstleister. Ein modernes Open Source Portal System. forwerts solutions GmbH, Gabriele Maas

Der personalisierte Recommendation-Service für Ihre Website

Hallo! Social Media in der praktischen Anwendung Warum macht man was und vor allem: wie? Osnabrück, den 07. Juli 2014.

iq digital quarterly #1 Content Marketing

ERP-Evaluation systematisch und sicher zum optimalen ERP-System

Shopping-App-Nutzung 2016

Social Media Monitoring Was wird über Sie und Ihre Wettbewerber gesagt?

Die Bundes-Zentrale für politische Bildung stellt sich vor

Abenteuer e-commerce Erfolgreich mit dem eigenen Onlineshop.

Acht Gute Gründe für Integration und einen Content Backbone

Vertraulich. Nachname: Vorname: Matrikel-Nummer: Studiengang: Datum: 30. Januar 2015

MOBILE USABILITY. Johannes Ewald peerigon UG

IT-SICHERHEIT IM UNTERNEHMEN Mehr Sicherheit für Ihre Entscheidung

Übung - Erstellen von Benutzerkonten in Windows 7

Workshop für das Präsentations-Tool Prezi

Nutzung und Akzeptanz von QR-Codes

Wichtige Themen für die Strategie der Fachverlage (n = 58; Mehrfachnennungen)

Checkliste Adwords Optimierung

Glaube an die Existenz von Regeln für Vergleiche und Kenntnis der Regeln

MOBILE. Seit 10 Jahren

Deutsche Golf Liga. Mediadaten Gültig ab Juli deutsche golf online GmbH

3-W-Event. Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign. Sabrina Schoenfelder Projektleitung, Beratung

Agile UND nutzerorientierte Konzeption und Entwicklung mobiler Apps - ein Widerspruch?

Nominari. Firmenportrait

Anhang. 3. Was denken Sie: An wen richtet sich das Lernprogramm für Psycholinguistik? zu nicht nicht zu

Praktikables Online-Marketing

Webdesign / Usability

CONTEXT IS KING AND DEVICE IS QUEEN! IN DER MOBILEN MARKENKOMMUNIKATION. 21TORR Interactive GmbH

DESIGN PRINT IT. Was genau ist eigentlich Crossmedia?

Warum brauche ich eine Website?

8 Gründe.. WARUM IHR UNTERNEHMEN ENGLISCHSPRACHIGE MITARBEITER BRAUCHT

Partner werden im amicella-network

Zu wenig Bewerber? Damit Ihre Stellenanzeigen gefunden werden

Die Bürgermeister App. Mein Bürgermeister hört mich per App.

die wichtigsten online-tools für augenoptiker websites

Schritt-für-Schritt-Anleitung So verschlüsseln Sie Ihr -Konto auf Ihrem Android Smartphone

SOCIAL MEDIA & PHOTOGRAPHY BOOTCAMP. Social Media & Fotografie. Workshop für Unternehmer & Mitarbeiter

vtime: die Browser-App von virtic

Erfolgsfaktor Usability. Effektive und gewinnbringende Methoden für KMU

Netzwerke im www. Workshop im Rahmen des 4. Brandenburger Stiftungstages von Dipl.-Kfm. (FH) Hendrik Ette

Texten für Gründer. Die Kraft der Sprache optimal für den Gründungs-Prozess nutzen

räber Neue Kunden gewinnen Mit Online-Marketing zum Ziel Content- und Online-Marketing für KMU

AUFBAUPROGRAMME YOU ONLY LIVE ONCE, BUT IF YOU DO IT RIGHT, ONCE IS ENOUGH.

Transkript:

Content Strategy for Mobile Maik Derek Schneitler Responsive Webdesigner Büro für kreative Zusammenarbeit B

User = Wir

Es gibt keine Content Strategy für Mobile.

Wir brauchen: Eine Strategie für alles.

It is better to have 100 functions operate on one data structure, than ten functions on ten data structures. - Alan J. Perlis

It is better to have 100 platforms operate on one content model, than to have ten platforms on ten content models. - Karen McGrane

Was bedeutet mobil?

Fakten: Mobile ist das neue Massenmedium Demnächst mehr Smartphones als Menschen auf der Welt In Zukunft mehr Smartphone- als Desktop-User

Desktop vs. Mobile

Brauche ich eine mobile Webseite?

Ja!

Mobile is Social

Was machen wir auf einer mobilen Seite?

Wir suchen Lösungen!

If the user doesn t find what he is looking for, he switches the website.

Wie sehen mobile Webseiten aus?

Mobile Webseiten sind keine abgespeckte Desktop-Version!

Soll ich wirklich alles auf die mobile Seite packen?

Ja!

Welche Strategie?

Die separate Strategie CMS1 CMS2

Die App Strategie

Die responsive Strategie

The goal of responsive webdesign is to create legible, beautiful and functional experiences across as many environments as possible.

Responsive Layout Patterns

Layout Patterns Klassisch Responsive Quelle: Luke Wroblewski- Multi-Device Layout Patterns

Layout Patterns Column-Drop Quelle: Luke Wroblewski- Multi-Device Layout Patterns

Layout Patterns Layout Shifter Quelle: Luke Wroblewski- Multi-Device Layout Patterns

Layout Patterns Off-Canvas Quelle: Luke Wroblewski- Multi-Device Layout Patterns

Quelle: Luke Wroblewski- Multi-Device Layout Patterns

Sourceholding

Art Directed Content

Adaptive Content Strategie

Get your content ready to go anywhere because it s going to go everywhere. - Brad Frost

COPE (create once, publish everywhere)

Welche Möglichkeiten ergeben sich dadurch?

Reusable Content CONTENT

Structured Content CHUNK 1 CHUNK 2 CONTENT CHUNK 3

Presentation independent Content CONTENT

Wie bereite ich den Content auf?

Content Modeling - Content Type - Attributes - Data Limits - usw. (weitere Abhängigkeiten)

Information Architecture - Überschriften (multiple) - Teaser (multiple) - Zusammenfassungen (multiple) - Body-Text (multiple) - usw. (weitere Abhängigkeiten)

Metadata MD1 MD2 MD3 CHUNK 3 CHUNK 2 CHUNK 1 CHUNK 1 CHUNK 1 CHUNK 2 CHUNK 2 CHUNK 3 CHUNK 3

Metadata is the new art direction. - Ethan Resnick

Welche Vorraussetzungen brauche ich?

Ein benutzerfreundliches CMS, das Multichannel-Publishing unterstützt.

..und weiterhin Editoren, die in der Lage sind mit dem System umzugehen und tatsächlich Editoren sind.

Everyone wants one-click publish, no one wants one-click embarassement. - Jeff Eaton

Was habe ich, wenn alles drin ist? 1. Ihr Content auf allen Plattformen 2. Ihr Content ist strukturiert 3. Ihr Content ist maximal wiederverwendbar = Sie haben eine zukunfstorientierte Content Strategy

Wie gehe ich es an? - Legen Sie die aktuellen Userzahlen vor - Zeigen Sie die Möglichkeiten auf - Präsentieren Sie die Seiten von der Konkurrenz - Wählen Sie die richtige Agentur!

Zusammenfassung - Sie wissen nicht, was der mobile User braucht - Responsive Content Strategy für uni-content (Web-Devices) - Adaptive Content Strategy für Multichannel-Publishing - Planen Sie Ihre Strategie

Die nächsten 1000 Tage? - Fluid Entertainment - Visuelle Kontinuität durch alle Systeme - Medien in höchster Qualität - Modulare Programmierung und Accessibility

Zum Abschluss..

Usability Eine Website ist eine emotionale Erfahrung & die wertvollste Schnittstelle zum User.

Remember that there are already too many things out there. We don't need more things. We need things that work well. - Aral Balkan

Vielen Dank. Maik Derek Schneitler Responsive Webdesigner Büro für kreative Zusammenarbeit B