UI usability suggestions

Hello,

after some time spent with Foreman now, I have couple of issues with our
UI:

  • New Host - Is there any place we could put New Host entry so it is
    available directly from any page? I would like it under Hosts menu
    similar how More menu is created.

  • More submenus - I go there way too often and I am sometimes having
    hard times going into those Submenus. Why don't we just create
    Configuration and Provisioning menus to be available on the top menu
    bar? More menu could have Users and other links.

  • Information/Error bubble - is always going over the More menu which is
    annoying - I usually want to go there again once something is created.
    Maybe the point above could help that, or we could just shift the
    bubble few pixels down not to cover the menu.

I'd like to read your opinions about that.

··· -- Later,

Lukas “lzap” Zapletal
irc: lzap #theforeman

> - New Host - Is there any place we could put New Host entry so it is
> available directly from any page? I would like it under Hosts menu
> similar how More menu is created.
>

This doesn't bother me too much - many of our users create Hosts
automatically from Puppet runs or via the API, so I'd be concerned about UI
clutter.

> - More submenus - I go there way too often and I am sometimes having
> hard times going into those Submenus. Why don't we just create
> Configuration and Provisioning menus to be available on the top menu
> bar? More menu could have Users and other links.
>

+1

> - Information/Error bubble - is always going over the More menu which is
> annoying - I usually want to go there again once something is created.
> Maybe the point above could help that, or we could just shift the
> bubble few pixels down not to cover the menu.
>

+100, thats really annoying

··· On 16 October 2013 15:48, Lukas Zapletal wrote:

> Hello,
>
> after some time spent with Foreman now, I have couple of issues with our
> UI:
>
> - New Host - Is there any place we could put New Host entry so it is
> available directly from any page? I would like it under Hosts menu
> similar how More menu is created.
>
> Yes, I want something like G+ on hover option menu (if you use your mouse
to the top left)
Ideally it should include recent history + common actions?

> - More submenus - I go there way too often and I am sometimes having
> hard times going into those Submenus. Why don't we just create
> Configuration and Provisioning menus to be available on the top menu
> bar? More menu could have Users and other links.
>
Hmm… Real- estate on the top bar?

>
> - Information/Error bubble - is always going over the More menu which is
> annoying - I usually want to go there again once something is created.
> Maybe the point above could help that, or we could just shift the
> bubble few pixels down not to cover the menu.
>
Yeah i agree, we were talking about changing css / notification widget for
that … I started that at [1] but never got it done

Ohad

[1] https://github.com/ohadlevy/foreman/compare/toastr

··· On Wed, Oct 16, 2013 at 5:48 PM, Lukas Zapletal wrote:

I’d like to read your opinions about that.


Later,

Lukas “lzap” Zapletal
irc: lzap #theforeman


You received this message because you are subscribed to the Google Groups
"foreman-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an
email to foreman-dev+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

> > - New Host - Is there any place we could put New Host entry so it is
> >
> > available directly from any page? I would like it under Hosts menu
> > similar how More menu is created.
>
> This doesn't bother me too much - many of our users create Hosts
> automatically from Puppet runs or via the API, so I'd be concerned about UI
> clutter.
>
> > - More submenus - I go there way too often and I am sometimes having
> >
> > hard times going into those Submenus. Why don't we just create
> > Configuration and Provisioning menus to be available on the top menu
> > bar? More menu could have Users and other links.
>
> +1

*2

>
> > - Information/Error bubble - is always going over the More menu which is
> >
> > annoying - I usually want to go there again once something is created.
> > Maybe the point above could help that, or we could just shift the
> > bubble few pixels down not to cover the menu.
>
> +100, thats really annoying

*2

··· On Wednesday 16 of October 2013 15:51:52 Greg Sutcliffe wrote: > On 16 October 2013 15:48, Lukas Zapletal wrote:


Marek

Could I proffer some words on the UI outside these areas?

