NYLON Blog: Tag! encourages audience engagement

NYLON Magazine’s Blog appears to understand the importance of audience engagement, as they dedicated an entire section for user-generated content. The section “Tag!” is a place where users submit photos of graffiti they’ve spotted or created around the world. Users can write a small blurb explaining where the graffiti was found and their thoughts on it. So cool!

Because it’s such a specific niche, Tag! has been extremely successful. The Blog uploads one submission per day. It’s easy, doesn’t require a ton of work on either side of the production and provides fresh, visually-appealing content for the blog site.

The only suggestion I’d make was to have a very short header at the top of the Tag! category page, so that readers quickly know what it’s about.

What a great way to get your audience involved and make them feel like a part of the team, NYLON. I think the blog for the publication I work for, Vox Magazine, should implement something like this.

– EPS

NYLON Magazine Digital Edition (Web)

I’ll let you in on a secret- NYLON Magazine’s website offers a “sneak peak” look at all of their issues in the past 5 years. That “sneak peak” happens to be the entire magazine. So if you click “The Magazine” on the navigation bar and then on any of the covers you can read the issue via zinio.

Although, it sometimes lags (most likely due to my computer/internet connection) zinio did an awesome job creating this viewer. The interface design is beautiful and it gives you numerous options on how to view the content. Not only is it available in full screen mode, but it also allows you to embed any page/issue by providing you with the code.

I absolutely love that NYLON has a digital free access version of their magazine. I’m able to take screenshots for posts instead of tediously scan the print copy. The only thing that confuses me is why do they call it a “sneak peak” if it’s the whole magazine? As a print subscriber, it leaves me wondering why I should pay if other people can just read it online for free. Also, why in the world would they charge for the iPad version of the magazine if they don’t for the web version?

Obviously, there are many pros to being a print subscriber and having the actual magazine in your hands to read. And on the iPad, I can’t access the digital website viewer because it uses Flash. Part of me is wondering whether the full digital magazine is only supposed to be viewable if you’re logged in and you’re a print subscriber. This would make more sense. However, to clarify: I think it’s great that the digital version is free, just confused as to why.

Below I tried to embed the NYLON November 2011 zinio viewer, but WordPress ain’t havin’ it. It limits the number of times you can zoom, so I’d just look at it on NYLON’s site. I included the embed link, though!

http://www.zinio.com/widget.jsp?is=416196386&pg=1&type=lgNylon-Nov-11

NYLON Magazine: November design critique

November Overall Design Rating: 4.8 / 5

The America issue, Rachel Bilson cover

Alright, officially my favorite issue. It just seemed like everything was planned to a tee. I loved all of the “hand drawn” elements throughout the issue. The content was original and didn’t seem repetitive of the past two issues I’ve read (which tends to happen with other magazines).

What worked:

Illustrations in this issue were awesome.

Seriously. I can’t say enough good things about them! You can tell a lot of thought was put into each illustration and that the artist went the extra step to put the finishing details on it. I especially enjoyed the ‘Merica bald eagle wearing the sunglasses.

      

– The overall layout of the must have (“mass appeal”) sections really improved from the last issue; they’re so much easier to read and don’t overwhelm me. The “face value” page was really well designed- especially liked the illustration of Dr. Brandt!

Page 72 “Shop America”

The photo clippings were a great choice to help style the page. It shows the extra effort of the designer to not just slap photo and copy on the page and call it done.

Page 78 – 79 “Free Style”

Love the illustrations throughout this spread. Adding just a touch of color helps keep the reader interested without overwhelming them. Also, the choice to make each illustration size different helps balance the design.

Page 85 “Keep Sake”

What a cool craft! Seriously can’t wait to make this. At first I was going to comment that the photos weren’t large enough for the reader to see step-by-step, but I revoked that thought after realizing they were perfectly fine.

Page 96 “Greatest Hits”

Thank you, NYLON, for finally understanding that when showcasing watches readers want three things: designer, price and an up-close view of the face. No one else seems to understand this simple request. Simple, but great job designing this article.  Also, a sidenote, the model’s facial expression made me laugh every time I turned the page.

Page 107 – 111 “Beauty Blender”

