Screencasts aber richtig v2

  • View
    206

  • Download
    0

  • Category

    Design

Preview:

DESCRIPTION

Präsentation vom #bcs6 zum Thema "Produktvideos, in schön". Wie benutzt man Screencasts, Animationen und andere Video Techniken um Engagement auf seiner Seite zu bekommen und mehr Shares auf Social Media.

Citation preview

…aber richtig

ScreencastsAndreas Zeitler@zettt

Montag, 23. September 13

Historie

Probleme und Lösungen

Ausblick

Herangehensweise

Kommunikation

App Video Arten

Erklären können

Agenda

Montag, 23. September 13

HistorieBildschirmaufnahme

Begriff geht auf 2004 zurück

Montag, 23. September 13

HistorieWir hatten ja nichts

Apps mit Funktionen speziell für den Screencast gab es nicht

- Snapz Pro X

- iShowU

- …

Montag, 23. September 13

Historie2008: ScreenFlow (Mac!)

Spezialfunktionen:

- Zoom

- Click-Highlights

- Callouts

- Shortcuts

- und das alles variabel!

Montag, 23. September 13

Montag, 23. September 13

HistorieDer Screencast

Erklärt ein gewisses Thema in Video Form.

Es wird etwas…

- gelehrt

- erklärt

- beigebracht

- vermittelt

- kommuniziert

Montag, 23. September 13

Resultat

- Weiche Bilder

- Farben

- Retro

HistorieWas macht die Filmindustrie?

Technologien Filmer setzen auf Digitalkameras

- Billigere Produktion

- Tapeless Workflow

Montag, 23. September 13

Sandwich Video

Montag, 23. September 13

HistorieKinetic Typography

Text lernt sprechen - clean

- einfach

- deutlich

- schnell produziert

- kann man auch selber machen

Montag, 23. September 13

Stephen Fry - Language

Montag, 23. September 13

HistorieWeitere Techniken

Alte Kunst - Stop Motion Animation

- Zeichentrick

- Infographics

Montag, 23. September 13

HistorieZusammenfassung

Es gibt nicht nur Screencasts die etwas vermitteln, sondern auch andere Video Formen.

Montag, 23. September 13

Der Screencast

Erklärt ein gewisses Thema in Video Form.

Es wird etwas…

- gelehrt

- erklärt

- beigebracht

- vermittelt

- kommuniziert

Es wird etwas…

- gelehrt

- erklärt

- beigebracht

- vermittelt

- kommuniziert

Montag, 23. September 13

Visuelle Kommunikation

Montag, 23. September 13

Visuelle Kommunikation

Spannung

0

1

2

3

4

5

6

7

8

9

10

Montag, 23. September 13

Visuelle Kommunikation

0

1

2

3

4

5

6

7

8

9

10

1 2 3 4 5 6 7 8 9 10

Spannung

Zeit

Montag, 23. September 13

KommunikationZusammenfassung

Es gibt einen zeitlichen Rahmen der zur Verfügung steht einen Sachverhalt deutlich zu vermitteln.

Montag, 23. September 13

Der Screencast

Erklärt ein gewisses Thema in Video Form.

Es wird etwas…

- gelehrt

- erklärt

- beigebracht

- vermittelt

- kommuniziert

Es wird etwas…

- gelehrt

- erklärt

- beigebracht

- vermittelt

- kommuniziert

Montag, 23. September 13

DeliveryEditingRecording

HerangehensweiseÜbersicht

Planning

Montag, 23. September 13

HerangehensweiseSchritt 1

Planning Je besser geplant wird, desto einfacher wird auch die Produktion.

Je besser geplant, desto kürzer kann das Video werden.

- Zielsetzung

- Storyboard

- Scriptwriting

- Sprecher, etc.

Montag, 23. September 13

HerangehensweiseSchritt 1

Planning ClearConciseFeasibleUnderstandable

Montag, 23. September 13

Screencasts

Intro

Am Anfang klar machen worum es geht

Wenn etwas erstellt wird zeigen was gemacht wird.