The UI currently only takes up just over half the width of a 1920x1200
display. This really needs to change. A dynamically sizing UI that
expands to whatever canvas is available would be better.

Tables could do with an improvement to allow resizing of columns,
reordering of columns, adding/removing columns etc. There is also a lot of
extra padding round each cell. Infinite scrolling would be excellent
rather than having to go to separate pages to see all your hosts.

Is it possible for a user to change the fonts? My personal preference is
for something a little smaller to fit more data on the screen.

Random thoughts.

Cheers

Duncan

··· On Wednesday, 16 October 2013 15:48:25 UTC+1, Lukas Zapletal wrote: > > Hello, > > after some time spent with Foreman now, I have couple of issues with our > UI: > > - New Host - Is there any place we could put New Host entry so it is > available directly from any page? I would like it under Hosts menu > similar how More menu is created. > > - More submenus - I go there way too often and I am sometimes having > hard times going into those Submenus. Why don't we just create > Configuration and Provisioning menus to be available on the top menu > bar? More menu could have Users and other links. > > - Information/Error bubble - is always going over the More menu which is > annoying - I usually want to go there again once something is created. > Maybe the point above could help that, or we could just shift the > bubble few pixels down not to cover the menu. > > I'd like to read your opinions about that. > > -- > Later, > > Lukas "lzap" Zapletal > irc: lzap #theforeman >

I've seen the prototype and it looks good. How about moving the context
switcher from the second level menu to the top right level menu left of
the user switcher. I mean - it is quite bug and I don't think we need to
be consistent with Katello anymore (rails engine now).

To me this switcher is too huge, by moving it to the top-right corner we
get more space on the main bar so even with Provisioning and
Configuration submenus we still have plenty of space for other things or
menu items provided by engines.

LZ

··· On Wed, Oct 16, 2013 at 04:48:25PM +0200, Lukas Zapletal wrote: > Hello, > > after some time spent with Foreman now, I have couple of issues with our > UI: > > - New Host - Is there any place we could put New Host entry so it is > available directly from any page? I would like it under Hosts menu > similar how More menu is created. > > - More submenus - I go there way too often and I am sometimes having > hard times going into those Submenus. Why don't we just create > Configuration and Provisioning menus to be available on the top menu > bar? More menu could have Users and other links. > > - Information/Error bubble - is always going over the More menu which is > annoying - I usually want to go there again once something is created. > Maybe the point above could help that, or we could just shift the > bubble few pixels down not to cover the menu. > > I'd like to read your opinions about that. > > -- > Later, > > Lukas "lzap" Zapletal > irc: lzap #theforeman > > -- > You received this message because you are subscribed to the Google Groups "foreman-dev" group. > To unsubscribe from this group and stop receiving emails from it, send an email to foreman-dev+unsubscribe@googlegroups.com. > For more options, visit https://groups.google.com/groups/opt_out.


Later,

Lukas “lzap” Zapletal
irc: lzap #theforeman

> Ideally it should include recent history + common actions?

+1 Good idea. I'd rather start with common actions, recent history needs
more coding :slight_smile: But yeah, all for that.

> Hmm… Real- estate on the top bar?

Why not? You also put your files into directory structure that does fit
you and is most effective for you. If it turns out we need to add more
submenus, we can go for something else.

> > - Information/Error bubble - is always going over the More menu which is
> > annoying - I usually want to go there again once something is created.
> > Maybe the point above could help that, or we could just shift the
> > bubble few pixels down not to cover the menu.
> >
> Yeah i agree, we were talking about changing css / notification widget for
> that … I started that at [1] but never got it done
>
> Ohad
>
> [1] https://github.com/ohadlevy/foreman/compare/toastr

Ha!

LZ

··· On Wed, Oct 16, 2013 at 04:52:44PM +0200, Ohad Levy wrote:


Later,

Lukas “lzap” Zapletal
irc: lzap #theforeman

