Click on any phrase to play the video from that point.
[♪♪] [Adobe]
[DIGITAL PUBLISHING PLATFORM]
[App of the Week with Teresa Demel] [♪♪]
Hi. I'm Teresa Demel with Adobe Digital Publishing Suite.
This week for the App of the Week I'll be sharing Better Homes & Gardens with you.
Better Homes & Gardens is the 4th best selling print magazine in the United States,
and what I'll be sharing in particular today
is a great and effective use of some Enterprise features,
including a custom store as well as custom items in the navigation bar.
They also use interactivity in bookmarking, which is available to Pro customers as well.
Here, let's take a look.
Let's first look at Better Homes' custom store.
They feature this month's issue front and center.
I can tap on a cover to see a preview of what's inside.
For example, let's look at May 2012.
This opens up a table of contents and also gives the customer purchase options
to either subscribe to the full year or just purchase this issue.
Let's go to the September issue.
Looking at the layout, you'll notice that Better Homes uses what we call a flattened stack,
meaning all of the articles are read left to right
and never scroll down into the article.
I'm going to jump to an article on Katie Couric.
At the same time, even though it's a flattened stack,
readers can still expect to read down into an article.
For example, in this feature on Katie Couric you can see how they make the entire page
1 scrolling frame, and only the bottom box stays static.
So this is a really simple and effective use of scrolling frames.
Now I'm going to jump to another article called "Passage to India," which I've bookmarked.
Better Homes & Gardens specializes in style and design,
and this is an article about decorating a home with India-inspired colors.
The opening photo is clean.
At the same time, I can tap on a button in order to see the full paint information.
And then scrolling to the right is one of my favorite features.
I can see how a room looks different with each of these different colors.
Each paint swatch at the top is a button that controls a slideshow.
They also reference where the paint is from.
For example, this green is from dutchboy.com,
this pink is from True Value Paint,
and the red is from behr.com.
That way, as a reader, I can make a purchase if I'm interested in buying it.
It's a really subtle but effective use of product placement.
You'll notice they use some custom icons in the navigation bar,
so I'm going to tap on the Content slot in order to navigate to the table of contents.
Under Food they have a recipe index that consolidates all recipe info into 1 place.
So I can tap on the recipe info, and there are 2 places I can go after that.
I can either navigate back to the recipe index,
or I can go back to the story where it was originally featured.
This is a great example of designing content so that users can approach an article
from multiple directions.
Better Homes & Gardens is a timeless magazine with fantastic lifestyle advice.
It uses the custom store to cross-promote content such as back issues,
and also it uses the navigation bar in a really effective way
to create a seamless user experience for the reader.
So download it and check it out.
[♪♪] [Adobe.com/digitalpublishing]
