Synfig Project Forum

Forums for Synfig Project
It is currently Sun May 19, 2013 6:46 am

All times are UTC - 4 hours [ DST ]




Post new topic Reply to topic  [ 19 posts ]  Go to page 1, 2  Next
Author Message
PostPosted: Thu Apr 12, 2012 11:12 am 
Offline
User avatar

Joined: Tue Feb 26, 2008 3:33 am
Posts: 664
Location: Foshan City, China
- All panels currently we have will become sub-windows,
-- they can be embedded or tron off by user.
-- all sub-windows get its own toolbar(local toolbar) and title bar. the title bar is not a standard window tile bar, it will have different contents or widgets which are window type relatived.
-- a sub-window can be change from current window type to an other synfig window type via [Widnow Type Button]
-- I have some ideas here, but would keep it as a secret till I draw them out :)
- And the toolbox are replaced by a global toolbar.
-- the tools will be re-organized in a good way. some of them will be removed from tooltar, and new ones will be added.
-- I have some nice ideas here for global toolbar design together with windows local toolbar in my mind for some time, just keep it till I draw them out :)
- The menu in toolbox will be merged into main menu, as a "Syfnig" sub-menu item.
-- menu will be re-organized in a nice way.
- The other windows/panels, save file dialog for example, will be the same as they are now, implemented in standard gtkmm widgets.

Is it too blender-like?

Image


Image

_________________
time flies...


Last edited by jcome on Mon Apr 30, 2012 2:28 am, edited 3 times in total.
upload a localtitle bar design and fine-tune window system design


Top
 Profile  
 
PostPosted: Thu Apr 12, 2012 12:16 pm 
Offline
User avatar

Joined: Fri Jul 01, 2011 6:14 am
Posts: 276
Location: Hungary
There are many different people doing many different things on many different sorts of hardware, so flexibility is the key thing that I would want in the Synfig interface.

This plan looks very flexible indeed - it's very exciting stuff!

_________________
http://kecskebak.blogspot.com


Top
 Profile  
 
PostPosted: Thu Apr 12, 2012 1:16 pm 
Offline
Site Admin
User avatar

Joined: Sat Dec 01, 2007 6:26 am
Posts: 4119
Location: Spain
It looks very promising! I like it all!

Quote:
The number of windows can be easily changed by user, all of them can be resized accordingly by dragging its border.


I guess that resize window 4 top border would resize windows 3 in the same amount, right? So in fact which are the two or three areas where windows can lie down? More even, what's the default behavior when a window is closed? the above/below window takes its space or the left/right one?

Awesome!
-G

_________________
Synfig needs your help!
Developers, packagers, bug testers, translators, artists, web developers, wiki writers... you can contribute! :D


Top
 Profile  
 
PostPosted: Fri Apr 13, 2012 4:47 am 
Offline
Site Admin
User avatar

Joined: Wed Jan 21, 2009 2:36 pm
Posts: 608
Location: Sweden.
I like it a lot!
Regarding the toolbox/toolbar - Can it be made to be vertical? Nowadays when almost all monitors is wide vertical space is more precious than horizontal.
Also if torn off, will the toolbar become a toolbox or will we have a long bar covering everything else?
Also #2, I would like to have the option of having the toolboxshaped as it is now, as a box.
Also #3, window type button is a dropdown, I don't like this as it is more clicks to get where you want and you don't immediately see where you have your windows. I much prefer current behaviour with tabbed icons.

Other that that it looks awesome!

_________________
www.rylanderanimation.se
Synfig scripts, etc.


Top
 Profile  
 
PostPosted: Sat Apr 14, 2012 8:26 am 
Offline
User avatar

Joined: Tue Feb 16, 2010 11:08 pm
Posts: 83
Location: Germany
This looks awesome!! :D


Top
 Profile  
 
PostPosted: Mon Apr 16, 2012 12:21 am 
Offline
User avatar

Joined: Tue Feb 26, 2008 3:33 am
Posts: 664
Location: Foshan City, China
rylleman wrote:
I like it a lot!
Regarding the toolbox/toolbar - Can it be made to be vertical? Nowadays when almost all monitors is wide vertical space is more precious than horizontal.
Also if torn off, will the toolbar become a toolbox or will we have a long bar covering everything else?
Also #2, I would like to have the option of having the toolboxshaped as it is now, as a box.