> Could I proffer some words on the UI outside these areas?
>
> The UI currently only takes up just over half the width of a 1920x1200
> display. This really needs to change. A dynamically sizing UI that
> expands to whatever canvas is available would be better.
>

I think we have talked previously with regards to changes in the Katello
UI. How or how not (if you have had time to play with either the new
Products or Systems page) does that view of things fit your requirements?

>
> Tables could do with an improvement to allow resizing of columns,
> reordering of columns, adding/removing columns etc. There is also a lot of
> extra padding round each cell. Infinite scrolling would be excellent
> rather than having to go to separate pages to see all your hosts.
>
> Is it possible for a user to change the fonts? My personal preference is
> for something a little smaller to fit more data on the screen.
>

Do you mean this for the table only? As opposed to browser zoom which can
allow you to shrink the element sizes and fit more data on the screen but
will also shrink up the menu and table headers?

··· On Mon, Oct 21, 2013 at 5:30 AM, Duncan Innes wrote:

Random thoughts.

Cheers

Duncan

On Wednesday, 16 October 2013 15:48:25 UTC+1, Lukas Zapletal wrote:

Hello,

after some time spent with Foreman now, I have couple of issues with our
UI:

  • New Host - Is there any place we could put New Host entry so it is
    available directly from any page? I would like it under Hosts menu
    similar how More menu is created.

  • More submenus - I go there way too often and I am sometimes having
    hard times going into those Submenus. Why don’t we just create
    Configuration and Provisioning menus to be available on the top menu
    bar? More menu could have Users and other links.

  • Information/Error bubble - is always going over the More menu which is
    annoying - I usually want to go there again once something is created.
    Maybe the point above could help that, or we could just shift the
    bubble few pixels down not to cover the menu.

I’d like to read your opinions about that.


Later,

Lukas “lzap” Zapletal
irc: lzap #theforeman


You received this message because you are subscribed to the Google Groups
"foreman-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an
email to foreman-dev+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

>
> > Ideally it should include recent history + common actions?
>
> +1 Good idea. I'd rather start with common actions, recent history needs
> more coding :slight_smile: But yeah, all for that.
>

I don't think this is a good idea. By making a short cut in the UI which
only shows a few actions - common or not, creates inconsistency within the
application. This adds unnecessary complexity and risks causing confusion
which will not save clicks if they are shown in the google like dropdown.
This sets a bad precedent in the UI which is not expandable and will hurt
the user experience. I am all for efficiency, but not at the cost of
unnecessary complexity and redundancy. If we head down this road we will
end up with an application which has a ton of links on the landing page or
in that dropdown which will be impossible to parse.

It sounds to me like you are trying to solve an information architecture
problem. I think more details around this usecase are necessary to come up
with the right solution. With that information I would be glad to offer up
a solution.

> > Hmm… Real- estate on the top bar?
>
> Why not? You also put your files into directory structure that does fit
> you and is most effective for you. If it turns out we need to add more
> submenus, we can go for something else.

This is a great observation. Currently 50% of the Foreman menu is hidden
under 'More' and has no context. I created a new simplified sitemap with
Amos a few months back around a previous Foreman unified application which
I would be happy to modify. I will work on this and post a link as soon as
I finish it.

··· On Wednesday, October 16, 2013 11:29:12 AM UTC-4, Lukas Zapletal wrote: > On Wed, Oct 16, 2013 at 04:52:44PM +0200, Ohad Levy wrote:
  • Information/Error bubble - is always going over the More menu which
    is

annoying - I usually want to go there again once something is
created.

Maybe the point above could help that, or we could just shift the
bubble few pixels down not to cover the menu.

Yeah i agree, we were talking about changing css / notification widget
for
that … I started that at [1] but never got it done

Ohad

[1] https://github.com/ohadlevy/foreman/compare/toastr

Ha!

LZ


Later,

