Jak zrobić screencast na swoją stronę

Film wideo w witrynie może znacznie poprawić współczynnik konwersji. Niezależnie od tego, czy celem jest zapisanie się użytkownika do aplikacji internetowej, czy po prostu nakłonienie użytkowników do skontaktowania się z Tobą za pośrednictwem formularza internetowego, film wideo zwiększa prawdopodobieństwo wystąpienia takiej sytuacji.

Wystarczy przejść do strony głównej dowolnego nowego uruchomienia opartego na Internecie, a zobaczysz osadzony film z bardzo dużym wezwaniem do działania, wzywającym Cię do odtworzenia dwu- lub trzyminutowej prezentacji wideo.

Filmy wideo demonstrujące aplikacje internetowe lub usługi internetowe są często nazywane screencasty ponieważ zazwyczaj przechwytują zdarzenia na stronie internetowej firmy. Te screencasty mogą podsumować w ciągu zaledwie dwóch minut, co w przeciwnym razie mogłoby zająć wiele stron do wyjaśnienia, dzięki czemu tworzą potężne dodatki do stron internetowych.

Czy łatwo jest zrobić screencast? Ile to kosztuje i jakie narzędzia są potrzebne? Odpowiedzmy na te pytania.

Tworzenie własnego screencastu

Załóżmy, że masz aplikację internetową lub usługę internetową do promowania. Chcesz utworzyć screencast, aby pokazać, co robi. Poniżej kilka wskazówek, które pomogą Ci zacząć.

Planowanie

Jak w przypadku wszystkich, planowanie jest niezbędne. Zanim zrobisz cokolwiek innego, zaplanuj swój screencast bardzo ostrożnie . Rozważ następujące pytania:

Jaką ogólną wiadomość chcesz przekazać filmowi?
Jak długi powinien być film wideo?
Czy wideo powinno być szybkim, "efektownym" przeglądem twojego produktu, czy dłuższym, szczegółowym, nieformalnym screencastem?
Czy chcesz, aby film był osobisty, z przyjaznym lektorem, czy raczej trzymałbyś się muzyki i tytułów?

Poradniki często mają formę nieformalnego screencastu. Screencasty są zazwyczaj nieskryptowane, ale są zgodne z podstawowym scenariuszem. Zaletą tego jest to, że twój produkt będzie prezentowany w przyjazny sposób, a te screencasty mogą być szybko wyprodukowane. Są również bardziej pouczające i instruktażowe w pokazywaniu, jak działa dany produkt.

Wady polegają na tym, że mogą wydawać się nieprofesjonalne i mogą być dość długie i mniej angażujące dla odwiedzających. Tak więc, planowanie lokalizacji filmu (np. Sekcja pomocy lub strona główna) oraz wiadomość, którą chcesz przekazać, pomogą ci zdecydować, jakie podejście zastosować.

Załóżmy, że chcesz zrobić krótki, skryptowy, dobrze zredagowany screencast.

Storyboard

Po przemyśleniu ogólnego wrażenia wideo, wyjmij swój zaufany notatnik i długopis i utwórz scenorys. Scenorys jest przybliżoną reprezentacją screencastu i może służyć jako ogólna oś czasu scen. Każda scena dotyczyłaby innego aspektu produktu. Na przykład:

Wprowadzenie i podsumowanie Twojej usługi;
Najważniejsze cechy lub unikalne punkty sprzedaży;
Referencje od klientów;
Porównanie planów cenowych, a nawet porównanie z konkurencyjnymi produktami;
Podsumowanie końcowe , z logo i hasłem.

Jeśli masz dużo do pokrycia w swoim screencastzie, warto podzielić każdą scenę na pod-sceny, aby uzyskać więcej szczegółów. Im więcej szczegółów w twoich scenorysach, tym łatwiej będzie etap edycji.

Zaplanuj każdą scenę i pod-scenę wideo, a poniżej wypisz punkty, co omówisz. Punkty mogą obejmować przykłady części aplikacji WWW, które użytkownicy mają kliknąć, konkretne zwroty, których można użyć w lekturze i dowolne efekty wideo lub przejścia, które są potrzebne.

Twój storyboard pomoże Ci utrzymać porządek podczas całego procesu, a jeśli kiedykolwiek zgubisz się podczas tworzenia filmu, scenorys przeniesie Cię na właściwe tory.

