SWITCH FROM PRINT TO WEB: WHERE TO START?
Making the switch from imitation edition to digital publishing is a big step. But as costs for all from paper to shipping increase, origination the burst to digital is apropos some-more delectable to publishers of both newspapers and magazines. It’s a formidable process, though, and if not executed effectively, it can leave readers feeling alienated and disenfranchised.
Not customarily what you want, deliberation that it can be some-more formidable to capture and keep digital subscribers than to sell something outward of the practical world. Below have been a small things to cruise when origination the switch. Research up front will forestall headaches down the road.
1. Digital Publication Formats
There have been 3 elementary formats for digital publication, each with the own pros and cons.
Flip-Books
Digital flip-book-style magazines, ordinarily well well known simply as “digital magazines,” have been a good choice if you’re gripping a imitation presence. A series of companies suggest flip-book solutions, and a integrate of conflicting formats have been available. Encore Magazine is one of countless examples of a Flash-based online repository with a “print” look.
Distribution of this sort of repository is in all finished around emailed links as well as links from your publication’s website and from online advertisements. Rights government for this sort of record is unequivocally easy to set up. You can forestall calm from being cut and pasted onto alternative websites, carry out the peculiarity that pages have been imitation in and have it unfit to duplicate or save the repository files.
The greatest advantages of this format have been the similarities to imitation publications. Readers spin pages and perspective things most as they would in a repository or journal in genuine life. Page layouts can be taken but delay from the files that go to the printer. In suggest to together with all that appears in the customary imitation publication, most digital magazines in this format can supplement multimedia content, possibly for paper sections or advertisers.
Click-throughs have been easy to lane for this sort of publication, origination it elementary to yield advertisers with reports on trade and even views. Some providers even discuss it you the volume of time visitors outlay on each page in suggest to altogether views and click-through rates. Advertisers have been roughly regularly meddlesome in how most courtesy their ads have been getting, and this format can have it easier to lane that pages and facilities enlarge click-throughs and viewership, origination reward placements and add-ons simpler to sell.
The disadvantages to this sort of digital repository have been mostly associated to price and server space. You’ll possibly have to compensate a have have have have have have have have have have use of of of of of of of of of of provider, such as Texterity or Zinio, to modify your PDF files to flip-book format, or you’ll have to have a staff partial of on palm equates to of formulating it (which in all requires flattering modernized believe of Flash). Most have have have have have have have have have have use of of of of of of of of of of providers assign a elementary setup fee, an one some-more per-page surcharge and mostly a monthly hosting price for finished magazines.
Search engine optimization is additionally some-more formidable with flip-book solutions since most have been Flash- or image-based. Long-tail poke formula have been harder to achieve because, in most cases, not all calm is accessible to poke engines.
Resources:
- Flash Page Flip Engine is a good resolution for in-house origination of digital magazines.
- Texterity is a flip-book author that includes a built-in lead government system.
- Zinio is substantially the largest digital repository author and has an online newsstand where it sells subscriptions and singular copies.
PDF Magazines
PDF magazines have been excellent for a some-more budget-conscious publication that still wants to keep the imitation format or wants to have the proclamation some-more portable. Creating PDFs for placement online is no some-more formidable than formulating them for printing, and in most ways is most some-more forgiving.
Distribution is identical to that of a flip-book-style magazine, yet depending on the distance of your file, you might additionally be equates to to email it but delay to subscribers. Digital rights government can be tranquil by the confidence settings in your PDF editor.
Blanket is a PDF magazine. It offers a brew of glorious writing, full of color layouts, and good content.
One of the greatest advantages of elementary PDF magazines is their ease of setup. Page files have been in all sent to printers in PDF format, so sourroundings up the same files for Web placement is an easy-enough transition. Another value is cost. In all likelihood, a proclamation already owns the program compulsory to emanate the magazine, and staff wouldn’t need one some-more training.
Depending on the distance of the files created, hosting and bandwidth needs would not be as well high. Consideration should be since to size, since publications will need to be downloaded to be viewed. Portability is an additional advantage, as readers can download and save the repository or journal to their tough expostulate or any unstable device equates to of celebration of the mass PDFs.
Newer PDF formats can embody multimedia files and links, origination them some-more rival with flip-book-style magazines. Inclusion of multimedia files does, however, enlarge the altogether record distance and should be used sparingly to forestall the record from apropos unwieldy. And since poke engines can index PDFs identical to any alternative calm online, SEO is simpler than with flip-book-format magazines.
PDF does have disadvantages. File distance needs to be delicately monitored. In publications that have been image-heavy or embody multimedia, files can fast surpass 100 MB. Image application can go a prolonged proceed to remedying this problem, but if you go as well far, you’ll scapegoat peculiarity and images won’t crop up frail on the screen. To inspire readers to download, the optimal record distance is in all around 10 MB. If your aim readership expected has a slower tie speed, you’ll need to be even some-more committed about record size.
Resources:
- Adobe Acrobat is the most entirely featured PDF origination program out there.
- pdf-mags.com is a placement website for free PDF-based magazines.
Blog- and Website-Based Magazines
The most appropriate resolution for most sorts of publications, in all ones not gripping a imitation presence, is to drop the print-style repository or journal format and simply set up a blog or website with a news- or magazine-style theme. This is one of the most cost-effective solutions for digital publications. Often, whoever does your website design or upkeep can set up a territory of your website to suggest as an online publication.
Distribution is as elementary as promulgation out an proclamation at your convenience brand brand new articles have been combined and sourroundings up RSS feed capacity (generally built in to blog software). Security is a bigger regard since cut-and-paste functions have been enabled by default on this sort of website, origination it simpler for others to take calm for have have have have have have have have have have use of of of of of of of of of of on their own websites. These capabilities can be disabled, however, and you might wish to cruise you do so.
The greatest advantages of this sort of format have been the costs and ease of have have have have have have have have have have use of of of of of of of of of of on both the publication’s and reader’s end. Your readers have been already in the habit of to celebration of the mass articles online, so the passing from one to an additional won’t expected divide them. Bandwidth and storage issues have been no worse than for any jammed website. Readers can select how to be told of brand brand new content, possibly by RSS or email. Re-distribution to friends and alternative meddlesome contacts is easy sufficient by email, and an “Email to a friend” symbol is a utilitarian underline to embody right at the essay level.
If your proclamation is image-heavy, this format might not be the right solution, or at slightest some-more caring will need to be taken during the primary design and setup stages. Take in to comment how most images you’ll wish to have for each essay and how critical those images unequivocally are. Consideration should be since to how the images will demeanour on shade and in the context of the altogether calm layout.
Resources:
- WordPress is a great, free height for formulating blog-based publications.
- Movable Type is an additional height for blog-based publications.
- This essay on free WordPress templates contains a series of high-quality repository themes undiluted for online publications.
A Hybrid Approach
A hybrid approach is an additional option. Combine any or all of the approaches on top of to enlarge options for your readers. Providing an online flip-book that can be downloaded in PDF format gives your readers the most appropriate of both worlds. Letting infrequent visitors review articles right on your website is a good resolution that can enlarge subscriber numbers, with small investment on the partial of the visitor.
If you have have have have have have have have have have use of of of of of of of of of of this approach, have certain to confederate each resolution entirely and that your proclamation has a character that carries over in in in in in in in in in in in between the conflicting formats. Otherwise, you risk origination things demeanour identical to they have been pieced together after the fact.
Resources:
- Magazooms provides a accumulation of flip-book options with the capability to download a personal PDF copy.
2. Special Design Considerations
Typography and images have been the dual vital design elements you’ll need to recur when origination the switch from imitation to online publishing. No have a disproportion that format you’ve chosen, there have been striking differences in in in in in in in in in in in between the proceed something appears on shade and the proceed it appears in print. In most ways, online edition is most some-more forgiving than imitation of picture application and quality. On the alternative hand, digital typography is, in most ways, harder to master than imitation typography.
Typography
A integrate of vital differences exist in in in in in in in in in in in between most appropriate practices in imitation typography and those in digital typography. Font sort and distance should be reconsidered when transitioning in in in in in in in in in in in between imitation and digital. Contrast in in in in in in in in in in in between the rise color and credentials color should additionally be taken in to consideration.
1. Font Choice
Typography is substantially the most critical preference you’ll have when transitioning from imitation to digital. Serif fonts have traditionally been used for physique calm in imitation publications since they have been simpler to review on paper. But studies have shown that sans-serif fonts have higher readability on screen. Switching the physique calm of your articles to a sans-serif rise will mostly shift the complete demeanour of the proclamation and might need tweaking the altogether design to say a one style.
While most fonts creatively written for imitation have been ideally entertaining on screen, regulating fonts that have been optimized for on-screen readability mostly comes with advantages. Georgia (serif) and Verdana (sans-serif) were both written for on-screen use.
Compare the disproportion in in in in in in in in in in in between 11-point Times New Roman…
Times New Roman eleven point
Phasellus codnimentum, est eu congue dapibus, justo trtor lobortis massa, lay amet decree massa erat in lectus. Donec turpis mauris, mattis in, consequat nec, faucibus. Aliquam auctor mattis odio. Fusce congue commodo felis.
…and 11-point Georgia:
Georgia eleven point
Phasellus codnimentum, est eu congue dapibus, justo trtor lobortis massa, lay amet decree massa erat in lectus. Donec turpis mauris, mattis in, consequat nec, faucibus. Aliquam auctor mattis odio. Fusce congue commodo felis.
Most will establish that the Georgia is most some-more entertaining than the Times New Roman example.
The same is loyal for sans-serif fonts. Here’s 11-point Arial…
Arial eleven point
Phasellus codnimentum, est eu congue dapibus, justo trtor lobortis massa, lay amet decree massa erat in lectus. Donec turpis mauris, mattis in, consequat nec, faucibus. Aliquam auctor mattis odio. Fusce congue commodo felis.
…and 11-point Verdana:
Verdana eleven point
Phasellus codnimentum, est eu congue dapibus, justo trtor lobortis massa, lay amet decree massa erat in lectus. Donec turpis mauris, mattis in, consequat nec, faucibus. Aliquam auctor mattis odio. Fusce congue commodo felis.
While both were written privately for on-screen use, Verdana still comes out simpler to review in most cases.
Use Verdana and Georgia as your “gold standards” of on-screen typography; when acid for fonts, review the readability of those to these. If a rise is at slightest as entertaining as possibly of these, afterwards you’re on the right track. If it falls short, you’ll have to possibly enlarge the rise distance or fool around around with contrariety to have the sort some-more legible. And remember, if you’re regulating a website- or blog-based proclamation format, you’ll need to hang with Web-safe fonts (I’d customarily suggest Verdana or Georgia in this case).
2. Font Size
Most imitation publications have have have have have have have have have have use of of of of of of of of of of a 10- or 11-point rise (some even go as small as 9 points). While this is ideally clear on paper, it is mostly unequivocally formidable to review on-screen. And in the box of flip-book magazines, it equates to that even readers with glorious eyesight will have to wizz in to review articles. Increasing your rise distance to 12- or even 14-point sort will have your articles most some-more reader-friendly.
Here is an painting of how augmenting the rise distance to twelve points creates a big disproportion in readability:
Compare the disproportion in in in in in in in in in in in between Verdana and Georgia:
Notice how Verdana is, for the most part, still simpler to review than Georgia.
If you’ve opted for a website- or blog-based digital publication, together with links to enlarge or diminution rise distance is a good underline to add. Depending on your aim market, your users might not be informed with their browser’s capability to enlarge and diminution sort size.
The distance you select should conform but delay to the font’s complexity. If you’re regulating an blow up book or grunge rise (and I would suggest regulating these customarily for headers and sub-headings), you’ll wish to enlarge the rise size. Simpler fonts customarily can be kept smaller.
3. Contrast and Color
For a small reason, a lot of people who design ideally pleasing imitation products infrequently go nuts with color when they design digital products. Here have been a small most appropriate practices for color and contrast.
Using a unequivocally dim gray sort instead of black is infrequently simpler on the eyes. Even switching to a #999999 gray on a white credentials can have a universe of disproportion in preventing eye aria in your readers. Going for as well light and as well low a contrariety can have the conflicting outcome and have it harder to review (i.e. don’t have have have have have have have have have have use of of of of of of of of of of a #333333 gray on a white background).
While the initial dual have been ideally legible, the medium-gray sort is noticeably harder to review for prolonged durations of time. The light-gray rise is unequivocally formidable to review and is substantially most appropriate not used at all or indifferent for things identical to picture captions.
Beware of regulating a dim credentials with white type. Large blocks of white calm set conflicting a black credentials turn unequivocally formidable to read. If you’re dynamic to have have have have have have have have have have use of of of of of of of of of of a mixed of dim credentials and light text, diminution the contrast. Use a #333333 gray sort on a black background, or even a #999999 background. In the examples below, notice how oppressive the white calm on the black credentials looks. When the calm color is altered to a light gray or the credentials is altered to a dim gray, it is noticeably smoother.
Colored headings have been ideally excellent to use, yet fluorescent colors have been mostly harder to read. Also, don’t have have have have have have have have have have use of of of of of of of of of of a sort color and credentials color that have been conflicting on the color circle (blue and orange, purple and yellow, red and green, etc.) Color combinations identical to these have been roughly unfit to read.
Colored physique calm is most trickier than colored headings. Navy blue, hunter green, dim brownish-red and identical colors have been in all excellent on a white or unequivocally light-colored background. But the suggest you wandering from black and gray and the brighter you go, the harder your calm becomes to read.
While the dim blue is utterly readable, the immature is roughly illegible. The red is entertaining but most some-more expected to equates to eye aria in prolonged passages of text. Use it sparingly.
Images
There have been dual vital differences in in in in in in in in in in in between imitation and on-screen images. The initial is the color space used, CMYK vs. RGB. The second is application and altogether picture size.
CMYK vs. RGB
CMYK stands for Cyan, Magenta, Yellow and Key (Key being whatever ink color creates black on the paper color you’re regulating — customarily customarily black itself) and is the customary color space for printed material. Using these 4 ink colors in conflicting screens, you can furnish substantially any color in print. RBG, on the alternative hand, stands for Red, Green and Blue and is what each mechanism monitor, radio and alternative digital apparatus uses to furnish color.
RGB in all produces brighter and some-more colourful colors. As the imitation next illustrates, blue is in all influenced by the acclimatisation from RGB to CMYK. Shades of customarily about any color can be influenced and will in all crop up duller in CMYK.
Because images in digital publications have been noticed in RGB, no acclimatisation is indispensable (scanners and digital cameras both describe images natively in RGB). The alternative vital value is that what you see on shade is what your readers will see (barring differences in guard calibration). This equates to that proofing on shade is adequate, but the need to imitation out particular pages.
Image Compression and Sizing
Because images in digital publications have been noticed on screen, they can be dense most more.
To establish the distance your picture needs to be, figure out how large your picture will be at full wizz in your digital publication’s format. Your picture will need to be at slightest that distance at 72 dpi. If you’re operative with a digital flip-book or PDF-style magazine, you might need to enlarge the dpi to have the picture fit on the page at the correct size. For example, if your repository can be zoomed in to twice the normal size, you’ll need to have your images at slightest 144 dpi. If you can wizz in to 3 times the normal size, your images will need to be at slightest 216 dpi.
I suggest regulating JPEG (set to “high” quality, customarily turn 8 or 9) or PNG format for your picture files. Be clever with application in JPEG, however, since you’re some-more expected to finish up with “artifacts” in your last image. PNG offers a series of advantages to GIF, quite when it comes to options for clarity and true-color palettes. And PNG images can be dense to in in in in in in in in in in in between 10 to 30% some-more than GIF images. For the most part, unless you have been regularly re-saving images, the format you select will have small disproportion to anything alternative than record size.
Resources:
- Graphic Design from Print vs. the Web covers the elementary differences in in in in in in in in in in in between imitation and digital design.
- Print Design vs. Web Design covers a small of the specific differences in in in in in in in in in in in between imitation and Web design.
- This Way to the Web, Print Designers! gives a good general outlook of switching from imitation to Web design.
3. Subscribers And Distribution
Distribution of the repository can be rubbed in conflicting ways. An RSS feed is a good proceed for all of the formats discussed above. Email announcements have been an additional method.
RSS feeds have been good for magazines with some-more tech-savvy readerships. Your own aim readership might or might not be informed with RSS, yet the format is apropos some-more renouned and at large well well known each day. It’s a good choice to suggest opposite the board, though, since smoothness by this process is some-more arguable than by email.
Email distribution can be tormented with problems. Maintaining unsubscriber lists can be a headache and come with authorised ramifications if laws and regulations have been not adhered to. Bulk emails regularly run the risk of finale up in spam or junk folders, and special programs have been indispensable to conduct large mailing lists. A series of providers out there will conduct email lists and mailings for you, yet prices change and infrequently long-term contracts have been required, as have been monthly fees.
Getting subscribers is a bit some-more difficult, too. Targeted promotion is substantially the most utilitarian method, along with poke engine optimization. Including both RSS and email subscription options is an additional proceed to enlarge your subscriber numbers. Both should suggest as current measurements when deliberating subscriber rates with intensity advertisers.
Resources:
- ConstantContact is an email selling height that comes with a 60-day free trial.
- iContact is an additional email selling height that includes a series of additional features.
- poMMo is open-source mass-emailing program that is a good resolution for those who wish to do all in-house.
4. Revenue Generation
Advertising is substantially the most earnest income tide for digital publications, as it is with most imitation magazines and newspapers. Subscriber-based methods of generating income have been some-more formidable online unless you have been trade with a unequivocally specialized niche market. With so most free report accessible online, you have to suggest something unequivocally singular to capture sufficient people who have been peaceful to compensate for your content.
More promotion options have been accessible with flip-book and PDF magazines than with customary imitation magazines. Common add-ons for that you can assign have been active website links, multimedia calm (Flash videos, audio files, etc.) and special sponsorships. Charging for each appendage can enlarge income streams.
Generally, pricing should be formed on trade and readership numbers. Compare these numbers to the rate per thousand impressions on websites in identical niches to get a good baseline for promotion rates. Website advertisements can be finished in the same formats that most alternative websites offer.
Don’t disremember promotion opportunities in subscription delivery. You can sell ads that crop up inside of RSS feeds and in email announcements. Ads on the website where your repository is distributed have been an additional oft-overlooked event for some-more revenue.
Resources:
- OpenX is free, open-source ad-server software.
- This essay on Google AdSense provides a good general outlook of this choice for promotion on the pages that suggest your magazine.
- This essay on monetizing your RSS feeds lists eight ways to have income from your RSS feeds.
5. Other Considerations
Article length and even divide length should be deliberate in digital publications. While PDF and flip-book formats have been some-more inclined to forgive (because they some-more closely resemble print), recollect that people mostly tire of celebration of the mass things online some-more fast than in print. Allowing readers to imitation pages and articles can assistance quell this problem.
TypeChart lets you flip through, preview and review Web typography whilst retrieving the CSS.
With website- and blog-based publications, divide and essay length is some-more important. Keep your paragraphs shorter and mangle up prolonged articles in to mixed pages if possible.
Resources:
- TypeChart is a good place to find entertaining online fonts and get their CSS code.
- 5 Principles and Ideas of Setting Type on the Web is a good essay that covers typography issues online that might not be encountered in a imitation environment.
- A pick up of tutorials, resources and some-more on Image Optimization for the Web.
While imitation and Web publications have most similarities, they additionally have a lot of pointed differences. The Web offers some-more options with multimedia and is, in most ways, an simpler format to work with. Take time to devise out your solution. Changing your mind after a integrate of issues can be a dear and time-consuming decision. Good formulation and full review of the options accessible to you can save headaches after on.
Further Resources
- Newspaper Website Design: Trends and Examples
- Award-Winning Newspaper Designs
- When To Use Magazine-Style Themes For Blogs?
- Blog vs. Web vs. PDF (magazine)
- Making The Transition From Print To Web
- What Magazines Still Don’t Understand About The Web
- What Newspapers Still Don’t Understand About The Web
About the Author
Cameron Chapman is a veteran Web and striking engineer with over 6 years of experience. She additionally writes for a series of blogs, together with her own, GreenStyle Magazine, that will relaunch after this year.
(al)
© Cameron Chapman for Smashing Magazine, 2009. |
Permalink |
7 comments |
Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags: flash, flipbook, magazine, pdf, print, web
Original post:
Switch From Print To Web: Where To Start?
Popularity: 3% [?]