I'm still in trying to figure out a better solution for this.

Quote:
Also #3, window type button is a dropdown, I don't like this as it is more clicks to get where you want and you don't immediately see where you have your windows. I much prefer current behaviour with tabbed icons.


It is not so clear in my current mockup. The dropdown is a switcher, a window type switcher, with it user can
change current window from a type to an other. All synfig sub-windows(parameters, layers, metadata,
navigator, etc...) will be listed in this dropdown menu. It is smilar to Blender or Toonboom Animate's design.

_________________
time flies...


Top
 Profile  
 
PostPosted: Mon Apr 16, 2012 5:40 am 
Offline
Site Admin
User avatar

Joined: Wed Jan 21, 2009 2:36 pm
Posts: 608
Location: Sweden.
jcome wrote:
...It is not so clear in my current mockup. The dropdown is a switcher, a window type switcher, with it user can
change current window from a type to an other. All synfig sub-windows(parameters, layers, metadata,
navigator, etc...) will be listed in this dropdown menu. It is smilar to Blender or Toonboom Animate's design.

Exactly, it is two click instead of one for every time you need to switch tab.
If it works like Blender you mean that the dropdown menu contain all different kind of windows? Then it's even more work every time you need a different tab, finding it in the dropdown menus.
I much prefer the current system with tabbed icons. It's fast to switch to desired window.

_________________
www.rylanderanimation.se
Synfig scripts, etc.


Top
 Profile  
 
PostPosted: Mon Apr 16, 2012 6:14 am 
Offline
User avatar

Joined: Tue Feb 26, 2008 3:33 am
Posts: 664
Location: Foshan City, China
yes, my initial idea is put all kind of windows
in a one dropdown menu.

I am not sure how frequent a synfig user
switch windows/panels in his daily creation
job. Toonboom animate seems adopt a
mbination of blender and synfig ways. Maybe
we should go that way.

_________________
time flies...


Top
 Profile  
 
PostPosted: Mon Apr 16, 2012 6:20 am 
Offline
User avatar

Joined: Fri Jul 01, 2011 6:14 am
Posts: 276
Location: Hungary
I can see what rylleman is thinking here - the thing about animation is that you have to do things repeatedly. Particularly when animating frame by frame. Therefore an extra click which would be trivial in Blender could create a lot of extra work for someone producing an animation in Synfig Studio.

Perhaps one thing you could do is to collect some screencasts of yourself and some other people using Synfig to make a typical animation and then looking at what they click and how often. That would give you some kind of idea of what needs to be available most easily in the UI.

Mind you, that might be a stupid idea - I don't know anything about designing a UI!

_________________
http://kecskebak.blogspot.com


Top
 Profile  
 
PostPosted: Mon Apr 16, 2012 4:54 pm 
Offline
Site Admin
User avatar

Joined: Wed Jan 21, 2009 2:36 pm
Posts: 608
Location: Sweden.
jcome wrote:
...
I am not sure how frequent a synfig user
switch windows/panels in his daily creation
job. Toonboom animate seems adopt a
mbination of blender and synfig ways. Maybe
we should go that way.

