Wired Overhauls Magazine The previous version of Wired had bright colors, bold fonts, perhaps the splashy photos and graphics that made it feel like a magazine about science and technology for men. The new version of Wired feels more like Wired meets T: The New York Times Style Magazine meets The New Yorker. With its modern, almost muted aesthetic, it feels more like a lifestyle magazine Mashable.com
Wired Overhauls Magazine "From my point of view, technology is not only your computer on your desk anymore, it's part of your life. It made sense to me to have a design that felt more accessible, that didn't make you feel all the time that you're just reading a tech magazine... "It's not only a magazine about technology, [it's] also a magazine about people who make technology happen." Claudia de Almeida, Wired's design director
ipad Magazine design
Adobe Digital Publishing Suite Condé Nast
Adobe Digital Publishing Suite Lynda.com
WIRED s ipad Magazine ipad app is not simply a straight, digitized version of the print magazine, it is much more. First thought is let's make everything move. (Does everything really have to move?)
Wired s three design goals: Allowing the content to shine Walk-up usability (instant, intuitive interface) Revolution through evolution (not doing everything at once, the application will evolve over time.)
What are the obstacles: Create a print magazine every month Create a vertical digital version every month Create a horizontal digital version every month The average Wired article takes 24 days to go from initial copy to finished layout a tight timeframe considering Wired is a monthly publication. Luckily, the team responsible for the print version of the mag are able to repurpose the layouts for use on the ipad and other devices, with only incremental hours, and no need for any additional staff.
Wired s thought process The better the design, The easier the reading experience, The deeper the engagement, The more connected the user, The stronger the brand relationship.
The tablet edition of Wired will combine the strong design of the print magazine with the connectivity of a wireless device. Print vs. web.
What is the best way to navigate a digital publication?
What is the best way to navigate a digital publication? Print
What is the best way to navigate a digital publication? Print Online
Print v. Tablet v. Internet
Omniture Analytics Total Digital Edition Circulation: A combination of single copy sales, digital subscribers and authenticated readers (print subscribers who have also signed up for digital editions). Total Issue Readers: Total number of readers who have accessed the digital edition at least once. Total Ad Readers: Total number of digital edition readers who have looked at an ad at least once. Total Number of Exposures per Ad: Number of times an ad in a digital edition was viewed. Average Time Spent per Digital Edition Ad: Average time, in seconds or minutes, that a digital-only reader spends on a page with a specific ad. Average Reading Sessions per Reader: Average number of times readers return to a specific issue. Average Time Spent per Reader: Average number of minutes readers spend with a specific issue across reading sessions.
Better body copy
Better body copy
Better body copy
Better body copy
Better body copy
Georgia, 20 pt. with 26 pt. line-spacing
Comparing Print to Tablet 8 in. 5 4/3 in. 10 7/8 in. 7 3/4 in.
Comparing Print to Tablet Navigation example
Comparing Print to Tablet Navigation example
Comparing Print to Tablet Navigation example
Comparing Print to Tablet Navigation example
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Print to Tablet Navigation examples
Comparing Tablet horizontal to vertical 768 px. 1,024 px.
Comparing Tablet horizontal to vertical
Comparing Tablet horizontal to vertical
Comparing Tablet horizontal to vertical
A Closer Look 55 px. 12 columns with 24 px. gutters 48 px.
A Closer Look 55 px. 48 px. 12 columns with 24 px. gutters
A Closer Look: The Vertical Grid
A Closer Look: The Vertical Grid
A Closer Look: The Vertical Grid
A Closer Look: The Vertical Grid
A Closer Look: The Vertical Grid
A Closer Look: The Vertical Grid
A Closer Look: The Vertical Grid
A Closer Look: The Vertical Grid
A Closer Look: The Vertical Grid
A Closer Look: The Vertical Grid
A Closer Look: The Vertical Grid
A Closer Look: The Vertical Grid
A Closer Look: The Vertical Grid
A Closer Look: The Vertical Grid
A Closer Look: The Vertical Grid
A Closer Look: The Vertical Grid
A Closer Look: The Vertical Grid
A Closer Look: The Vertical Grid
A Closer Look: The Horizontal Grid
A Closer Look: The Horizontal Grid
A Closer Look: The Horizontal Grid
A Closer Look: The Horizontal Grid
A Closer Look: The Horizontal Grid
A Closer Look: The Horizontal Grid
A Closer Look: The Horizontal Grid
A Closer Look: The Horizontal Grid
A Closer Look: The Horizontal Grid
A Closer Look: The Horizontal Grid
A Closer Look: The Horizontal Grid
A Closer Look: The Horizontal Grid
A Closer Look: The Horizontal Grid
A Closer Look: The Horizontal Grid
A Closer Look: The Horizontal Grid
A Closer Look: The Horizontal Grid
Tablet factoids The Poynter Institute Eye Track Tablet study Findings Navigation is the most important feature... need to be quick and clear how user gets from here to there. Swiping is preferred over scrolling... Swiping is more intuitive 70% viewed the tablet horizontally, 30% vertically. People tend to enter a story through a dominant element. Few people used thumbnails to advance through a photo gallery. The majority used advanced buttons.