Lukas “lzap” Zapletal
irc: lzap #theforeman

Hi Eric - that was indeed me. I'm getting confused about where, who and
how I've spoken to people and whether it's been by work persona or my
'normal' self.

I've been poking around a lot more with Foreman whilst waiting for MDP2 of
Katello. My Foreman test is on 1.3.0 and Katello is on nightly. Apologies
if my comments seem scattergun or blunderbuss in their approach.

>
>
>
>
>
>> Could I proffer some words on the UI outside these areas?
>>
>> The UI currently only takes up just over half the width of a 1920x1200
>> display. This really needs to change. A dynamically sizing UI that
>> expands to whatever canvas is available would be better.
>>
>
> I think we have talked previously with regards to changes in the Katello
> UI. How or how not (if you have had time to play with either the new
> Products or Systems page) does that view of things fit your requirements?
>
>

Still can't subscribe hosts to my test Katello. Foreman 1.3.0 is in full
use, though, so the comments here are aimed at Foreman for now. I could
refrain until MDP2 comes out if you prefer?

>
>> Tables could do with an improvement to allow resizing of columns,
>> reordering of columns, adding/removing columns etc. There is also a lot of
>> extra padding round each cell. Infinite scrolling would be excellent
>> rather than having to go to separate pages to see all your hosts.
>>
>> Is it possible for a user to change the fonts? My personal preference is
>> for something a little smaller to fit more data on the screen.
>>
>
> Do you mean this for the table only? As opposed to browser zoom which can
> allow you to shrink the element sizes and fit more data on the screen but
> will also shrink up the menu and table headers?
>
>

I think the whole interface could scale down slightly. I can go as far as
75% zoom before tired eyes complain. That might not suit all, but then my
username and avatar are a bit small. This also highlights even more the
amount of space 'wasted' at the sides of the page on a widescreen monitor.
If I could cram a load more (user selectable) columns on the page, I would
be set for being able to create an efficient working interface that suits
me.

··· On Monday, 21 October 2013 13:45:15 UTC+1, Eric Helms wrote: > On Mon, Oct 21, 2013 at 5:30 AM, Duncan Innes <dun...@innes.net > > wrote:

Random thoughts.

Cheers

Duncan

On Wednesday, 16 October 2013 15:48:25 UTC+1, Lukas Zapletal wrote:

Hello,

after some time spent with Foreman now, I have couple of issues with our
UI:

  • New Host - Is there any place we could put New Host entry so it is
    available directly from any page? I would like it under Hosts menu
    similar how More menu is created.

  • More submenus - I go there way too often and I am sometimes having
    hard times going into those Submenus. Why don’t we just create
    Configuration and Provisioning menus to be available on the top menu
    bar? More menu could have Users and other links.

  • Information/Error bubble - is always going over the More menu which is
    annoying - I usually want to go there again once something is created.
    Maybe the point above could help that, or we could just shift the
    bubble few pixels down not to cover the menu.

I’d like to read your opinions about that.


Later,

Lukas “lzap” Zapletal
irc: lzap #theforeman


You received this message because you are subscribed to the Google Groups
"foreman-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an
email to foreman-dev...@googlegroups.com <javascript:>.
For more options, visit https://groups.google.com/groups/opt_out.

Have a look at the foreman_coumn_view[1] plugin - it's aimed at doing
exactly that. I think it works ok on 1.3…

Greg

[1]https://github.com/GregSutcliffe/foreman_column_view

··· On 21 October 2013 16:32, Duncan Innes wrote:

If I could cram a load more (user selectable) columns on the page, I would
be set for being able to create an efficient working interface that suits
me.

> I don't think this is a good idea. By making a short cut in the UI which
> only shows a few actions - common or not, creates inconsistency within the
> application. This adds unnecessary complexity and risks causing confusion

Even when we clearly state "Most used actions" and we will provide just
a list of most used links? I think that is very reasonable and does not
bring much confusion if we place it carefully. Might be some smaller
icon or something more or less not visually attractive for newcomers.