I'd think it's more often than you think. Workspace is limited so we can't have all desired windows open at the same time, unless we are animating stamps. Switching should be easy and fast. In blender the different windows is used in different scenarios, a handful for animating, a handful for composition etc. so we can have all necessary windows open at the same time. In Synfig all windows can be used together and they are not easily separated into different tasks.
I haven't used Toonboom so I don't know how it works there (they don't have a linux version).

DaveJ wrote:
I can see what rylleman is thinking here - the thing about animation is that you have to do things repeatedly. Particularly when animating frame by frame. Therefore an extra click which would be trivial in Blender could create a lot of extra work for someone producing an animation in Synfig Studio.
...

Exactly my point. We should always strive for easier use, less clicks, faster workflow. Taking out the tabs seems counterproductive to me. Otherwise I think the suggested UI looks great!

_________________
www.rylanderanimation.se
Synfig scripts, etc.


Top
 Profile  
 
PostPosted: Tue Apr 17, 2012 7:26 am 
Offline
User avatar

Joined: Tue Feb 26, 2008 3:33 am
Posts: 664
Location: Foshan City, China
Quote:
We should always strive for easier use, less clicks, faster workflow.

How about using a set of keyboard shortcuts to switch windows/tabs? for examples:
Code:
[F1]-->Canvas Window
[F2]-->Layer Window
[F3]-->TimeTracker Window
...

And these shortcuts are fully customizable in a clear UI.


Quote:
Taking out the tabs seems counterproductive to me.


I get your point here. Let me update my mockup later on tonight. I will take advantage of Toonboom Anomate's design. My only concern for using tab is it eats quite a lot spaces, specially in some small size sub-windows/panels. That causes some difficulty for user while play with them. For example, if user put
more than 4 tabs(sub-windows) in "Win 3" in above mockup, the Local Titlebar will overloaded and cluttered.

_________________
time flies...


Top
 Profile  
 
PostPosted: Tue Apr 17, 2012 8:19 pm 
Offline
User avatar

Joined: Tue Feb 26, 2008 3:33 am
Posts: 664
Location: Foshan City, China
Relevant Designs:

Toonboom Animate Pro
it is a combination of traditional TAB and Blender-like Drop-down designs:
you can add a tab by click the dropdown menu and select the title. when the title you selected is already existing in UI, this user action will bring up that tab, at the same time the focus of input device will be switched to as well.
Attachment:
animatepro_tabs_1.png
animatepro_tabs_1.png [ 60.3 KiB | Viewed 845 times ]


Pros and Cons
====
This design is clear and friendly, and it is intuitive so that a new user doesn't need to take time to learn howto use.
but still, when the (width) size of window scale down to a certain size, it becomes clutter and not so user friendly, and it takes a lot of spaces:
Attachment:
animatepro_tabs_2.png
animatepro_tabs_2.png [ 130.78 KiB | Viewed 845 times ]

_________________
time flies...


Top
 Profile  
 
PostPosted: Wed Apr 18, 2012 12:33 pm 
Offline
User avatar

Joined: Tue Feb 26, 2008 3:33 am
Posts: 664
Location: Foshan City, China
Hi rylleman and others,

Thanks very much for your inputs and explainations, all of them were/are/will help this UI/UX design.

But I think this UI/UX redesign is a big job, we can not make it happen in a short term.

When I get the better soultion for the above issues (tabs switching, for example) I will update my mouckups
accordingly, but before that, I will continue to my design process by filling up the rest parts
of Synfig Studio. so that we can based on them to discuss and collect the infomations from our community,
to gerenate a full picture for the next gerenation UI before our develops start to code it.

Thanks very much for your help!

_________________
time flies...


Top
 Profile  
 
PostPosted: Wed Apr 18, 2012 1:39 pm 
Offline
User avatar

Joined: Tue Feb 26, 2008 3:33 am
Posts: 664
Location: Foshan City, China
jcome wrote:
rylleman wrote:
I like it a lot!
Regarding the toolbox/toolbar - Can it be made to be vertical? Nowadays when almost all monitors is wide vertical space is more precious than horizontal.
Also if torn off, will the toolbar become a toolbox or will we have a long bar covering everything else?
Also #2, I would like to have the option of having the toolboxshaped as it is now, as a box.

I'm still in trying to figure out a better solution for this.


Add a new window type: toolbox. you can customize the tools in this tool box in a easy way. and as other windows, the toolbox window can be a floating window as well.

_________________
time flies...


Top
 Profile  
 
PostPosted: Sun Apr 22, 2012 12:31 pm 
Offline
User avatar

Joined: Tue Feb 26, 2008 3:33 am
Posts: 664
Location: Foshan City, China
add layer filter widget for layer window and a window management menu, see the image in the first post


Edited 2013.0119:layer window design has been splited to another post

_________________
time flies...


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 19 posts ]  Go to page 1, 2  Next

All times are UTC - 4 hours [ DST ]


Who is online

Users browsing this forum: No registered users and 0 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB® Forum Software © phpBB Group