Twoja aplikacja to Twoja marka w App Store – jeśli zamierzasz opublikować swój magazyn cyfrowy na urządzeniach mobilnych, przeczytaj ten artykuł, aby dowiedzieć się, jak przygotować dobrze wyglądający projekt magazynu cyfrowego, godną polecenia treść, którą czyta się z przyjemnością i która działa na urządzeniach mobilnych Apple z systemem iOS oraz tabletach i smartfonach z systemem Android.
Twoja natywna aplikacja PressPad to wirtualny kiosk i jednocześnie czytnik widoczny w News Stand, który pozwala czytelnikom przeglądać kolejne cyfrowe wydania. Ogromną zaletą takiego rozwiązania jest to, że każde wydanie w panelu wydawcy PressPada możesz umieścić w formacie PDF, a subskrybenci Twojego magazynu od razu zobaczą kolejne numery na swoich tabletach czy smartfonach.
Magazyn FastCompany trafnie zauważył w artykule „Your App is Your Brand Now”, że:
„Jeśli nie masz aplikacji, ryzykujesz, że będziesz niewidoczny dla najszybciej rosnącej grupy klientów: istnieje już ponad miliard użytkowników aplikacji, a rynek ten rośnie o prawie 30% każdego roku”.
Studium przypadku The Guardian
Fakt, że dodanie kanałów cyfrowych do strategii dystrybucji czasopism daje ogromne możliwości promocyjne i sprzedażowe, został już zauważony przez wydawców, zarówno dominujących, jak i lokalnych. Liczba internetowych wersji gazet rośnie tak szybko, jak liczba ich konsumentów skoncentrowanych na smartfonach. Jednym z wydawców, który jako pierwszy zauważył i wykorzystał potencjał nowych technologii był „The Guardian”. Bez wątpienia umieszczenie wersji papierowej na iPadzie miało znaczący wpływ na to, że z dziewiątej najchętniej czytanej gazety w Wielkiej Brytanii stali się globalną organizacją informacyjną.
Wynajem wydawców aplikacji mobilnych
Zrób pierwszy krok i zobacz, jakie aplikacje możemy stworzyć dla Twojej publikacji „
Możemy debatować nad ich międzynarodowym sukcesem opartym na cyfrowej nowości, ale kluczem do sukcesu był ciągły rozwój i dążenie do perfekcji w projektowaniu aplikacji na iPada, która stała się doskonałym uzupełnieniem drukowanych wydań. Zrobili coś więcej niż tylko przejście na platformy mobilne – dostosowali również projekt magazynu cyfrowego do nowej generacji klientów oczekujących wysokich wrażeń estetycznych.
Droga, jaką przeszli, aby stworzyć aplikację na iPada, została przeanalizowana krok po kroku w doskonałej prezentacji, która przedstawia ewolucję gazety „The Guardian”. Zawiera ona wiele dobrych rad dla każdego, kto chce przejść na urządzenia mobilne.
Gdzie jest teraz aplikacja magazynu „The Guardian”?
Spójrz na poniższe zestawienia wyników aplikacji „The Guardian” opublikowane w Google News Initiative (link otwiera źródłowy raport PDF):
- średnio 2,6 mln użytkowników miesięcznie i ponad 6 mln użytkowników w ciągu całego roku, co przełożyło się na ponad 4 mld odsłon w 2018 r.
- łączna baza subskrybentów poziomów premium wzrosła o 60% w 2018 r., a liczba pozyskanych przez nich subskrybentów poziomów premium podwoiła się rok do roku
- Aplikacja na Androida zajmuje obecnie pierwsze miejsce w kategorii Wiadomości i czasopisma w brytyjskim Sklepie Play.
Przyznają, że: „Nasze podejście odniosło ogromny sukces”.
Dlaczego ci to pokazuję?
Oczywiście nie trzeba inwestować milionów dolarów, by pojawić się ze swoim magazynem na platformie mobilnej, ale przypadek „The Guardian” jest interesujący, pouczający i inspirujący dla każdego wydawcy.
Dostosowanie się do nowych możliwości technologicznych i poszukiwanie najlepszej wersji gazety online to długotrwały proces, który często opiera się na metodzie prób i błędów, z różnym skutkiem. Aby uniknąć tej drogi, przygotowaliśmy dla ciebie specjalny przewodnik poświęcony projektowaniu magazynów cyfrowych.
Jeśli chcesz, aby cyfrowe wydanie twojego magazynu było czytane na urządzeniach mobilnych, aby w pełni wykorzystać potencjał tych urządzeń i aby doświadczenie użytkownika było jak najbardziej wartościowe, trzymaj się następujących zasad podczas tworzenia pliku PDF swojego magazynu.
Zasady projektowania magazynów cyfrowych
1. Projekt okładki
Nie powinniśmy oceniać książki po okładce. Jednak w przypadku magazynów jest wręcz przeciwnie.
Branża wydawnicza online postawiła projektowanie okładek na wysokim poziomie. Marki stale podnoszą sobie poprzeczkę. Nic w tym dziwnego – okładka jest pierwszą i najważniejszą ilustracją w magazynie i dotyczy to zarówno wersji drukowanej, jak i cyfrowej.
Przy projektowaniu okładki każdego magazynu przyświecają nam dwa ważne cele. Pierwszym z nich jest przyciągnięcie uwagi czytelników, a drugim wyrażenie treści, tematu i stylu magazynu.
Jaka jest więc różnica między projektowaniem okładki okładek do druku a okładki cyfrowe cyfrowych?
Okładka magazynu cyfrowego powinna być zaprojektowana w taki sposób, aby przyciągać wzrok ludzi niezależnie od rozmiaru ekranu, aby generować kliknięcia i pobrania, a w rezultacie wywoływać sprzedaż.
Jeśli zdecydowałeś się przenieść drukowaną okładkę na ekran cyfrowy bez żadnych zmian, musisz być przygotowany na to, że niektóre szczegóły zostaną utracone na mniejszym wyświetlaczu. Dobrze jest zacząć myśleć o okładce tak, jak o stronie powitalnej w aplikacji mobilnej – mnogość elementów nie będzie dobrym pomysłem ze względu na brak przejrzystości.
Istnieje wiele wskazówek dotyczących projektowania okładek magazynów cyfrowych. W większości przypadków dotyczą one unikania miliona elementów, trzymania się z dala od ruchliwych teł i korzystania z ciekawych zdjęć lub ilustracji. Jednak w erze cyfrowej może to nie wystarczyć.
Powinieneś pójść głębiej.
Projekt magazynu cyfrowego daje możliwość wykorzystania ruchomych obrazów, animacji, gifów. Nie ma potrzeby wypełniania okładki online dużą ilością tekstu, aby zwiększyć zainteresowanie projektem. Nie musisz trzymać się sztywnych zasad: tytuł z dużymi czcionkami, minimalna ilość podtytułów, zdjęcie z kobietą wpatrującą się w ciebie itp.
Nie o to chodzi.
Dziś okładka magazynu stała się swego rodzaju odrębnym elementem artystycznym z własnym życiem. Wielu czytelników, widząc oszałamiającą okładkę na Facebooku, Instagramie czy Twitterze, doceni jej wartość estetyczną i przekaże ją dalej swoim znajomym.
Dzięki mediom społecznościowym okładki magazynów mogą stać się wirusowe. Twoim zadaniem jest wykorzystanie zasobów technologicznych w taki sposób, aby uzyskać wiele pozytywnych reakcji i udostępnień pod postami prezentującymi Twoją okładkę.
2. Układ strony magazynu
Różnorodność urządzeń, za pomocą których czytelnicy mogą dziś konsumować treści, zmusza wydawców do dostosowywania swoich cyfrowych publikacji do różnych typów ekranów: od ogromnego monitora po mały smartfon. Czytelność na wszystkich z nich powinna być priorytetem w projektowaniu układu strony magazynu. Cel ten można łatwo osiągnąć dzięki odrobinie wiedzy, którą ci przekażemy.
Technologie cyfrowe zapewniają wiele możliwości w dziedzinie projektowania układów czasopism, które nie byłyby możliwe w przypadku publikacji drukowanych. Obecnie tworzenie publikacji online jest ekscytującym procesem opartym na zakłócaniu zwykłych konwencji układu, eksperymentowaniu z nowymi podejściami i ryzykowaniu szalonych pomysłów.
Nawet jeśli rozwój technologii przyniósł wiele zmian w branży wydawniczej, istnieje kilka ważnych stałych elementów – układ magazynu cyfrowego nadal powinien składać się z nagłówka, obrazu, podpisu obrazu, nagłówka, nagłówka, podtytułu, treści itp.
Jak połączyć wszystkie te elementy, aby stworzyć czytelny, funkcjonalny i interesujący wizualnie layout strony?
Zanim na dobre zagłębisz się w proces projektowania, zacznij od zaplanowania treści artykułu. Zajmie ona większość miejsca, więc ustaw odpowiednie marginesy w kolumnach i wierszach, aby maksymalnie poprawić czytelność. Pamiętaj, że długość treści powinna być spójna dla wszystkich artykułów w magazynie.
Aby projekt magazynu cyfrowego był czytelny i dobrze wyglądał, należy zastosować układ jedno- lub dwukolumnowy. Aplikacje mobilne na smartfony i tablety umożliwiają przeglądanie czasopism w trybie pionowym lub poziomym. W przypadku trybu portretowego można wyświetlić tylko jedną stronę, a w przypadku trybu poziomego można wyświetlić dwie strony jednocześnie. Dlatego tak ważne jest, aby każda strona zachowywała proporcje 4:3.
Pozwala to zarówno w trybie pionowym, jak i poziomym, wykorzystać całą przestrzeń. Co więcej, stwarza to dodatkowe możliwości budowania wspaniałego User Experience, ponieważ w trybie poziomym można uzyskać dodatkową (centralną) kolumnę utworzoną przez połączenie dwóch mniejszych kolumn na sąsiednich stronach. Aby wybrać optymalną szerokość kolumny, można skorzystać z zasady Golden Ratio, stosowanej z powodzeniem w sztuce projektowania (także projektowania magazynów cyfrowych).
Spójna i zorganizowana struktura layoutu sprawia, że nawet doświadczeni projektanci mają wiele nieprzespanych nocy. Jednym z najprostszych sposobów na kontrolowanie architektury jest zastosowanie systemu siatki. Wyobraź sobie serię linii (pionowych lub przecinających się), które dzielą stronę na kolumny lub moduły, jak w tabeli.
Są one czymś w rodzaju szkieletu, który pozwala organizować elementy wewnątrz projektu: sekcje tekstowe, obrazy, elementy dekoracyjne. Ułatwiają podjęcie decyzji o tym, gdzie każdy element powinien zostać umieszczony, a nie gdzie mógłby zostać umieszczony. Siatki porządkują cały projekt i przyspieszają proces projektowania.
Dzięki systemowi siatki można uzupełnić kompozycję o element, który będzie podglądem kolejnych artykułów, w połączeniu z interlinkami, za pomocą których można łatwo przeskoczyć do innej lokalizacji w magazynie. Jeśli twój magazyn lub inna publikacja składa się z wielu stron, ten rodzaj siatki może być miłym urozmaiceniem dla czytelnika; może również służyć jako menu wewnętrzne.
Jak zoptymalizować siatki pod kątem projektowania magazynów mobilnych?
- Ekrany smartfonów mają ograniczoną przestrzeń, więc jeśli chcesz zapewnić łatwe czytanie, tworzenie układu wielokolumnowego nie jest dobrym pomysłem. Zaprojektuj mobilną wersję magazynu, zachowując jedną lub dwie kolumny.
- Rozważ użycie siatki układu płytek – wysokość kolumn i rzędów będzie taka sama, co zapewni wygląd kwadratowych, równych płytek w całym projekcie.
- Obrazy powinny być wystarczająco duże, aby były rozpoznawalne, ale także wystarczająco małe, aby można było umieścić na nich treść.
Jeśli dopiero zaczynasz przygodę z projektowaniem cyfrowym, szablon jest rozsądnym miejscem do rozpoczęcia. Czy widziałeś szablony aplikacji dla magazynów stworzone przez PressPad?
3. Projektowanie typografii cyfrowej
Używanie odpowiednich czcionek jest niezbędne, a sama typografia jest postrzegana jako wiedza tajemna. Nic bardziej mylnego. Dobrze dobrane fonty, które tworzą słowa poprawnie sformatowane ze spacjami, nie tylko ułatwiają czytanie, ale również wpływają na pozytywny odbiór czasopisma jako profesjonalnego.
Typografia ma ogromny wpływ nie tylko na czytelność, ale także na utrzymanie uwagi czytelnika, podobnie jak okładka. Chodzi o przyciągnięcie wzroku. Co więcej, odpowiednio dobrane czcionki pozwalają ludziom skupić się na sensie artykułu zamiast na mechanice czytania.
Przed wyborem czcionek należy zapoznać się z odbiorcami. Czy wiesz, w jakim są wieku? Jakie zawody wykonują? Czy są naukowcami, prawnikami czy lekarzami? Powodem, dla którego pytam, jest wybór rodzaju czcionek, które będą pasować do oczekiwań czytelników i ich stylu życia. Brzmi dziwnie? Comic Sans może być idealny dla dzieci, ale nie dla prawników. Używaj czcionek mądrze!
Szeryfowe vs. Bezszeryfowe
Czy to prawda, że szeryfy wyglądają aspiracyjnie, a bezszeryfy nudno? Który z nich jest łatwiejszy do czytania?
Czcionki bezszeryfowe lepiej sprawdzają się w Internecie. Są łatwiejsze do odczytania na monitorach komputerowych, ponieważ są mniej skomplikowane wizualnie – czytanie wymaga mniej czasu na przetworzenie, a nasz mózg koncentruje się bardziej na wiadomości niż na próbie rozszyfrowania znaków.
Są one bardziej czytelne w małych rozmiarach ze względu na ich uproszczone formy. Używanie krojów szeryfowych na ekranach o niskiej rozdzielczości może nawet powodować dysonans wizualny, odciągając czytelników od czytania treści.
Nie oznacza to, że trzeba rezygnować z czcionek Serif.
Spójrz na „Essentials Magazine Australia”. Mieszają oba typy, zachowując szeryfy w tytule i san szeryfy w treści. Wygląda świetnie, prawda?
Spadające zaślepki
Chciałbym po raz kolejny przedstawić „Essentials Magazine Australia” jako wzór do naśladowania. Tylko dlatego, że dobrze radzą sobie z typografią. Tym razem chodzi o drop capy. Pamiętasz dużą wielką literę używaną jako element dekoracyjny na początku akapitu lub sekcji w starych książkach i rękopisach?
Drop capy to skuteczny sposób na przyciągnięcie uwagi czytelników również w projektach magazynów cyfrowych. Dodają one osobowości i wizualnej siły, nadając stronie magazynu unikalny wygląd.
Wskazówka: Nie używaj drop capów, które mają tylko dwie linie głębokości. Nie są one tak skuteczne. Im szersza kolumna, tym głębsze mogą być drop capy.
Butterick’s Practical Typography zawiera kompletny zestaw technik rozmieszczania czcionek, aby język pisany był czytelny, czytelny i atrakcyjny podczas wyświetlania. Oto kluczowe zasady, które wymieniłem:
Wskazówka: Należy pamiętać, że piksele (px) to nie to samo co punkty (pt), w których definiowane są rozmiary czcionek. Odpowiedni konwerter znajdziesz tutaj.
4. Interaktywność magazynu
Nawet jeśli zdecydujesz się umieścić kody QR w swoich drukowanych wydaniach, aby dodać nową wartość, będzie to tylko ułamek wszystkich dodatkowych rzeczy, które możesz zrobić dzięki cyfrowej publikacji. Interaktywne magazyny łączą oszałamiające efekty wizualne z naprawdę satysfakcjonującym doświadczeniem użytkownika. Użyj bogatych multimediów, aby uczynić artykuł jeszcze bardziej atrakcyjnym.
Filmy
Ludzie uwielbiają oglądać filmy online i zwracają większą uwagę na tego typu treści niż na jakiekolwiek inne. Osadzenie wciągającego wideo, zgodnego z resztą artykułu, jest zachętą do kontynuowania czytania magazynu w formacie cyfrowym. Będziesz mieć pewność, że czytelnicy pozostaną z Twoim magazynem znacznie dłużej.
Dodaj filmy, aby przyciągnąć uwagę czytelników i lepiej wyrazić styl i filozofię swojego magazynu.
Na etapie projektowania magazynu należy zdecydować, które miejsce na stronie będzie odpowiednie dla wideo. Niektóre platformy wydawnicze umożliwiają osadzenie widżetu odtwarzacza wideo wewnątrz pliku PDF. Inne, takie jak PressPad Magz, wykorzystują streaming wideo. Zezwolenie wewnętrznemu widżetowi na odtwarzanie wideo z YouTube wewnątrz magazynu poprzez utworzenie hiperłącza do wybranego wideo online sprawi, że plik PDF będzie znacznie lżejszy.
Jak wybrać odpowiednie wideo do magazynu? Dopasuj wideo do tonu, schematu kolorów, typografii i ogólnego charakteru magazynu.
Jakiego rodzaju filmy można osadzać?
Pokaż coś zza kulis, dodatkową część wywiadu, film instruktażowy lub po prostu dźwięk rzeki w tle. Możesz użyć innych form, aby ożywić czytanie, takich jak animacja flash.
Wskazówka: Dodaj napisy do swoich filmów, ponieważ ludzie często oglądają filmy online w tramwaju lub w innych miejscach publicznych, więc wolą robić to w ciszy.
Łatwa nawigacja
Czytelnicy magazynów cyfrowych oczekują łatwej nawigacji wewnątrz wydania i chcą jak najszybciej znaleźć potrzebne informacje. Funkcje takie jak interaktywny spis treści i miniatury z obrazami ułatwią im poruszanie się po magazynie i znajdowanie poszukiwanych treści za pomocą jednego kliknięcia.
Inną ważną funkcją interaktywności są hiperłącza, które pozwalają czytelnikom dowiedzieć się więcej o treści lub przejść do innych powiązanych artykułów. Twój magazyn cyfrowy będzie działał lepiej, jeśli użyjesz linków wewnętrznych. Są to hiperłącza, które łączą różne części magazynu, np. przejście do spisu treści, przejście do następnego/poprzedniego artykułu, polecane dla Ciebie itp. Zastosuj linki wewnątrz tekstów, obrazów lub reklam. Wystarczy przeciągnąć i dostosować kontur nad obszarem, który ma być hiperłączem i wprowadzić żądany adres URL.
Wskazówka: Na małym ekranie łatwo jest kliknąć coś przez przypadek. Pamiętaj o odpowiednim rozmiarze wszystkich elementów i odległości między nimi, aby cały widok był przejrzysty.
Dodając filmy lub linki, można podnieść rangę katalogów i broszur. Który format lepiej zaprezentuje cechy produktu: zdjęcie czy wideo? Jak inaczej przenieść czytelników bezpośrednio do sklepu, niż za pomocą linków?
5. Wysokiej jakości PDF
Preferencje czytelników dotyczące wyglądu magazynu cyfrowego są zupełnie inne: jedna grupa życzy sobie repliki drukowanej bez zmiany układu, podczas gdy druga chce uzyskać cyfrowe wersje, które oferują czytelnikom lepsze wrażenia z czytania.
Jesteśmy skłonni przychylić się do tezy, że magazyn nie powinien wyglądać jak „cyfrowy przedruk”, podobnie jak strona internetowa. Ludzie są przyzwyczajeni do korzystania z internetu za darmo. Magazyn mobilny to optymalne połączenie ekskluzywnych treści i świetnego doświadczenia użytkownika, obsługiwanego przez urządzenia mobilne Apple.
Co więcej, klienci płacą za wartościowe treści i unikalne doświadczenia. Dlatego też należy przestrzegać kilku zasad podczas eksportowania projektu magazynu cyfrowego do pliku PDF. Każde nowe wydanie magazynu musi zostać pobrane przez czytelników na ich tablety lub smartfony.
Poniższe środki zapewnią, że Twój magazyn będzie oferował takie same wrażenia na każdym urządzeniu:
- Nie spłaszczaj tekstu. Stanie się on zwykłą bitmapą, tworząc większy plik wynikowy. Przy większych powiększeniach zauważalne są pojedyncze piksele, co nazywane jest również efektem schodów.
- Zoptymalizuj plik PDF pod względem rozmiaru (nie przekraczając 50 MB). Trzeba tylko o tym pamiętać:
- obniżenie rozdzielczości obrazów powyżej 225ppi do 150ppi,
- Pamiętaj, aby nie wkładać kciuków.
- Osadzanie czcionek w plikach PDF. Jeśli oprogramowanie do odczytu plików PDF (np. Adobe Acrobat Reader) nie może znaleźć czcionek użytych w projekcie czasopisma, użyje najbardziej pasujących czcionek dostępnych na danym urządzeniu, co nie zawsze jest dobrym pomysłem.
6. Sprzedaż w App Store i poza nim
Użytkownika odwiedzającego stronę Twojego magazynu w App Store dzieli tylko jeden krok od podjęcia decyzji o zakupie. W PressPad zapewniamy, że każdy wydawca pojawi się na stronie produktu w App Store bez konieczności posiadania konta dewelopera i bez konieczności płacenia czegokolwiek firmie Apple Inc. Zajmujemy się wszystkim, dzięki czemu wydawcy mogą skupić się wyłącznie na procesie wydawniczym.
Istnieje kilka czynników stymulujących sprzedaż magazynów cyfrowych:
- Możliwość subskrypcji czasopisma.
- Konkurencyjny model cenowy dla subskrypcji (przeczytaj o modelach cenowych Apple).
- Podgląd magazynu, który jest generowany przez nas, ale jesteśmy otwarci na sugestie naszych wydawców.
- Bezpłatna próbka magazynu w skróconej wersji „preview”.
- Możliwość sprzedaży poprzednich wydań.
- Okładka/logo zachęcające do zakupu (spójrz na początek artykułu).
- Zwiększenie sprzedaży poprzez oferowanie wersji mobilnych na stronie wydawcy i/lub blogu… lub innych powiązanych stronach.
To samo dotyczy innych sklepów, takich jak Google Play, Amazon Appstore, a nawet markowego cyfrowego kiosku, który można osadzić na stronie internetowej.
Projektowanie magazynów cyfrowych nie jest ustalone
Praca nad każdym elementem, takim jak okładka, layout czy typografia, jest procesem elastycznym i ciągłym. Końcowe rezultaty powinny być testowane i, jeśli zajdzie taka potrzeba, zmieniane w celu osiągnięcia efektów satysfakcjonujących czytelników. Jeśli nie wiesz co mam na myśli, wróć do początku tego artykułu i przeczytaj historię „The Guardian” jeszcze raz.
Jeśli masz konkretne potrzeby związane z cyfrową dystrybucją swojego magazynu, skontaktuj się z nami w celu uzyskania dalszych konsultacji.