> > > Hmm… Real- estate on the top bar?
> >
> > Why not? You also put your files into directory structure that does fit
> > you and is most effective for you. If it turns out we need to add more
> > submenus, we can go for something else.

Why should we treat top-bar real-estate like black coal. This can be
recovered easily. When we have space, let's do it. If we have something
that needs to go there while there is no free space, let's discuss how
to rearrange. There are also other options like to use icons and things
like that.

I am not an UI expert and I can tell you I am pretty skilled in
mouse-pointing :slight_smile: Still I sometimes mis-click there or a sub-menu
disappears for me.

··· On Thu, Oct 17, 2013 at 07:14:12AM -0700, Kyle Baker wrote:


Later,

Lukas “lzap” Zapletal
irc: lzap #theforeman

Forgot to mention - this only modifies Hosts#index and Hosts#show -
although I'm sure it could be extended if there are other workflows you
have in mind…

··· On 21 October 2013 16:39, Greg Sutcliffe wrote:

On 21 October 2013 16:32, Duncan Innes duncan@innes.net wrote:

If I could cram a load more (user selectable) columns on the page, I
would be set for being able to create an efficient working interface that
suits me.

Have a look at the foreman_coumn_view[1] plugin - it’s aimed at doing
exactly that. I think it works ok on 1.3…

>
> > I don't think this is a good idea. By making a short cut in the UI which
> > only shows a few actions - common or not, creates inconsistency within
> the
> > application. This adds unnecessary complexity and risks causing
> confusion
>
> Even when we clearly state "Most used actions" and we will provide just
> a list of most used links? I think that is very reasonable and does not
> bring much confusion if we place it carefully. Might be some smaller
> icon or something more or less not visually attractive for newcomers.
>

I guess my confusion is what we are saving here. We are talking about
saving a single page load. If this is a burden for the user due to quantity
of new hosts then we need to think of the ideal solution for that. It goes
back to what is the usecase we are trying to design for.

··· On Thursday, October 17, 2013 11:15:28 AM UTC-4, Lukas Zapletal wrote: > On Thu, Oct 17, 2013 at 07:14:12AM -0700, Kyle Baker wrote:

Hmm… Real- estate on the top bar?

Why not? You also put your files into directory structure that does
fit

you and is most effective for you. If it turns out we need to add more
submenus, we can go for something else.

Why should we treat top-bar real-estate like black coal. This can be
recovered easily. When we have space, let’s do it. If we have something
that needs to go there while there is no free space, let’s discuss how
to rearrange. There are also other options like to use icons and things
like that.

I am not an UI expert and I can tell you I am pretty skilled in
mouse-pointing :slight_smile: Still I sometimes mis-click there or a sub-menu
disappears for me.


Later,

Lukas “lzap” Zapletal
irc: lzap #theforeman

Thanks Greg, I'll take a look. It seems to go some way towards user
definable columns, but without the ability to change it through the
interface. It will definitely allow me to build a more complex set of
information into the screens.

Is there anything similar that would allow column resizing, changing row
height, re-ordering columns via the interface?

··· On Monday, 21 October 2013 16:40:49 UTC+1, Greg Sutcliffe wrote: > > On 21 October 2013 16:39, Greg Sutcliffe <greg.su...@gmail.com > > wrote: > >> On 21 October 2013 16:32, Duncan Innes <dun...@innes.net >wrote: >> >>> If I could cram a load more (user selectable) columns on the page, I >>> would be set for being able to create an efficient working interface that >>> suits me. >>> >> >> Have a look at the foreman_coumn_view[1] plugin - it's aimed at doing >> exactly that. I think it works ok on 1.3... >> > > Forgot to mention - this only modifies Hosts#index and Hosts#show - > although I'm sure it could be extended if there are other workflows you > have in mind... >