Sneak Preview - New CodePlex UI

Sneak Preview - New CodePlex UI

  • Comments 20

We have been busy the last several months working to improve the overall experience for the CodePlex community. We have been working through some of the top requested items, such as our big announcement last week enabling Git. Something that is not explicitly on the feature request list are requests to update the web site look and user experience.  As Brian Harry mentioned, the Future of CodePlex is Bright, so it is time to start brightening up the place.

Goals

As with any sizeable change you need to decide the scope of changes you want to tackle. We decided that we would optimize on incremental improvements versus taking months to get a completely new experience released. Our goals with this user experience work is to refresh the look and feel of the site, introduce new visual elements and set up the site for future structural changes. So this is not the end, just the beginning.

Early Views

I want to set a few expectations first, these screen shots are not final, and we are still working through the content and final element placement. Feedback is always welcome, just take that in mind as you review the images.

New CodePlex Home

The navigation changed a good bit on the home page and we have moved the search to a more consistent location across the site.

Home 

User Profile

UserProfile

Users Home Page

The goal was to make it easier to find and take action on common tasks such as creating projects.

UserLogin

Project Home

ProjectHome

Issue Tracker

IssueTracker

 

This should give you a taste of where we are going with the new user experience.    

As always we love the feedback, either comment below, find us on Twitter @codeplex or @mgroves84, or create or vote up suggestions.

Leave a Comment
  • Please add 2 and 4 and type the answer here:
  • Post
  • Very nice! :) One suggestion, you can include just a little bit more green color in the new theme.

  • Revamping the UI is definitely a big step in the right direction and long overdue. The new design looks more lightweight and modern and has subtler colors.

    The search bar in the header looks a bit tall and "search all projects" would look IMO better if on the same height as "Home", "Project Directory" and "Tags". Also, I hope you make the site ready for IE9 as it currently still relies on IE7 emulation mode.

    Other than that, I very much like what I have seen so far.

  • Can you make it a responsive design so it looks fairly nice on a variety or screen sizes?

  • @Nixos: Thanks! We're still tweaking what we want the color scheme to be.

    @cranberry: Thanks for the feedback! We'll definitely be looking carefully at alignment throughout the new design. We're getting rid of the forcing of IE7 emulation as well.

    @Adam: For our first round of UI changes in the near term, responsive design isn't in scope, but we definitely want to address this at some point. I didn't see this being tracked in our public issue tracker, so I created one for you and the community to discuss/vote on: codeplex.codeplex.com/.../26130.

  • I like it - nice clean lines and it looks less cramped. Only thing I'd question is whether, on the home page, that "search projects" should have more emphasis than "create project" since I'm sure more people consume rather than create.

    Oh, and I like the purple better than the green :)

  • This is good, where is the button to enable the new look?

  • Nice Metro look :)

  • Really, really nice work with the theme! I can't wait!

  • Fantastic start, with a site that looks this good you will hopefully start gaining traction against Github!

  • Metro all the things!!!

  • Does **everything** have to look Metro these days?!?!? I don't like the look, I don't see any benefit / improvement over what we have

  • You might want to vertically align all text and icons in the top bar, especially the "search projects" looks wrong.

    I think the green downloads header is way to big. I also don't see an actual [Download] link on the project home. Having the default download right there would be good.

    I like the new menu, but I think with the redesign you can introduce a smaller project logo requirement. Because I'd like to have all content slide up just a little bit.

    And maybe tweak the RSS link? Move it to the project menu, or next to the project search?

    And why should we choose between project search and global search? Couldn't the site be smarter about that? Just one search bar, and when I'm 'in' a project when I start the search, the results should combine global and local results, with a clear indicator of which is which.

    Lastly, try turning around the vote number and button colors. I feel that button should be emphasized more, we want votes on issues!

    Great stuff!

  • Nikos Baxevanis i agree with you ,you can include just a little bit more green color in the new theme

  • wonderful :)

    Microsoft when develop new thing like Metro style it use it in all products or any thing own it .That is very nice :)

  • Lovin' the Metro. +1 for preserving the CodePlex green. I would also like to see the CodePlex hexagon(s) incorporated, if possible.

Page 1 of 2 (20 items) 12