Designing a Reader-Friendly Digital Edition
Critics of digital magazines often cite ‚Äúflat presentation‚ÄĚ and small fonts as drawbacks of the medium. It‚Äôs also a problem when publishers force in too much rich media that actually detracts from, rather than enhances, the reader experience.
However, there are ways to make the product more engaging. Folio: spoke with several vendors about what tips they share with clients on how to make a reader-friendly digital edition.
1. Layout and Aspect: Landscape, not portrait. While mobile is increasingly becoming a priority, most digital magazines are still designed for computer screens, which typically means a landscape as opposed to portrait format.
"It is more about aspect ratio than raw size as we will scale based on width,‚ÄĚ said Trish Connolly, CEO of Advanced. ‚ÄúThe best ratio that fits most monitors is a 1:1.6 (h:w) ratio.¬† For example 8" high by 12.8" wide (or 8.5 x 14).‚ÄĚ
Texterity advises 14‚ÄĚ x 8.5‚ÄĚ as it fits a standard computer screen and prints well on legal or letter-sized paper in landscape mode. ‚ÄúOne way a digital edition differs from a Web site is that it feels paginated and laid out,‚ÄĚ said senior vice president of marketing and business development Cimarron Buser.
Use bright colorful graphics and bullets. ‚ÄúIn some ways, designing a digital edition is like designing a magazine cover,‚ÄĚ said Buser. ‚ÄúYou‚Äôre trying to create that same sense of excitement.‚ÄĚ
Give the reader control where it makes sense. ‚ÄúLet the reader control the point size and anything else to make the experience enjoyable,‚ÄĚ said Campion Primm, creative director with Zinio and VIVmag.
2.¬† Fonts: Think big. ‚ÄúThe font needs to be larger than a print magazine so zooming isn‚Äôt necessary to read the book,‚ÄĚ said Jeremy Smith, design manager for Nxtbook Media‚Äôs custom publishing group.
Use spacing to your advantage. ‚ÄúOne that has good spacing between the letters helps with the resulting clarity,‚ÄĚ said Connolly.
Take a cue from some print versions, such as Reader‚Äôs Digest. ‚ÄúThe original Reader's Digest works perfectly,‚ÄĚ said Buser. ‚ÄúThere‚Äôs less density and more white space. Organic Style is an example of a magazine that has a large font size‚ÄĒthings are spread out, but you know it‚Äôs a magazine.‚ÄĚ
Specific font choices vary widely, but most digital magazine vendors say a Sans Serif font works. However, Smith recommends avoiding Serif fonts as they may fade out on some monitors.
Keep an eye out for future font developments. ‚ÄúDavid Berlow, Roger Black and The Font Bureau are developing better versions of fonts that render on every screen,‚ÄĚ said Primm. ‚ÄúFont clarity is the most important aspect of any digital publication solution. The equivalent in paper would be show-through on your (paper) stock and screen resolution.‚ÄĚ
3.¬†¬†¬† Leading: Think even bigger.¬† Leading should be four to five points more than font size, according to Smith. This gives more white space and allows the eye to flow through the text.
4.¬†¬†¬† Interactive: Make links visible. The use of hotlinks throughout the articles gets readers more involved by taking them to more in-depth articles or videos.
However, if you‚Äôre including URLs, make sure readers can see them. ‚ÄúEven for magazines that are using a traditional page layout, make sure the URL is above the fold and not buried at the bottom in tiny little font,‚ÄĚ said Buser. ‚ÄúIn some cases, advertisers may have multiple places to send people or a call to action such as ‚Äėclick here to go to our Web site.‚Äô Sounds obvious, but you‚Äôd be surprised how many people don‚Äôt do that. If you‚Äôre thinking about print ads, you're not thinking about accessing it from computer screen."
5. Rich Media: It helps, but don‚Äôt get too cute. Smith says publishers should consider some Flash within the cover, articles or ads. ‚ÄúDo things that you can‚Äôt do in print to make it more appealing,‚ÄĚ he said.
However, don‚Äôt go overboard. ‚ÄúWhat‚Äôs the point of a magazine?‚ÄĚ said Buser. ‚ÄúReading. You want to complement that experience without taking it over and turning it into a giant Flash presentation. If every single page has a video that opens up, a lot of people don‚Äôt like that because they feel like they don‚Äôt have control over the experience, especially in a b-to-b environment, where people are reading at work.‚ÄĚ
Readers who spend too much time downloading or waiting for content to load will go elsewhere. ‚ÄúTheir time is important and digital publishers must be respectful of that,‚ÄĚ said Primm.
Publishers may want to include a play-on-demand component instead.
6. Folio Size: Stay smaller than print. Digital magazines can offer a more interactive experience than print, but the trade off is the digital version should have fewer pages than print. Most people don‚Äôt want to read a hundred page magazine on-screen.