I've been looking for inspiration for the new Manager's UI improvements and today I'll propose taking a deep look at the new
Outlook.com.
You've all seen it and to borrow a line from Gizmodo's Sam Biddle, Microsoft did the impossible with it.
Here's what I like about the new Outlook.com and hope could be considered in designing the new Manager:
- CLEAN AND FLAT DESIGN
- SOLID COLORS
- EFFICIENT NAVIGATION
This is 2013: nothing says simple, clean and elegant better than a Flat design.
I love how the new outlook.com's design stays out your way without sacrificing functionality.
It's so clean, so simple and yet so convenient.
From the color balance to the extra breathing room - it seems nothing was left unthought of.
This is a near-perfect execution of a great design plan.
Here's the good news though: Revo's current UI is pretty good.
We should keep the layout, but improve it's look and feel.
I say we, because I despise I.
Moving on...
A few suggestions for today:
Flat design and solid colors
The days of gradients and bevels are numbered. Not convinced yet?
Just login to your new outlook.com account and tell me if you really miss
the old days.
Merge the brand bar with the main navigation bar.
This will save us a good 35 pixels or so of horizontal space.
Let's avoid wasteful spending. Pixels are expensive.
The new merged brand bar could be complimented by a
nice solid green (#17312f).
in the background just like the one used in the new Discuss Forums Masthead.
I would forgive us if we added that muted wavy thingy in the background
for branding reasons.
The logo could be placed on the far left of the brand bar.
The Site name should occupy the logo's old place;
right next to the username. That's really where it belongs.
The version info can take a hike - it's already available in System Info section.
But if you insist on keeping it, it could be revealed by hovering the logo.
Smart and Efficient Navigation
A merged brand bar begs for a smart and efficient navigation menu.
By smart I mean a section-relevant menu that adapts to
the section being browsed. (More on this in my next post).
By efficient I mean less. Some menu items don't need to be omnipresent.
We surely don't need a user menu item. Nowadays even babies know
what to expect when clicking on a username.
Why don't we replace the support menu item with an innocent help icon
that reveals more options in a drop down menu?
We should place that help icon right next to the username.
We should do the same with reports.
A nice pie or graph icon will mean a thousand words.
I propose Bootstrap 3 for MODX 3.
It's free, feature rich, frequently updated
and it's everything else you know.
Running out of time. To be continued...
The poetry I meant.