Skrypt Voiceover

Jeśli nie planujesz lektora (chociaż na pewno ci to pomoże), możesz pominąć ten krok.

Po nakreśleniu scenorysu możesz zacząć pisać swój skrypt głosowy. Na innej kartce wypisz nagłówki dla każdej sceny, a następnie skryptuj każdą scenę w oparciu o wcześniej napisane punkty.

Pamiętaj, aby pozostawić miejsce na zmiany, ponieważ prawdopodobnie będziesz chciał dostosować skrypt, gdy będziesz nagrywać podkład głosowy.

Właściwe oprogramowanie

Następnym krokiem jest nagrywanie i produkcja wideo. Będziesz potrzebować następujących narzędzi.

Oprogramowanie do przechwytywania ekranu

Istnieje wiele aplikacji do przechwytywania zawartości ekranu, z których niektóre są bezpłatne i mają otwarte oprogramowanie, a inne trzeba za nie zapłacić.

Screenium , dostępny w Synium, to aplikacja oparta na systemie Mac OS X, łatwa w użyciu i zawierająca wiele funkcji. Oprogramowanie kosztuje 29,00 USD i można je pobrać online.

Jing to bezpłatne narzędzie internetowe, które pozwala rejestrować zdarzenia na ekranie i udostępniać je w Internecie. W pełni funkcjonalna wersja na komputery PC lub Mac jest dostępna za 14,95 USD rocznie.

Inne aplikacje obejmują open-source CamStudio , Pokazuję ci dla komputerów Mac i Adobe Urzec .

Oprogramowanie do edycji filmów

Do edycji screencastów nie potrzebujesz ogromnej liczby funkcji. Najprostsze pakiety edycyjne, które są dołączone do systemu operacyjnego, zwykle wystarczają.

Jeśli masz komputer Mac, nie szukaj dalej niż iMovie. W przeciwnym razie można użyć dowolnej aplikacji do cyfrowej edycji wideo, takiej jak Premier Pro, Final Cut lub nawet Windows Movie Maker.

Niektóre użyteczne funkcje edycji to:

Przejścia (lub "chusteczki") pomiędzy scenami;
Eksportowanie do formatów internetowych;
Zmiana prędkości klipów;
Nagrywanie głosu w aplikacji.

Najnowsze wersje iMovie (wersja 8+) mają powyższe funkcje.

Muzyka w tle

Twój screencast wymaga dużego zaangażowania użytkowników . Muzyka może pomóc w osiągnięciu tego, szczególnie jeśli ma to związek z sitodrukiem. Poznasz styl muzyki do wykorzystania w oparciu o odbiorców.

Upewnij się, że masz legalne prawo do korzystania z wybranej muzyki. Niektóre przydatne zasoby internetowe oferują muzykę wolną od praw autorskich (zazwyczaj klasyczną), a niektóre sprzedają płyty CD z muzyką w tle, które mogą być odpowiednie; sprawdzić Unikalne utwory i Darmowe muzyka .

Muzyka jest oczywiście całkowicie opcjonalna, ponieważ możesz angażować użytkowników na inne sposoby.

Uzbrojony w ogólny plan, scenorys, skrypt lektora i oprogramowanie, możesz teraz zacząć nagrywać wideo.

Nagrywanie wideo

Na potrzeby tego artykułu założymy, że używasz aplikacji do przechwytywania pulpitu, takiej jak Screenium i iMovie do edycji.

Zacznij od przechwytywania scen w kolejności według scenorysu. Ponieważ później będziesz edytować wideo, możesz kontynuować nagrywanie, dopóki nie uzyskasz perfekcyjnego ujęcia.

