MindTouch Developer Center > Deki > Specs > Control Panel Redesign

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
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 03:55, 19 Apr 2008
Add the ability to remove the logo altogether!
Posted 06:33, 19 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 02:32, 20 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 04:04, 20 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 07:03, 21 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 16: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 18:06, 21 Apr 2008
Hahaha, I read guud
Posted 19: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 10: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 18: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 20:14, 9 May 2008
Posted 20:14, 9 May 2008
Viewing 11 of 11 comments: view all
You must login to post a comment.
Powered by MindTouch Deki v.8.08.1a