[MGNLUI-466] Implement a more compact, visual look Created: 21/Dec/12  Updated: 03/Feb/16  Resolved: 05/Feb/13

Status: Closed
Project: Magnolia UI
Component/s: design
Affects Version/s: 5.0
Fix Version/s: 5.0

Type: Improvement Priority: Critical
Reporter: Andreas Weder Assignee: Mikaël Geljić
Resolution: Fixed Votes: 0
Labels: design, frontend
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File 2ndary Menu.00orig.png     PNG File 2ndary Menu.01compact.png     Zip Archive Compact look.draft.zip    
Issue Links:
relation
is related to MGNLUI-473 Don't show previews when Action bar i... Closed
supersession
is superseded by MGNLUI-626 Improve visual design by implementing... Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Date of First Response:

 Description   

The goal of this issue is to develop a more compact look for Magnolia 5 without loosing the generosity of our current visual design. The font sizes we currently use feel too big sometimes, in particular, if we compare them with surrounding elements outside of the web browser Magnolia runs in.

I've developed a series of draft screen shots using smaller font sizes:

  • in the action bar
  • in most titles

In most cases, this also requires to adjust the surrounding paddings and margins.

We can also:

  • make dialogs appear more compact by reducing the height of the header, and maybe also the footer (though, with the buttons, that latter might looked too crammed then, we'll have to try and see)
  • make the look on the iPad look more compact


 Comments   
Comment by Andreas Weder [ 18/Jan/13 ]

Updated issue to actually reflect that this is something we'd like to work on.

Comment by Andreas Weder [ 18/Jan/13 ]

Added two screen shots showing the visual design of a typical app before and after the change of font sizes in the action bar and secondary menus. More examples are contained in the archive I'm attaching as well.

Please note that these are rough drafts only, though there is a concept behind them. I'd actually like to sit together with one of you several times in order to adaptively make these changes.

Comment by Mikaël Geljić [ 05/Feb/13 ]

will link follow-up ticket for design phase #2

Generated at Mon Feb 12 08:37:09 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.