Uchwyć część ekranu , a nie cały ekran. Pozwoli to uniknąć bałaganu wideo (na przykład przez Dock lub pasek zadań), a później nie będzie trzeba przycinać wideo.
Chcesz nagrywać płynne, wyraźne i precyzyjne akcje podczas nagrywania. Ogranicz ruch myszy do minimum i upewnij się, że kliknięcia myszy są oczywiste. Aplikacja do nagrywania może mieć funkcję, w której kliknięcia myszy wywołują wizualną pomoc, która może być przydatna.
Zachowaj scenariusz lektora przed sobą i wyobraź sobie, że skrypt jest wypowiadany podczas nagrywania akcji myszy. Pomoże to w ustaleniu czasu, kiedy będziesz mógł później dokonać edycji.
Dopasuj nazwę pliku każdego klipu do nazwy odpowiedniej sceny, aby wiedzieć, gdzie klip się znajduje podczas edycji (na przykład 1. Wprowadzenie ).
Zezwalaj na lukę na początku i na końcu zapisanych działań. Pomoże to przyciąć klipy i przejścia (np. Blaknięcie jednego klipu do następnego).

Edytowanie wideo

Redagowanie Po nagraniu wszystkich klipów dla każdej sceny możesz przejść do zabawy, którą jest edycja.

Korzystając z aplikacji do edycji filmów, zaimportuj wszystkie klipy do biblioteki i umieść je we właściwej kolejności (jeśli zapisałeś klipy z sekwencyjnymi nazwami plików, to powinny one być już we właściwej kolejności).

Następnym krokiem jest przycięcie filmów tak, aby godzina była odpowiednia dla lektora, a następnie upuść je na osi czasu.

Najlepszym sposobem na uzyskanie odpowiedniego czasu jest rozpoczęcie odtwarzania i odczytanie scenariusza dla tej sceny; wtedy będziesz wiedział, czy dodać jedną, czy dwie sekundy do początku lub końca klipu. Nie zostawiaj zbyt wiele wolnego miejsca, ponieważ film będzie działał długo i straci zaangażowanie użytkownika.

Zachowaj płynność wideo i upewnij się, że zawsze jest na co popatrzeć lub posłuchać. W przypadku bardziej skomplikowanych scen możesz zostawić nieco dłuższą przerwę na końcu, aby umożliwić użytkownikom zaabsorbowanie tego, co właśnie zobaczyli.

Kolejną sztuczką jest dodawanie przejść pomiędzy scenami, które wykonują dwie rzeczy. Po pierwsze, po prostu wyglądają fajnie. Po drugie, łączą ze sobą sceny, których nie planowałeś dołączyć. Na przykład możesz mieć dwie sąsiadujące ze sobą sceny, które pokazują tę samą stronę witryny, ale położenie myszki gwałtownie skacze od jednego klipu do drugiego.

Przejście spowoduje rozmycie ruchu i sprawi, że cięcie będzie spójne.

Na koniec pokaż swoją markę firmy na początku i końcu screencastu. Wystarczy zaimportować do filmu JPG o wysokiej rozdzielczości. Niektóre edytory filmów (takie jak iMovie) mają automatyczny efekt obrazu o nazwie "Ken Burns", który subtelnie powiększa lub pomniejsza obraz. To sprawia, że film wygląda bardziej profesjonalnie niż w przypadku statycznego logo po prostu siedząc w środku kadru. "Subtle" jest słowem kluczowym: upewnij się, że wszystkie Twoje efekty są subtelne; przesadzić i ryzykujesz, że będziesz wyglądać nieprofesjonalnie.

Voiceover

Lektura nie jest niezbędna. Niektórym filmom udaje się uniknąć używania tylko nakładek tytułowych, aby wyróżnić najważniejsze funkcje. Ale ludzki głos lepiej angażuje użytkowników i sprawia, że czują, że mają do czynienia z prawdziwym produktem stworzonym przez prawdziwą firmę. Ponadto, lektor pozwala ci przekazać znacznie więcej informacji o twoim produkcie lub usłudze, ponieważ użytkownicy będą używać zarówno uszu, jak i oczu.

Aby zrobić lektor, wystarczy podłączyć mikrofon dobrej jakości i nagrać kogoś, kto ma dobry głos, czytając scenariusz w każdej scenie. Nagrywanie pojedynczo każdej sceny jest lepsze, ponieważ można wtedy przesuwać klip audio w odpowiednie miejsce po każdym ujęciu i uzyskać idealny czas. Upewnij się, że Twój głos jest czytany wyraźnie, powoli iz uśmiechem, aby brzmiał przyjaźnie.

Eksportowanie i przesyłanie wideo