Leute können schneller abschalten.

Rumlabern kann jeder, einen "Unterricht" richtig gut durchdenken erfordert Arbeit.

Tool Belt

Screencasts

Animations2D

3D

Kinetic Typography

Stop Motion

Cartoon AnimationVerschiedene Arten von Screencasts

Tutorial

Review

Wie lange soll sowas sein?

10 Minuten ist perfekte YouTube Länge

Länger geht nur wenn YouTube es erlaubt

Alternative: VimeoErlaubt keine Promotion Videos im kostenlosen Account

Promotion Video deutlich kürzer

TV Limitierung ist unnötig

VIEL Arbeit

Je besser der Content kommunizieren soll desto mehr Arbeit muss rein gesteckt werden.

Erklärungen

Clear

Concise

Feasible

Understandable

Probleme von Videos

Internationalität

Suche Video SEO

LösungenUntertitel

Eingebrannt

Dynamisch geladen

Metadaten "Billige" Encoder löschen Metadaten

Montag, 23. September 13

HerangehensweiseSchritt 2

Recording Equipment benutzen das für den Zweck ausreichend ist.

So viel wie nötig, so wenig wie möglich.

- Hardware

- Mikrofon

- Audio-Interface

- Raum

Montag, 23. September 13

Montag, 23. September 13

HerangehensweiseSchritt 3

Editing Immer das geeignete Werkzeug benutzen.

- Dynamik

- Facials

- Grenzen von ScreenFlow & Co.

- Video-Stile

Montag, 23. September 13

HerangehensweiseSchritt 3

Editing Immer das geeignete Werkzeug benutzen.

- Dynamik

- Facials

- Grenzen von ScreenFlow & Co.

- Video-Stile

Montag, 23. September 13

GarageBuy - http://zcasting3000.com/our-clients/

Montag, 23. September 13

Decloner

Montag, 23. September 13

HerangehensweiseSchritt 4

Delivery Wo soll das Video laufen?

- Format:

- H.264

- MP4

- WebM?

- AAC

- MP3

Montag, 23. September 13

longtailvideo.com/html5

Browser/Device Video Format Audio Format

Chrome MP4, WebM AAC, MP3, Vorbis

Firefox WebM Vorbis

Internet Explorer MP4 AAC, MP3

Safari MP4 AAC, MP3

iOS MP4 AAC, MP3

Android MP4 AAC, MP3

Opera WebM Vorbis

Montag, 23. September 13

HerangehensweiseSchritt 4

Delivery Wo soll das Video überall laufen?

- Format:

- H.264

- MP4

- WebM?

- AAC

- MP3

- Grösse

Montag, 23. September 13

Untertitel

Metadaten

Probleme

InternationalitätAccessibilitySuche

Montag, 23. September 13

1 2 3

App VideosTutorial

ErklärbärvideoKonkreter WorkflowCa. 8-15 Minuten Länge

(viele sind länger)YouTube“Klassischer Screencast”

Montag, 23. September 13

1 2 3

App VideosTour

SchnelleinstiegViele Features in kurzer ZeitCa. 3-5 Minuten LängeYouTube“Klassischer Screencast”

Montag, 23. September 13

1 2 3

App VideosPromo Video

Ad, TrailerWerbevideoDeutlich kürzerGanze Palette an Möglichkeiten nutzen

Montag, 23. September 13

ScreencastingAusblick

MobileRetina

ScreenFlowCamtasiaClaquette!

photo credit: Ѕolo, http://www.flickr.com/photos/donsolo/3012001532/Montag, 23. September 13

E-Book10 Tips for Creating Engaging Product Videoshttp://mosx.tv/10-video-tips

10 TIPS FOR CREATING ENGAGING PRODUCT

VIDEOSPRACTICAL EXPERT TIPS

zCasting 3000

photo credit: Ѕolo, http://www.flickr.com/photos/donsolo/3012001532/Montag, 23. September 13

…aber richtig

ScreencastsAndreas Zeitler@zettt

Montag, 23. September 13

Recommended