Dolphin UI redesign
Open, Needs TriagePublic

Description

-need to add description-

1x


4x

manueljlin updated the task description. (Show Details)Dec 2 2019, 8:57 PM
ngraham added a subscriber: ngraham.Dec 2 2019, 9:16 PM

I am absolutely in love with the dark version that has the dark separators. I think I might actually use a dark theme if it used dark separators like that!

pedrogomes1698 added a subscriber: pedrogomes1698.EditedDec 3 2019, 2:39 PM


I think that on the non standard UI it's better to not add those separator lines on the top bar, I feel like they clutter it a bit, looks cleaning this way.
And personally I wouldn't want the word "Configuration" showing, but that's personal preference and there's a option to show just icons, just text or both.
But other than that, great design, if dolphin actually turns out like this, I gotta say, it'd look really sleek.

Yeah, you might like the ones with the light blue bg, it's the one that most people from the VDG chat like

Yeah, I'd go for the standard

filipf added a subscriber: VDG.Dec 3 2019, 2:58 PM

I am absolutely in love with the dark version that has the dark separators. I think I might actually use a dark theme if it used dark separators like that!

I would stop using dark themes if it had those separators lol. But it wouldn't be that big of a deal if we had separator color in the color scheme, which is something @ndavis mentioned.


How it'd look smaller, really like it!

alexde added a subscriber: alexde.EditedDec 3 2019, 3:20 PM

Can you please post a screenshot/mockup with several tabs + splitscreen + tree view for both the bright and the dark version?
I'd like to know how it looks like with your new design as the tabs are now above the bread crumbs.

I like it overall very much, though. However, I woudln't mind either, if the separators were removed. :)

Would the file dialog inherit the new style as well?

GB_2 added a subscriber: GB_2.Dec 3 2019, 4:53 PM


How it'd look smaller, really like it!

I love it!


How it'd look smaller, really like it!

with fixed padding between the buttons, it would look like this

joricke added a subscriber: joricke.Dec 3 2019, 7:55 PM

First of all, thanks for linking this @manueljlin
How would the design look with a split view?

Like the bottom left mockup

Like so?

I'm asking because the navigator positioning/spacing/width is depending how many icons users put in the toolbar to the left of it, right? So eventually it could happen that on the left hand side you'd end up with a very small navigator which is barely readable, while the right hand one looks perfectly fine.

Hmm, yeah, I see what you mean... Maybe fixing the same size to both and not centering it to the view itself but to the toolbar might work when there are many icons. Does anyone know any other solution to this?

ndavis added a comment.Dec 3 2019, 8:44 PM

I'm thinking maybe the breadcrumb shouldn't go in the toolbar. If you have to make all toolbuttons icons only to get the breadcrumb to fit, it's not good. There is real usability research that shows how labels are important for buttons with non-standard icons: https://www.nngroup.com/articles/icon-usability/

Yeah, the breadcrumbs shouldn't be squashed to fit, nor the icons.
Maybe making the current breadcrumbs part in dolphin be a regular toolbar part that you can add, remove or move to other toolbars might be another option, while also keeping good defaults. Should we talk about this here or T11663?

I think moving over to the other discussion would be more beneficial.

afarid added a subscriber: afarid.Thu, Dec 26, 9:45 PM

Just some ideas I'd also love to see implemented:

  1. Have the fallback menu button if no menu is shown be an optional toolbar component that can be moved or removed
  2. Have the menu appear when pressing ALT and then disappear after being used, like in Windows.
  3. Have the fallback menu button not appear if a Global Menu is used

If those ideas are implemented, Dolphin looks just like it does in these concepts layout-wise and Recent is placeable in the Places part as just "Recent" it'd be darn perfect.

abetts added a subscriber: abetts.Fri, Jan 3, 4:35 PM
  1. Have the menu appear when pressing ALT and then disappear after being used, like in Windows.

I tried this behavior in Firefox for a while but grew to hate it. I would always hit the Alt key for some other reason than then be mildly annoyed that the menubar showed up, pusing everything else in the window down. And it would disappear again based on an indeterminate condition. I think if we want to commit to hiding the menubar by default and showing a hamburger menu instead, we need to commit to it. No half-measures. :)

@elvisangelaccio, how do you feel about this? I'd like to avoid letting the conversation go in directions you won't be okay with, since you're the maintainer.