Love that I can compare the looks all at once (page 107) or look at the up-close photo (makes it easier to see the details and imitate it).

Radar section (115-129)

Radar had it together this issue. Every page entertained me and I loved the “Bands Across America” feature. Separating bands by location was a great idea. Engaging content and well-executed design. My only complaint is that after reading that I spent 3 hours downloading music. Thanks for providing the excuse to procrastinate, NYLON.

What didn’t:

 Page 80-81 “Apple of my eye”

Each page individually looks awesome, but as a spread…eek. The vibrant colors on the right completely clash with the musk, fall design on the left. Neither page is an advertisement so maybe there was miscommunication or a tight deadline?

America issue: wait, why?

I love America just as much as the next gal, but why denote November 2011 as the America issue? Why not July  or November 2012 (when there’s a presidential election)? Hmm, still thinking this one over.

Also, it should be noted that I enjoyed the Bare Minimum and Rachel Bilson articles. Just sayin’.

– Emily Paige

NYLON’s Social Media Presence

As social media becomes a more integrated part of audience engagement, it’s important that publications use these tools to their advantage. These platforms can enhance the user experience and help promote content. That is, if the social media is used effectively. It seems that the defining characteristic of successful social media users is consistent and relevant content.

So, is NYLON using social media in an engaging and effective manner? Overall, yes. NYLON appears to be killing the social media scene.

Twitter:

With more than  400,000 twitter followers, @NylonMag has a strong online presence for a magazine of its size. They usually tweet around 15-20 times per day, depending on content. Some people might find this to be low, but as a Twitter user, I find it to be a good balance between consistently tweeting and being obnoxious.

They establish a dialogue with their readers, crafting tweets that are always clever but never too confusing. Also, their Twitter handle is short which makes it is for users to RT them.

NYLON Magazine has separate Twitter accounts for their international editions and for NYLON Guys. However, none of these are nearly as successful as @NylonMag.

Facebook:

NYLON’s fanpage on Facebook has 207,000+ likes on Facebook. I repeat, more than 200,000 people have liked their magazine on Facebook. To put this into perspective, Harper’s Bazaar only has around 87,000 likes on Facebook. Marie Claire has around 112,000. Vogue has…well…2 million for the U.S. edition, but that’s because it’s Vogue. I’m throughly impressed with this, although it’s not hard to see why so many people are a fan of the magazine. Throughout the day, they post short headlines and link to their site.  They’re consistent, their dialogue is friendly, simple and engaging and their content is interesting. Every post has dozens (if not a hundred) of likes, multiple comments and usually a share.

Google+:

Although this didn’t overtake Facebook as the “social media experts” predicted, it’s still important to maintain an online presence here. It’s another way to connect with the reader. NYLON doesn’t appear to have a fan page on Google+ but users are sharing NYLON’s content with their friends on it.

YouTube:

NYLON’s YouTube channel, NYLON TV, does a great job of giving the user another element to the story for a richer experience. The videos vary from behind-the-scenes interviews with cover shoots to reviews of what they’re listening to. They’re always light-hearted and fun to watch, making it very addicting when on AutoPlay. They have a loyal subscriber base of around 55,000 people and more than 46,600,000 total channel views! This is a great ad revenue for NYLON, too, as they have unobtrusive cosmetic advertisements on their videos and channel page.

NYLON TV producers know the secret to audience engagement: keep it as concise and interesting as possible. Their videos are rarely more than 2 minutes long.

Myspace:

I didn’t even realize that people, none-the-less publications, still had Myspace pages but good for you NYLON! Although, it doesn’t appear they’ve logged in for a month or posted any content in a year and a half. That’s ok because I don’t think anyone else has, either.

RSS:

Where is your RSS feed, NYLON?! Oh, there’s the link! At the very bottom of the page. Yes, I know I can go to Google Reader or Safari and manually subscribe to your site, but I’m a lazy user and I want someone to do it for me. NYLON has the XML files for their RSS feed, they just need to implement a “subscribe” or RSS button next to the other social media icons.

Klout:

@NylonMag has a Klout score of 67, which is pretty impressive. Their influential topics are fashion, entertainment and media so they’re right on target.

