Control Panel Redesign

    Table of contents
    No headers

     

    UPDATE: Please disregard Options #1 and #2 as they will not be used anymore.I've added 11 images (attached at the bottom of the page) that show the most recent design for the control panel. While the text hasn't been finalized, the layout and look of the pages will most likely be very similar to what is shown below.

    --------------------------------- 

    This is the moment I know you've all been waiting for...the Control Panel is getting a makeover! And we need your help.

    I'm Jessica, the User Experience Designer, here to give the Deki Wiki interface a much needed redesign. I'm tackling the Control Panel right now, so if any of you would like to be involved with usability testing (which can be done remotely) or just give feedback, please send me a message!

    I want to make your experience with the Control Panel to be easy, not frustrating. Have a pet peeve? Wish we'd add a feature? Start critiquing the heck out of this thing! The more we hear from you, the better it will be. So here's your chance to vent about what's been bugging you (and praise us for what you may like).

     

    In case any of you have been scared away from the Control Panel and completely forgotten what it looks like, it looks something like this (depending on the skin):

     

     

    MindTouch ControlPanel.jpg

     

    The Control Panel will be a tool all on its own that isn't affected by skins or custom edits to your other pages.


    This is what I think needs the most attention right now:

    • Cleaning up the terminology and replacing useless explanations/definitions with definitions that actually help you
    • Improving the overall navigation
    • Moving the "hidden" news feed on the main page to a better location on the page as well as making it easier to read
    • Better organization and grouping of all elements and functions within the panel

     

    Here are my initial solutions:

     

    Option #1

    ControlPanel1-1 (2).jpg

     

     

    Option #2

    ControlPanel2-2 (2).jpg

     

    I've organized all of the functions into 4 groups, making it easier for the user to find information quickly. The functions within each group may be simplified even more down the road, but for now at least, they're in the appropriate place.

    Both layout options have a Basic and Advanced view of the settings within a group, which can be Shown/Hidden with a button on the top right (denoted by the gear icon). This will reduce clutter for those who choose not to use the more advanced settings, and expand the settings for those who want to see everything. The setting you choose (either Basic or Advanced) will remain set on all subsequent pages within the Control Panel that you open. So for the sake of this example, let's assume that we want to see all advanced options.

    Also, Option #2 has the "About" page listed directly below the Control Panel, which may also be a show/hide feature.

     

    Let's look at a few sample pages from both layouts...

     

    User Management #1:

    UserMgt1-1.jpg

    Role Management #1:

    RoleMgt1-1 (1).jpg

     

     

    Logo & Skins #2:

     

    Skins2-1.jpg

     

    Any and all comments are welcome so don't be shy! And thanks for taking the time to give us your feedback.

    Tag page

    Files 17

    FileVersionSizeModified 
    Viewing 11 of 11 comments: view all
    Good ideas - your groupings make a lot of sense to me. Consider this a vote for option #1!
    Posted 19:55, 18 Apr 2008
    Add the ability to remove the logo altogether!
    Posted 22:33, 18 Apr 2008
    I enjoy the minimalistic approach you have taken in User Management #1 and Role Management #1.
    I agree with lktest, Option #1 is the better of the two. But the icons are very predominant on the page... maybe shrinking them could restore the balance a bit.
    Posted 18:32, 19 Apr 2008
    Hi Jessica,
    Great job :D
    I'm really liking option one. I think using the dark red is more powerful and I like the way you have the selections apparent with the gray box. I think that the links look better with no text decoration like you have in option 2 however. I do agree that shrinking the icons would be good. I wonder what the icons look like if they are the same height as the section header and 2 lines of links. And also even smaller to match up with just 2 lines of links (i know some sections will have more links than others but i think the icons might look better small)

    See ya monday! :D
    hope you're having a happy weekend
    Posted 20:04, 19 Apr 2008
    I too like Option#1. Option 2 has too much of a powerpoint/table feel to it. Option 1 flows well and sticks to the minimalistic approach - Good job
    Posted 23:03, 20 Apr 2008
    Option 1 looks better to me as well. The screenshot of user management is especially nice, taking away the drop down menu for choosing to edit/deactivate and replacing it with buttons instead. My only question is will the control panel style be changed along with changes to the wiki style?
    Posted 08:27, 21 Apr 2008
    @ jadus: No, the Control Panel will not be affected by any custom changes to the wiki (such as skins, html or css overrides), which was mentioned right under the current Control Panel screenshot above. :)
    Posted 10:06, 21 Apr 2008
    Hahaha, I read guud
    Posted 11:55, 21 Apr 2008
    I kind of prefer option 2 just because it seems much more functional and easier to get around, but I think with a bit of tweaking option 1 could catch up. I especially like the output at the bottom of option 2 telling you which version of deki you are running, nice idea.
    Posted 02:20, 30 Apr 2008
    Option 1 gets my vote. Its more "focused". Draws the eyes automatically to the content points. The user shouldn't have to 'search' for info on a screen page of this nature. It should be a simple glance. You can glance at Option 1, you have to read Option 2. ( I would also add the "About" info on Option 2 into Option 1.)
    Posted 10:59, 9 May 2008
    Thanks for the comments, but neither option 1 or 2 will be used for the layout. At the top of this page, I posted an update that stated that. Please see the attached images for the new layout.

    Thanks,
    Jessica edited 12:14, 9 May 2008
    Posted 12:14, 9 May 2008
    Viewing 11 of 11 comments: view all
    You must login to post a comment.

    Copyright © 2011 MindTouch, Inc. Powered by