TeselaGen / openVectorEditor

DEPRECATED - Teselagen's Open Source Vector/Plasmid Editor Component
https://teselagen.github.io/tg-oss/ove/#/Editor
MIT License
199 stars 72 forks source link

Improve view options #211

Closed tnrich closed 6 years ago

tnrich commented 6 years ago

I think the current view options is close to being nice, but it is an awkward experience using that little view dropdown. I think a smoother experience would be to give each view tab a "title" and allow them to be dragged around.

This could also be a nice way to display additional tools, like a digest result or a sequence alignment or a crispr scoring list.

I went ahead and made a first pass of this to see what it would be like. Here's a gif of that:

untitled

This will allow us to get rid of the properties toggle button and the view options toggle button.

@njhillson @hplahar @mfero any thoughts on this change?

njhillson commented 6 years ago

Hi Thomas, I agree that there could be a better way of doing it. Your mock up doesn't seem so intuitive to me, though. Particularly, I wouldn't think to click to drag one of the options, or how to create the new panel or remove an existing panel by dragging to a new area or dragging it back to an existing panel. Nathan

On Thu, Jan 11, 2018 at 10:11 AM, Thomas Rich notifications@github.com wrote:

I think the current view options is close to being nice, but it is an awkward experience using that little view dropdown. I think a smoother experience would be to give each view tab a "title" and allow them to be dragged around.

This could also be a nice way to display additional tools, like a digest result or a sequence alignment or a crispr scoring list.

I went ahead and made a first pass of this to see what it would be like. Here's a gif of that:

[image: untitled] https://user-images.githubusercontent.com/2730609/34839719-7ccdf078-f6b7-11e7-8f1d-0fed1bc0a1e1.gif

This will allow us to get rid of the properties toggle button and the view options toggle button.

@njhillson https://github.com/njhillson @hplahar https://github.com/hplahar @mfero https://github.com/mfero any thoughts on this change?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/TeselaGen/openVectorEditor/issues/211, or mute the thread https://github.com/notifications/unsubscribe-auth/AD4FzbND8d-knGosofWQw8KaZM6Z8GMMks5tJk7bgaJpZM4RbOaY .

tnrich commented 6 years ago

Hmm I think that with a couple minor tweaks we can make it an intuitive experience.

njhillson commented 6 years ago

Ok, happy to look.

On Thu, Jan 11, 2018 at 12:02 PM, Thomas Rich notifications@github.com wrote:

Hmm I think that with a couple minor tweaks we can make it an intuitive experience.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/TeselaGen/openVectorEditor/issues/211#issuecomment-357045063, or mute the thread https://github.com/notifications/unsubscribe-auth/AD4FzXK_WglhOH9OPaUIT50GMYMR8Dl_ks5tJmjrgaJpZM4RbOaY .

njhillson commented 6 years ago

Now that I know how this works, I like it quite a bit. Perhaps not entirely intuitive, but having the hover over cursor change to a move icon, and indicating where to drag it to add a new tab is nice. Right click to open in split screen also works.

XimeMora commented 6 years ago

I agree that this looks much better, although it wasn't very intuitive for me at the beginning.