Update: According to Klout, NYLON ranks #7 as an online influencer of the topic of fashion. This is a huge achievement considering they’re ahead of Harper’s Bazaar and behind NYTimes Style.

 

 

NYLONmag.com: UX and Cross-Browser Compatibility Pt. 1

After critiquing the design of NYLON’s print component, I wanted to switch gears and look at their website. I’ll focus primarily on how well it works cross-browser and the UX/usability of the site.

NYLON's homepage viewed on Chrome for Mac

Navigation: 4/5

The navi bar has straightforward labels and I know what to expect when I click on them. However, if it were my first time visiting the site and I didn’t read NYLON in print, I would have no idea what “radar” meant. The NYLON logo takes you back to the homepage which is an expectation of the user. I’m torn about the info architecture of the site, though. The navi has too many tabs for my taste, but I can see how NYLON TV/MALL/GUYS belong in totally different sections. I’d have to see the site analytics to know how important each of those sections are to NYLON and whether they could be grouped as a subhead such as “NYLON for..” or something.

Search bar: 1.5/5

Although this is sometimes covered with the navi section, this particular case stands out as a separate issue to address. The search bar is hard to find at first glance, since I expect to find it in the top right corner of the page. While “(search) …and destroy” is clever,  they still need to make the search bar larger and adjust the position of it. It looks squished right now. If they would move it below the social media icons, then they could make the input field longer and it would be more noticeable. This is important because users don’t like to click through a site if they can’t find what they need. They will go straight to the search bar and find it themselves. If they can’t easily find the search bar, then they’ll become frustrated and leave the site. They good news is that the search bar is still same colors as expected and it’s fairly close to where it should be positioned.

Slider: 4.5/5

The slider is a great way to rotate content to make the site look fresh and not static. The headlines are written in a web-friendly manner and the pace of the slideshow is appropriate. The only problem is that the headlines and paragraph text are positioned too closely to the main content making it hard to distinguish it. They used jQuery instead of Flash, making it smoother and iOS friendly.

Homepage: 4/5

It’s a little image heavy, which for viewers with slow browsers or connections can be a nightmare for visiting the page. I definitely know what site I’m visiting as I feel like NYLON (win a FREE iPad from NYLON!, NYLON! (banner/logo) NYLON best dressed! NYLON Mall!, NYLON GUYS!, NYLON TV!) is being screamed at me. I’m not overwhelmed by the homepage (that’s good!) and I’m immediately tempted to click on a story (also good).

Consistency: 5/5

Having a slider on each page may slow down the speed at which each page loads, but it keeps the site consistent. I know to expect the navigation and logo at the top, several teasers to articles in the main body, image advertisements on the right and a “most read/best dressed, etc…” sidebar on the left. I haven’t found a page that breaks that layout/format yet.

Cross-browser compatibility: 5/5…A++

After testing the site in Adobe BrowserLab I found that the site functions well in modern browsers! Congrats! This is easier said than done and many people underestimate the importance of this. Yes, this did take quite a while to review, so it should show how much I love NYLON’s site and content.

Internet Explorer 8.0/9.0: Excellent job, NYLON. Looks and functions the same as modern browsers for Mac.

Internet Explorer 7.0: Site looks great and has fairly the same layout as on my preferred browser. The biggest problem (could just be Adobe BrowserLab) is that the logo didn’t render completely and you can only see half of the image/animation. If it’s not working, the developer could put a line of code (in the markup) telling the header to replace the animation with a static image when rendering in IE6/7. I’m certain that this is just the animation not working (since it’s a screenshot) and it is an error on Adobe’s part, but I need to check in the real browser. Also, I’d be able to critique the functionality better using a real browser. (Note to self: go to public library/grandma’s house to check this) Internal pages seem to handle the IE7 browser the same as the homepage.

Nylon banner/logo isn't loading correctly and ads on the right aren't either. This could very well just be Adobe BrowserLab.

As you can see, the main content breaks out of its container in IE6/7. This isn't a huge deal, though.

