Check out the all-new iMore header!

Check out the all-new iMore header!

Look all the way up! iMore got a shave and a haircut! Well, no. It's a lot more than that. A lot more design. A lot more code. A lot more work. And a lot more smarts. The new iMore header is a reflection of our growth over the last year and the many more stories, and types of stories we're covering. Our old wedding-cake navigation menu got us through some great times, don't get me wrong, but it was static, it was manual, and it was already past its limit. Our new header is fluid, responsive, dynamic, and gives us a foundation from which to grow even better, faster.

We have a variant of the iMore logo top left, and little Mobile Nations brand beside it. Then we have our main sections, the ones for iPhone, iPad, and Mac, for how to and the best, for apps and games, for our shows and for our forums and store. Next is the search, your profile and account, and the hamburger menu. Yeah. Ham. Burger. Click or tap on the hamburger and you get the sidebar where you can quickly browse the latest news, features, apps, games, reviews, forums posts, how to, contests, and podcasts, contact us, read more about us, follow us on all the social things, and see what's popular right now.

The story blocks on the home page will show you what our editors think are the most important pieces from the last few days, the stuff you really don't want to miss. On the inner pages, those smarts will start to take over and we'll show you a mix of what's new, what's recommended, and what's popular.

At the bottom we have the hot topics that everyone wants to know more about, including us!

All this brought to you by the minds of Marcus and Kevin, the pixels of David and Jose, and the bits of Tom, Steph, Mike, Nav, and the iMore/Mobile Nations tech team.

Since it's brand spanking new, there could be a few glitches at first. If you notice anything, please let us know! We'd also love your feedback on the new design and functionality both. I realize people can be change-adverse, but please do give it a real try, and some time, and then leave a comment below with any thoughts and suggestions you might have.

It was made entirely for you, after all, and to make sure you have an even better experience here at iMore.

Have something to say about this story? Share your comments below! Need help with something else? Submit your question!

Rene Ritchie

Editor-in-Chief of iMore, co-host of Iterate, Debug, Review, Vector, and MacBreak Weekly podcasts. Cook, grappler, photon wrangler. Follow him on Twitter and Google+.

More Posts

 

-
loading...
-
loading...
-
loading...
-
loading...

← Previously

Alaska Airlines app gets major visual overhaul in version 3.0

Next up →

Castle of Illusion starring Mickey Mouse now on the Mac!

Reader comments

Check out the all-new iMore header!

45 Comments

I like the look.
But accessibility-wise... keyboard navigation is broken. It's out of order..
very confusing, and I'm a sighted user!

How does it fare with screen-readers?

A for aesthetics, C for coding ;)

Do any of your site coders test iMore via Flipboard? It renders to full-desktop and is difficult to read; One of the only sites of scores I have subscribed to that remains Flipboard-unfriendly.

And a pro tip for anyone using a MacBook, the feature blocks at the top of the homepage will respond to a swipe left and right to scroll through them all :)

Using my trackpad for my iMac, swiping the header is "sticky." In other words, not very responsive. Perhaps it's just my system, but I thought I'd mention it.

Overall, I like the new look!

This site, like most sites today have become over monitized. It's becoming difficult to read and view the content through the advertising. I have stopped viewing the site because of the over use of ads. If it wasn't for the imore app, I would read no more… imore.

Sent from the iMore App

Care to share why? There are no ads between posts and generally everything (so long as you're logged in) is well out of the way of any article text and is off to the side. Just want to make sure you're not seeing something we're not aware of.

And you know...we do need to get paid for doing this :) It is our job, after all!

I couldn't agree more, getting paid is important. As jhulgan and Mr.Bael mentioned. The adds are not inside the articles, that's a plus. As well as the adds on the side of the page are not the problem. The challenge as a reader is when the adds are inserted between the articles or when the adds consume more than the content. Using my iPad, I see three large adds directly below your new beautiful banner. There is also a substantial amount of unused white space after the content. Don't get me wrong, the iMore "App" is my first read every morning. You may be able to relocate the adds and maintain that fresh look to go with your new banner.

Sent from the iMore App