Principally, we seem to be a bit stuck on where to put the breadcrumbs bar/URL navigator. Many people prefer it in the toolbar (splitting in half when the split view feature is in use), but some prefer it right where it is inside the view. Maybe you can offer your viewpoint?

Does everything else look okay?

It seems to me that moving the url navigator to the toolbar creates more problems than it solves, because of split views.

What for? Just to be similar to other filemanagers? How many of them have split views anyway?

kderich added a subscriber: kderich.Mon, Jan 6, 3:34 PM

It seems to me that moving the url navigator to the toolbar creates more problems than it solves, because of split views.

What for? Just to be similar to other filemanagers? How many of them have split views anyway?

What problems does it introduce? I like the way it looks.

I think there were a few ideas behind moving it to the toolbar:

  • Save a bit of vertical space
  • Fill empty space in the default toolbar
  • Looks better in general (IMO)

Of course the drawbacks of this are:

  • By filling the toolbar's empty space, we can't add more things to it in the future or add text to the buttons (which research shows is better for usability)
  • The Breadcrumbs bar/URL navigator can get quite narrow for narrow window widths
  • Uncertainty regarding how to handle split views. Divide it into two? Use only one and have it reflect the URL of the active split view?

Ultimately I think it's your call here.

I think there were a few ideas behind moving it to the toolbar:

  • Save a bit of vertical space
  • Fill empty space in the default toolbar
  • Looks better in general (IMO)

    Of course the drawbacks of this are:
  • By filling the toolbar's empty space, we can't add more things to it in the future or add text to the buttons (which research shows is better for usability)
  • The Breadcrumbs bar/URL navigator can get quite narrow for narrow window widths
  • Uncertainty regarding how to handle split views. Divide it into two? Use only one and have it reflect the URL of the active split view?

    Ultimately I think it's your call here.

I suspect that this will be entirely customizable, so the user will not be tied into a specific setup. The breadcrumbs bar itself might be usable elsewhere as well (settings maybe?)

ndavis added a comment.Mon, Jan 6, 3:56 PM

It seems to me that moving the url navigator to the toolbar creates more problems than it solves, because of split views.

What for? Just to be similar to other filemanagers? How many of them have split views anyway?

I've been thinking the same thing. I think if we commit to putting it in the toolbar, we'll have to make the usability worse. It's more detached from the parts of the UI it actually affects. It needs a lot of dedicated space, so we'll end up needing to use more icon-only buttons.

If we leave it where it is, what I'd like to do is make it more of a distinct element so that it doesn't blend into the toolbar like it does right now. I think @manueljlin had some mockups showing that which looked pretty good.

ndavis added a comment.Mon, Jan 6, 4:19 PM

If we leave it where it is, what I'd like to do is make it more of a distinct element so that it doesn't blend into the toolbar like it does right now. I think @manueljlin had some mockups showing that which looked pretty good.

I agree with this. I also think we should integrate the search button with the breadcrumb rather than having it sit in the toolbar, completely detached from the part of the UI it affects.

If we leave it where it is, what I'd like to do is make it more of a distinct element so that it doesn't blend into the toolbar like it does right now. I think @manueljlin had some mockups showing that which looked pretty good.

I agree with this. I also think we should integrate the search button with the breadcrumb rather than having it sit in the toolbar, completely detached from the part of the UI it affects.

I wanted to add one more thing (in addition to my comments above). Not everyone wants more room for the path bar. The breadcrumb bar as pictured above, IMO, is perfect for my needs personally. I also have to wonder how many people are using the unique features of split panel vs actually just using it as a way to navigate to another folder. Many don't seem to realize that Dolphin has a folder view (push F7).

dolphin with breadcrumbs inside view

Thanks, that looks nice.

These mockups appear to have removed the Sort By menu button that's currently in the toolbar next to the view choosers. Is that intentional? I feel like that's useful (especially in the default icon view) and I'd like to keep it.

not intentional

dolphin with breadcrumbs inside view

Very nice!

I agree, quite nice.

I wonder if we should make the status bar span the entire bottom of the window, not just the view area. And maybe we should keep it with a gray background. That way there would be two gray bars at the top and bottom of the window anchoring everything in the middle.

What do you think?

I agree, quite nice.

I wonder if we should make the status bar span the entire bottom of the window, not just the view area. And maybe we should keep it with a gray background. That way there would be two gray bars at the top and bottom of the window anchoring everything in the middle.

