search

xydac / WP-Ultimate-CMS

WordPress Ultimate CMS plugin
12 stars 5 forks source link

Rearrange screen layout #6

Open binhwpo opened 9 years ago

binhwpo commented 9 years ago

@xydacThe foremost priority for a screen is "non obstruction". But we got serious problem with this. I propose here and solution.

Problems:

  1. The use of accordion causing options be hidden and 1 additional click requried to open. Most users are novice hence they will miss out. Even myself also missed out options and went "OH! Huh! What!???" because features were missing from post edit page.
  2. The space usage is wasted for a list of existing post type. We don't often delete and deactive them, hence that's not the priory. Instead, the Options themselves are our focus. Hence, we should spread the options on the screen to allow user to interact swiftly when making new or editing an existing type.

post-type-screen-problems

Solutions:

We can use masonry and get all the options to be opened from beginning.

post-type-fixes

This won't be fast. hence we shall need to cooperate tightly here and get things processed.

xydac commented 9 years ago

@binhwpo The whole idea of this plugin was to create something that looks similar to WordPress default layout and behaves the same way as other screen or WordPress. I understand that this can be improved but then this plugin will no way be different from other plugin out there. I want the pages to take shape automatically as WordPress upgrades and this should be possible by re-using existing WordPress design and extending the way it is currently used.

As these settings are not something that are changed over period of time by users so It's not a frequent place. One solution that i can suggest is adding some icons to accordion so that users know that it can be opened. Let me know your thoughts.

xydac commented 9 years ago

@binhwpo I just got an idea to use existing WordPress layout and benefit from it. We can show the page just like the Navigation Menu page. Accordion in left and content in right. In accordion we can show the list of items and on clicking it would show basic details in left and the right section can be used for editing it.

Let me know how you feel about it.

-Deepak

binhwpo commented 9 years ago

@xydac I understood that you wanted to save space.

Yes, the WP Menus windows is also nice to learn from. But they have different meaning because the menu itself is not accordion. It's a drag and drop feature.

We could get the thing that people would set on creation to be opened by default. These are:

  1. Labels (including name inside)
  2. Options
  3. Features

The rest could be accordion.

For the existing types, we can do the horizontal list, so that it's only 1, or 2 lines.

binhwpo commented 9 years ago

I got 1 more idea: The existing post/tax type, we could make horizontal tabs out of them. Attached a mockup here:

post-type-screen-mockup

xydac commented 9 years ago

My point here was that we should be using WordPress existing elements instead of recreating the layout. This will seem familiar to end user and will seem easy to use.

That's why i came up with idea to using layout like menu page. But that doesn't mean we need drag and drop its just that current information on right may come in accordion at left along with some more info. On the right side well have large space to design the form.

On 5:22AM, Mon, Apr 20, 2015 Binh Nguyen notifications@github.com wrote:

I got 1 more idea: The existing post/tax type, we could make horizontal tabs out of them. Attached a mockup here:

[image: post-type-screen-mockup] https://cloud.githubusercontent.com/assets/7647566/7227231/6321cee2-e779-11e4-93d5-d32ac2423b0c.jpg

— Reply to this email directly or view it on GitHub https://github.com/xydac/WP-Ultimate-CMS/issues/6#issuecomment-94404462.

xydac commented 9 years ago

Whatever Final View idea that we come with, We need to make sure of below things:

xydac commented 9 years ago

@binhwpo How about copying the dashboard design??

binhwpo commented 9 years ago

@xydac Most of the settings are Booleans. Hence we could group them together into shorter boxes.

I'm stuck my site content right now so this could be discussed later on.