Gdy skończysz, wyeksportuj wideo i weź filiżankę kawy. Wiele aplikacji do edycji wideo, w tym iMovie, ma funkcję "Eksportuj do Internetu"; więc możesz po prostu wybrać format do eksportu (np. iPhone lub YouTube). Wybierz średnią do wysokiej jakości, o szerokości nie mniejszej niż 600 pikseli.

Gdy prześlesz film wideo do hosta, zostanie on poddany dalszej kompresji: a to, co umieścisz, jest tym, co dostajesz . Jeśli umieścisz plik dużej wielkości o wysokiej jakości, wynikowy film wideo na stronie będzie wyglądał znacznie lepiej niż w przypadku przesłania wysoce skompresowanego wideo w mniejszym rozmiarze.

Po przesłaniu filmu firma hostingowa powinna wysłać ci powiadomienie po zakończeniu kodowania. W tym momencie jesteś prawie gotowy, aby umieścić kod osadzania w swojej witrynie. Możesz najpierw dostosować odtwarzacz; na przykład dopasowując kolor przycisku "Graj" do marki i dostosowując rozmiar odtwarzacza.

Zapisz zaktualizowany kod HTML kodu do umieszczenia na stronie i gotowe!

Śledzenie konwersji celu

Upewnij się, że pakiet analityczny (taki jak Google Analytics) jest skonfigurowany w Twojej witrynie, dzięki czemu możesz sprawdzić, skąd pochodzą użytkownicy i śledzić konwersje celów .

Jeśli Twoja witryna już obsługuje oprogramowanie analityczne i masz już konwersje celu, jest to idealna okazja, by zobaczyć, jak nowy film wpływa na te konwersje. Jeśli Twoja witryna jest zupełnie nowa, zobaczenie, jaką różnicę sprawia film, będzie trudne, ale nadal możesz śledzić konwersje celu i później wykorzystać te dane.

Ustaw cel, który następuje po stronie użytkownika od strony głównej do strony filmu (jeśli jest na osobnej stronie), aż do strony rejestracji. Po kilku tygodniach przejrzyj statystyki i zanalizuj konwersję celu lub stawkę za rejestrację.

Jeśli kiedykolwiek wprowadzisz zmiany w filmie lub stronie - na przykład przenosisz film w innym miejscu w architekturze informacyjnej - możesz sprawdzić, czy te zmiany wpływają na konwersję celu.

Przykłady dobrych zastosowań screencastów

Thounds

Thounds wzywa użytkownika do kliknięcia linku "promocyjny film wideo", który prowadzi do wyskakującego okienka zawierającego wideo.

Film wyraźnie opisuje serwis Thounds w scenariuszowym, zmontowanym i dobrze wyprodukowanym dwuminutowym filmie.

Bidsketch

Bidsketch umieszcza swój film na YouTube w połowie strony po krótkim objaśnieniu jego produktu.

Wistia

Wistia ma duże i oczywiste wezwanie do oglądania swojego 30-sekundowego wideo. Film jest widoczny na ekranie i widoczny.

Pojęcie opinii

Pojęcie opinii ma film po prawej stronie, który wyraźnie pokazuje jego produkt. Wezwanie do działania nie jest jednak zbyt jasne.

FileShareHQ

FileShareHQ wyraźnie demonstruje swój produkt w cztery minuty. Film znajduje się na stronie "Tour".

MakeSomeTime

MakeSomeTime ma wideo, które demonstruje jego produkt w ciągu trzech minut. Wezwanie do działania znajduje się pod spodem.

Project Bubble

W ramach swoich funkcji produktu Project Bubble ma wezwanie do działania, które otwiera się jako wyskakujące wideo. Jego trzyminutowe wideo jest hostowane Vzaar , więc gracz nie jest oznaczony marką.

CushyCMS

CushyCMS jest świetnym przykładem, ponieważ jego wideo znajduje się na górze ekranu , ma wyraźne wezwanie do działania i otwiera się w dużym oknie pop-up, które demonstruje produkt w ciągu trzech minut .

Znaczny

Znaczny zapewnia wyraźne wezwanie do działania po prawej stronie opisu aplikacji. Wideo jest hostowane przez Vimeo.

Wskazówki dotyczące korzystania z wideo w Twojej witrynie

