Forum Discussion
MicrosoftDiscussion - Updating our interface with Fluent touches
Thank you so much for all your feedback on the overall design of the new version of Edge, as it is invaluable to our getting the experience right. A common thread through this feedback has been a lot of discussion about the definition of “Fluent” design, and how it should apply to Microsoft products, so we wanted to share an update to provide some clarity. As opposed to a specific or static set of design rules, Fluent is intended to be an ever-evolving design system across Microsoft products. As the world around us continues to evolve, including devices, interaction models, user habits and expectations, the Microsoft design system must also evolve to meet the changing needs of our users. This means Fluent will not necessarily always represent everything that it did several years ago when the look and feel of the legacy version of Edge was first developed. You can learn more about the current direction of Fluent by visiting the Fluent Design System Page, which provides a summary of the design system as a whole, as well as how it applies to different platforms, applications and controls across Microsoft.
If you browse through the Fluent guidance at the link above, you’ll note that the new version of Edge is aligned with the current direction Fluent is going, and we will continue to evolve along with the design system and Microsoft as a whole. While Edge may be one of the first to put some of these new Fluent elements into practice, you will continue to see other products across the company update to reflect this direction as well. For example, you’ll notice that the latest Fluent designs are characterized by rounded corners across objects and controls, and the new version of Edge is consistent with that guidance. Another example is that there isn't a pivotal focus on transparency in the latest Fluent designs, and surfaces of the new version of Edge reflects this.
This is not to say we will never consider incorporating such aspects into our designs going forward, or perhaps offering options to customize the look and feel, but there are no plans to incorporate these elements into the default experience for all users at this time. However, there are other design investments on our roadmap to continue aligning with the broader Fluent direction, such as updating icons and illustrations across the product. Please continue to send your feedback on the overall Edge look and feel, including preferences and pain points, as we are always open to learning more and updating our direction based on the needs of our users.
- The Microsoft Edge Team
Great categorization job!
I want all of the above
"
- Ability to add distinct color or color themes to the main browser interface.
- Add transparency or other material effect to the main browser interface.
- The corners of the tabs and browser buttons have been rounded too much.
Make the tab band and address bar / toolbar smaller if device doesn’t support touch capability.- Update or add animations to user interface.
- Add a reveal effect to highlight on mouse hover."
my only problem is the one in red color.
please don't implement it or if you are going to implement it, make it optional. I really love the current size. it would be best if you add a slider in Edge settings, for scaling down/up those UI elements.
bigger UI elements and address bar is one of the big reasons why I love new Edge and hate Google chrome.
on Google chrome everything is too small.
Also add Transparent or Acrylic theme to be one of the Edge browser themes to choose from.
- I agree with most of the proposed changes. But I think think the new edge is the perfect amount of round.
- yes, the current size of address bar is ok!
- Yes, Fluent Design is URGENTLY needed! Ever since you guys added effects like Acrylic and Reveal to Edge, mainly in the April 2018 update of Windows, that design has become a symbol of Edge and makes it its own browser and unique, and beautiful. It just doesn’t feel like Edge without them.
We need:
Acrylic on the header, Reveal on tabs and buttons in the browser, and just bringing back some old designs from the old edge like the old vertically-expandable tab view, and add acrylic to that. Basically just bring back everything important that you removed. Because without the stuff, it’s not the Edge we know.That is what I've been really wanting since the new Edge came out. I really want the acrylic (slightly transparent appearance) on the new Edge. I want the new Edge to still carry over some of that feel and look of the original Edge but also getting some new updates and changes.
- Spoiler
Mason425 wrote:That is what I've been really wanting since the new Edge came out. I really want the acrylic (slightly transparent appearance) on the new Edge. I want the new Edge to still carry over some of that feel and look of the original Edge but also getting some new updates and changes.
Yeah it's great, the only improvement to the design i want is to have a slider to modify the transparency level. the same thing that exists for the new Microsoft Terminal UWP app
- I'm a big fan of Acrylic and fluent design 🙂
HotCakeX Yes, me too!
- Agree, like the old size like Beta version, it's too small in Canary
- Yup there is too much gray area in menus, they might as well add a theme and name it "gray" instead of dark.
- I like the greyness of the dark theme. Maybe add a "black" theme that would be truly black for people who prefer it so?
About the address bar size and stuff - I like how I can choose "compact" mode in Firefox, which shaves quite a few pixels off the UI. I would love such a feature in Edge, where we could choose how it looks. So, by default, it could be as it is right now. But in "compact" mode, the icon padding (including the Favorites bar), address bar font size, would become smaller. Same thing with all kinds of menus - less padding.
However, all these things would be nice for me, personally, because on my laptop I have a 1366x768 screen. Each and every pixel counts 😉 It doesn't bother me much when I connect a 1080p external display or use my desktop with a 1920x1200 panel. Such a low laptop resolution is becoming a lot less common nowadays, so I understand why UI designers might not feel the need to do anything here and why so many users commenting on these forums do not want anybody touching it.
- Opposite for me. I like Chrome's "compactness" better; Edge menus especially feel too spaced and non-Windows-like.
- Bigger UI = Better touch experience
it doesn't have any bad impact on desktop users and at the same time improves experience for touch screen users whose number are increasing everyday
HotCakeX Same Here !!
The Big Design Is One Of The Top Reasons Why I Love Microsoft Edge
On Chrome The UI Is So small That Its Difficult To See On Bigger Screens ..
We Don't Want To Make A Copy Of Chrome And Other Browsers .....We Want To ALways Make A Better And Powerful But Easy To Use Microsoft Edge!!
- Exactly 100% truth!
- Yes, you are on point. The current structure of address bar is very good and no need to short. Just implement fluent design elements that are everywhere in Windows 10. So that we will get a uniform experience in Windows 10 and Edge.
I see why there is value in making the text smaller - the top of the screen is messy and overloaded. Especially when lots of tabs are open. OTOH, small text is harder to read. I wonder if some kind of alternative might be better, such as shrinking the tabs/address-bar unless the mouse is over it?
Like the auto-hiding taskbar on windows, but less extreme (i.e. don't hide it entirely).
For me I always want to see the address of the page I'm visiting but always seeing the names/icons of the tabs and the control buttons is irrelevant - I know tabs and controls are at the top of the screen if I need to access them so auto-hiding those would be fine. The desire to always see the address is why full-screen mode is largely useless to me.
Just food for thought.
jep good ider if the add them allHotCakeX
globus5000 wrote:jep good ider if the add them allHotCakeX
the first half of your comment is German?
sorry not always good to write englishHotCakeX