What do you think?

I think the status bar is better off being how it is in the current version. It has controls and info that are directly related to the view area and I think it's appropriate that the status bar is duplicated for split views. It should keep using the Window Backround color too, since it is not part of the view area with selectable items.

All right, fair enough.

So are we officially abandoning the idea of moving the Breadbcrumbs/URL Navigator into the toolbar? Shall we close T11663?

ndavis added a comment.Thu, Jan 9, 5:15 PM

So are we officially abandoning the idea of moving the Breadbcrumbs/URL Navigator into the toolbar? Shall we close T11663?

I think we should, but I'd wait at least a day for a response from others.

I know @kderich suggested providing an option for this and a lot of people were excited about this. We should be extra careful about adding options that are mainly just cosmetic though. Especially ones like this one that have negative aspects.

I have a feeling this topic is going to come back every once in a while until the feature is implemented.

pedrogomes1698 added a comment.EditedFri, Jan 10, 11:48 AM


Was this idea not good enough?
It doesn't take much away from those that use split view and it keeps that elegant style for those that don't care about split view at all.


Was this idea not good enough?
It doesn't take much away from those that use split view and it keeps that elegant style for those that don't care about split view at all.

Personally I'm fine with that and I think it looks okay for split view. But then again I don't actually use the split view feature so I'd like buy-in from some of the people who do.

I do not share the concern that the toolbar will be too crowded when the path is added. Looking at the mockups I feel like there is enough space left even if we keep the current labels as they are. The path becomes a relative one anyways when there isn't enough space which isn't terrible. When this change was discussed in the VDG chat half a year ago there was a consensus that it looked better and I am pretty sure users will be happy with this change as well.

The only concern I share is how to handle split view. I don't use split view but I can see how not being able to directly manipulate the paths of both views might be inconvenient. Falling back to the current behaviour is also always an option if split view users love it the way it is now.
So I hope we can decide on putting the path into the toolbar. If we can't do that I would hope we can decide on having the option to do so.

Sorry, we can't make this an option. Moving the navigator to the toolbar would require lots of changes to the code. We can't possibly maintain both implementations, it would be a nightmare.

So are we officially abandoning the idea of moving the Breadbcrumbs/URL Navigator into the toolbar? Shall we close T11663?

I vote yes.

The-Feren-OS-Dev added a comment.EditedSat, Jan 11, 6:41 PM

So are we officially abandoning the idea of moving the Breadbcrumbs/URL Navigator into the toolbar? Shall we close T11663?

TBH I vote no. It won't look cramped by default in single-pane mode IMHO and if it's hard to maintain both implementations then we should just keep to the toolbar idea and, for space-saving on split view, here's an idea:

The pathbars can have two states in Split View: Normal when they appear as they normally do and Contracted where they just show their current folder.

The active pane's pathbar will automatically be Normal, while the inactive pane's pathbar will be Contracted (obviously the positions of these will reflect the locations of the panes (left-pane has the left-side pathbar, right-pane has the right-side pathbar))

When hovering over the Contracted one, it'll become Normal while the other becomes Contracted

When no longer hovering over that now Normal pathbar the process will reverse (unless you're editing the folder path in which case it'll only happen once the path is no longer being edited), making the active pathbar Normal and the inactive pathbar Contracted again

To make it less visually jarring, maybe have an animation of the pathbar expanding and pushing the other one into a Contracted state.

alexde added a comment.EditedSat, Jan 11, 10:53 PM

Have you had a look at the KDE based NX desktop? I just stumbled over the screenshots they posted in their announcemet of about teaming up with Manjaro:

It seems they have put the breadcrumb into Dolphin's toolbar. I don't have the time currently, but you may check it out and have a more detailed look at how it performs overall, also considering the splitview.

That's not Dolphin, that's their Index file manager. Nonetheless, it does show that having the Breadbrumbs/URL navigator in the toolbar can in principle work. :)

onvitaik added a subscriber: onvitaik.EditedSun, Jan 12, 12:27 AM

So are we officially abandoning the idea of moving the Breadbcrumbs/URL Navigator into the toolbar? Shall we close T11663?

I'd say no. I prefer how the toolbar looks like no space is wasted with the URL in it. It makes me feel like my screen space is being more respected than the other. That's just my thought on it, anyway.