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.