Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

CodeProject Gets a UI Refresh, Goes "Modern UI"--Here's Some of the Story Behind It

DZone's Guide to

CodeProject Gets a UI Refresh, Goes "Modern UI"--Here's Some of the Story Behind It

· Mobile Zone
Free Resource

Download this comprehensive Mobile Testing Reference Guide to help prioritize which mobile devices and OSs to test against, brought to you in partnership with Sauce Labs.

"The design of CodeProject has changed over the years, as one would hope and expect. The design, however, was often a result of expedience over planning and as such it often became, well, a little haphazard and often more thought was put into cramming as much as possible on a page instead of thinking about what should actually be on a page.

A common complaint of the site - in fact, the complaint regarding the site, was that the look was old, tired, and cramped. You hit the site and you're bombarded and confused. We loved the old look, though, in the same way a dog loves it's old, scuffed up shoe that it drags around everyone. It was comfy. We knew how it worked. It had everything we needed.

And yet...

And yet we were looking for a change, and the motivation came from an issue that many developers share: we were running out of hours in the day and we needed to cut down on the things we were doing and things we maintained. This lead us to remove some parts of the site that were not being used by many members (I'm guessing you probably haven't even noticed their departure) as well as trimming down the feature sets of other parts to make them simpler to use.  Doing this started us down the track of thinking about what each page was meant to do, and more importantly, what each page should not do.

We also started focusing on the articles themselves since they are what keeps us at CodeProject passionate. Safari's "Reader" mode made a big impression on us since it allows you to focus on the content, not the chrome, and that theme was one we kept coming back to. Make the content the most important thing on the page, and give the content room to breath. Fairly simple ideas, and, conveniently enough, ideas encapsulated in the Metro Design language that Windows 8 was built on."

 

SNAGHTML19fa771a

 image

I love these kind of retrospectives and inside baseball kinds of stories. I did have to laugh though. I hit CodeProject all the time (as you likely know given how often I highlight something I find there) and when I hit it earlier this week and saw this new UI, my initial thought was that some was busted. You know how sometimes on a wonky connection a site can render funky? Took me a second and actually looking at the page to realize that it was a new design...

Analysts agree that a mix of emulators/simulators and real devices are necessary to optimize your mobile app testing - learn more in this white paper, brought to you in partnership with Sauce Labs.

Topics:

Published at DZone with permission of Greg Duncan, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}