Powyższe filmy wideo angażują użytkowników rzadko, bo rzadko przekraczają cztery minuty. Odpowiednia długość filmu demonstracyjnego wynosi od dwóch do trzech minut , a najlepiej nie dłużej niż pięć. Niektóre witryny utrzymują swoje filmy tak krótkie, jak 30 sekund, jak widzieliście z Wistią.
Zachowaj ostrożność w miejscu, gdzie umieszczasz swój film. Niektórzy dostawcy wyraźnie stwierdzają, że wszelkie filmy przesłane do ich usługi muszą być niekomercyjne; więc jeśli Twój film wideo przedstawia produkt biznesowy, naruszysz jego warunki korzystania z usługi. Ponadto niektórzy dostawcy usług hostingowych zajmują dużo czasu, aby zakodować klipy, a niektóre wyświetlają filmy w bardzo niskiej jakości. Tak więc, jeśli potrzebujesz szybkiej, wysokiej jakości usługi, możesz rozważyć zapłacenie za hosta premium.
Upewnij się, że wideo otwiera się w przyzwoitym rozmiarze , zwłaszcza jeśli masz szczegółową prezentację produktu. Dobrym rozwiązaniem jest aplikacja Lightbox, taka jak Facebox : użytkownik klika przycisk uruchamiający wyskakujące okienko, w którym prezentowany jest duży film. Dobry rozmiar filmu to 600 pikseli lub więcej.
Wyraźne wezwanie do działania powyżej krotnie zwiększa szanse osób odwiedzających kliknięcie. Niektórzy projektanci wolą najpierw wytłumaczyć produkt, a następnie pokazać film poniżej. Dobra architektura informacji ma kluczowe znaczenie, zwłaszcza na stronie głównej, więc ostrożnie przemyśl swoje miejsce docelowe.
Upewnij się, że przycisk "Odtwarzaj" jest wyraźnie widoczny na osadzonym wideo w stanie niedziałającym, aby użytkownicy uznali go jako wideo. Jeśli wideo jest w wyskakującym okienku, uruchom go automatycznie po aktywowaniu okna podręcznego.

Dostawcy hostingu wideo

Poniżej znajduje się tylko kilka z wielu dostawców hostingu wideo:

Youtube - Oczywisty wybór. Zalety są takie, że są darmowe i dobrze znane. Wady są takie, że jakość nie jest wyjątkowa, a nagrywanie filmów czasami zajmuje trochę czasu. Kolejną przeszkodą jest wszechobecność: jeśli próbujesz zaprojektować zręczny, profesjonalny wizerunek, prezentacja filmu w serwisie YouTube może źle odzwierciedlać tę estetykę.
Vimeo - Vimeo stało się bardzo popularne w zeszłym roku. Profesjonaliści mają świetną społeczność i bardzo fajnego gracza. Wady są takie, że warunki korzystania z usługi są dość rygorystyczne, więc przeczytaj je przed przesłaniem filmów.
Vzaar - Nowa firma oferująca hosting wideo premium. Zalety są takie, że filmy szybko się kodują, odtwarzacz jest dobry i możesz przesyłać komercyjne filmy. Innym profesjonalistą jest to, że Vzaar nie umieszcza swojej marki na filmach. Wady są takie, że jest to płatna usługa; a ponieważ firma jest całkiem nowa, jej proces przesyłania jest nieco błędny.
Wistia - Jak wyżej. Profesjonaliści to niemarkowy odtwarzacz, szybkie kodowanie i narzędzia marketingowe, takie jak statystyki i mapy cieplne. Con jest stromą premią do korzystania z usługi.

Zawsze możesz umieścić wideo na własnym serwerze i użyć odtwarzacza takiego jak JW Player z Long Tail Video. Jeśli to zrobisz, może zajść potrzeba zakodowania wideo w formacie FLV.

Napisany specjalnie dla WDD przez Stu Green. Jest projektantem stron internetowych z Wielkiej Brytanii i zarządza Haloweb , firma projektująca aplikacje internetowe.

Czy masz screencast na swojej stronie, który zwiększył liczbę konwersji celu? Jeśli tak, daj nam znać i wyjaśnij proces tworzenia. Jeśli masz jakieś wskazówki dotyczące tworzenia lub umieszczania filmów, podziel się nimi ze społecznością.

jak zrobić screencast screencast