Ads? You're on the iMore App where it's just a banner on the bottom at most. On the desktop if your not using Adblock Plus then I have no sympathy for you.

For me all ads are on the right hand side of the screen in a different column. I appreciate that the ads are not in the articles.

I like the look, but it's a bit large. It takes up very close to half my screen vertically when landing on the home page. Maybe tone down the size some. It looks much better once you're in an article link. Smaller there.

I agree. I have a 30" monitor and it still looks very large to me. I'm not a huge fan of blue either, so it all seems kind of icky IMO, but I realise that I'm far from being in the majority with that feeling.

Glad to see that you didn't go with the pop-over/slide-down things that all the other sites are using (at least not too much). Those are really annoying.

Looks nice, but its massive on my Mac Air 11". Something that takes up considerably less vertical real estate might have been more welcome.

This looks fresh & fantastic, Rene; you guys have a great site!

Only thought is that perhaps it's a bit too much blue, as Alpha Tauri mentions. Perhaps the featured story tiles should all be blue shaded, except when hovering over them (in which case the natural color would show)? Or, have them all their natural colors and shade it blue when hovering over a story one might click on.

I am enjoying it so far but I can't see where to log-in to the sites, it is showing the blue colour and not the icon's after 'Shop'. I have to use IE11 at work.

I love this site but can't say I am a fan of the new header. It's probably just me but I don't like the idea of having to scroll through the top articles on the home page. I know it sounds petty but it creates an unnecessary step. I might like it on my iPad but not on my desktop computer. I prefer being able to see all the top stories at once and then just clicking on the the link for that article. To me, the best designed sites are those that require a minimum amount scrolling. Just my opinion.

Overall I like the design and the color choices. My only critique is the same that I have with the Android Central site. I go to one site and then click the links to navigate to the other sites in the mobile nations network. Before there were links to the other mobile nations sites at both the top and bottom of the page, but now they are only at the bottom. Could we possibly get some small links to the other mobile nations sites at the top as well? Overall it is a small issue and possibly only affects me, but possibly bothers others as well?

I thought the old black bar at the top was cool, because I could see what's going on for android, windows, blackberry, ios all at once, including trending forum topics. where did that go?

I like it, Rene. Looks sharp.
The only thing that seems odd is the mobile nations logo/drop down. It's not intuitively clear to me what it's for, and what will happen if I tap or click there. It also appears off vertical centre with the iMore logo and the orange glow doesn't match your colour scheme.
Perhaps a down arrow next to iMore with "other Mobile Nations sites" or something would be more clear.

I can appreciate the change but why blue? And why almost the same shade of blue like the Macworld site? Surely you're more original than that.

Nicely done. But by the time I'll get used to it you're going to change it again... Such's is tech-life... :)

Good: The new look is nicer than the old one, cold starts (first load of main page) are faster than the old one

Bad: Scrolling is very jerky when page is not fully loaded (i.e. post has finished loading, but not other components)

I usually look at iMore on my iPhone and recently it has been a mess. It looks like it's an incomplete website for their mobile version and I'm not sure if it's because of that new banner or what but it's near impossible to navigate. I read AC also and their mobile site is of course updates with that banner as well, but on iMore it's literally text on a white page. It looks like old mobile sites before we had smartphones. Where everything was just long and in one line and not formatted. I don't know if any one else has this problem accessing the mobile site in Safari. Desktop site looks great though. Love the banner.

same problem for me. on iphone (safari & chrome) it is terrible to navigate but on desktop its great. it doesn't format properly on iphone.

I agree mobile version on iPhone is a mess. Don't like how everything looks like one bit article. Barely any separation

What about some love for the imore app? There are articles, which won't show anything after the break, like the community update, for example.

Sent from the iMore App

Is it me or the site is not oltized for iPhone? It looks great on my iPad, but viewing on the iPhone with safari all the articles seems scrunched up and the "Reader" button is nowhere to be found.

I admire the changes BUUTTTTTTT
the mobile version of imore is a pain in the a** to use. Everytime I scroll up or down the top bar pops up taking about an inch of screen real estate to read articles. More annoying then anything. Maybe if you just code the bar to appear ONLY when you scroll all the way to the top.