Internet Explorer 6.0: Every web designer/developer just let out a huge groan when they saw this section. IE6 is the buzz kill/antichrist of all browsers, but that’s a discussion for another day. Wow! I’m really amazed with how well IE6 handled NYLONmag.com. The site remains fairly consistent in design/appearance- although the main content on internal pages breaks out of its container is forced down. The homepage is arranged vertically- a good solution to this problem. However, the navi/header remains perfectly intact, which is the most important component of the site. Truly impressed, NYLON.

Firefox 5.0/Firefox 7.0/ Chrome 13.0/Chrome 14.0 for Windows: As far as I can tell, the site works just as well in these browsers as in my preferred browser.

Chrome 14.0 for OSX (Mac): This is the primary browser I use and is the standard for how I’ve been comparing other browsers.

Safari 5.1/Firefox 5.0/Firefox 7.0 for OSX (Mac): As stated before, everything works as expected. I haven’t found a hover effect or any other CSS tweak that doesn’t work in each browser. Nice.

Note: Banner ad at the bottom of the homepage/radar isn’t loading on Firefox. This could just be a temporary error, although a pretty grave one for the advertiser.

Safari iOS (iPad/iPhone/iPod Touch): Looks and functions beautifully on the iPad! Great decision to go with a jQuery slider instead of a Flash slider. Using JavaScript makes it viewable on Apple’s mobile products. The iPhone/iPod touch handles the site perfectly, although it’s not ideal for the user. I plan on posting a more in-depth critique of their mobile site later, though.

Additional notes:

The markup of the site is clean and has relevant comments, making it easier on a new person to tweak if necessary. The animated logo is pretty awesome, too.

– Emily Paige Stewart

Embedding multimedia to better convey stories

If you read a review about glow-in-the-dark makeup, you’d definitely want to see it demonstrated, right?

I was happy to see NYLON taking advantage of the power of multimedia in their article “Glow Up.” While they could’ve called it a day with photos of the product and a 200-word blurb, they embedded a video showcasing the product. Although they didn’t produce the video themselves, it was relevant content and furthered my understanding of the makeup.

It would’ve been the icing on the cake if they’d tested the makeup on their staff and posted a short video of it. Nothing too fancy, just something to let its readers know that the staff is actually testing the products they review.

It amazes me how few sites link related, external content to their site (guilty, I know). As long as you’re not claiming it as your own, then I’m not sure why you wouldn’t. The benefits are obvious. Embedding content or including hyperlinks serves as a great cross-promotional method for directing traffic to both sites. If a viewer reads the article on Nylonmag.com and watches the YouTube video of “Fluo Night” then both platforms win.

The key is that the linked content has to be specifically related to the article. It’s pointless to practice this if it’s not enhancing the audience’s experience. A simple tactic for increasing site traffic that more sites should be implementing.

NYLONewsletter: Does it reel readers to the site?

Every Saturday, I can expect a Newsletter from NYLON in my e-mail inbox. I have mixed feelings about newsletters in general. A part of me finds them annoying and clutter, while another part enjoys them.

Newsletters are effective because they serve as a reminder for people to visit your site. Even if the person deletes the e-mail, the sender of the newsletter is still on their mind. They give readers snippets/previews of what you can find on the site.

When newsletters are most effective:
If you want people to read the newsletter- not just delete it- you have to promote your content in the right way. In my experience, I’ll read a newsletter/promo e-mail if it’s:

a. short text, large headlines
b. links directly to site
c. visually appealing
d. specific, niche content

One company who does a great job at this is JCrew. I almost always open their e-mails, even when I’m flat broke. This isn’t me just be a shopaholic, because I never open Express newsletters or other clothing stores. I can always count on a beautiful presentation, a simple headline and a link to the product.

When newsletters aren’t effective:
If a company sends multiple newsletters a week, people become agitated very quickly. Even more, Gmail and other services, will mark them as spam.  It’s also a bad idea to have 8 pt type and a huge chunk of text in a newsletter. No one is going to read it.

How does NYLONewsletter rank?
NYLON is doing a great job with their newsletter. It’s weekly- so it doesn’t overwhelm me- and it’s never too text heavy. Large headlines, quick blurbs and an appropriate amount of images make it appealing to read. I’ll usually click a story if it interests me. Only thing I’d recommend was that they should highlight 3 stories, because it is a tid bit too long.

– Emily