Project

General

Profile

Bug #24568

new UI - layout poorly scaled, some controls overlaid inappropriately

Added by Stilez y over 3 years ago. Updated almost 3 years ago.

Status:
Resolved
Priority:
No priority
Assignee:
James Nixon
Category:
GUI (new)
Seen in:
Severity:
New
Reason for Closing:
Reason for Blocked:
Needs QA:
Yes
Needs Doc:
Yes
Needs Merging:
Yes
Needs Automation:
No
Support Suite Ticket:
n/a
Hardware Configuration:
ChangeLog Required:
No

Description

The screenshot is from new UI on a 1920 x 1080 (full HD) monitor under Firefox 53, fully expanded with default zoom.

Despite the generous screen size (which is larger than many people will use and expanded fully),

  • Buttons are half unreadable and need to scroll off to the right to view,
  • The overlay "^" blocks buttons (difficult to know whether clicking it, or near it, gets you "top of page" or "delete snapshot"
  • Font size is huge
  • The table wastes most of the display space for no good reason (look at the solid black in the middle)
  • It's hard for the eye to track across because there aren't any lines to follow. The names on the left are indented a small amouint but no lines or grid showing the hierarchy, and too spaced out to visually see it by comparing indentation levels, and the data on the right is too spaced out from the names, again with no guidance for the eye.
  • The extra size/space seems to have pushed out important data that is useful and was present in 9.10, such as compression and other info, which is needed. It isn't obvious how to see this at a glance.
  • It just shouldn't be necessary to have 3 rows just to say "9 TB used (55%)" !
  • It also shouldn't be necessary to have 3 rows for the buttons. Use 2 or 3 icons in a row for the actions, not text, and add a hover to explain what the icons are for.

Also the percentages are missing their "%" sign.

The same or similar issues apply to other UI screens.
While the concept is good, the layout I'm seeing is very poor - to the point of being close to unusable without severe CSS and JS hacking or severe discomfort - for these reasons. Luckily this is easily improvable.

tmp.png (619 KB) tmp.png Stilez y, 06/16/2017 02:47 AM
11466

History

#1 Updated by Stilez y over 3 years ago

11466

Screenshot

#2 Updated by Erin Clark over 3 years ago

  • Assignee changed from Erin Clark to James Nixon

#3 Updated by Steven Harris over 3 years ago

I can work on this if it's ok with you James

#4 Avatar?id=14398&size=24x24 Updated by Kris Moore over 3 years ago

Steve,

Yes, that would be great if you want to send some PR's on this one. (BTW, now it'll do automatic jenkins build of all PR's, so you won't have to wait on us to know if its safe to merge)

#5 Updated by James Nixon about 3 years ago

  • Status changed from Unscreened to Reviewed by Developer
  • Target version set to 11.0

thanks for the feedback!

#6 Updated by Dru Lavigne about 3 years ago

  • Target version changed from 11.0 to 11.1

#7 Updated by Dru Lavigne about 3 years ago

  • Status changed from Reviewed by Developer to Resolved
  • Target version changed from 11.1 to 11.0-U3
  • Private changed from No to Yes

#8 Updated by Dru Lavigne almost 3 years ago

  • Target version changed from 11.0-U3 to Master - FreeNAS Nightlies
  • Private changed from Yes to No

Also available in: Atom PDF