Forum Discussion
Solved
Discussion - Updating our interface with Fluent touches
Hi Insiders. We have received a whole lot of feedback on the overall design of the next version of Microsoft Edge. First off, we would like to thank you all for the feedback that you have submitted. We also want you to know that we are continuing to evolve the look and feel of the new Microsoft Edge. You can see our progress in our new icon, in the changes to dark theme, on the layout of the settings pages and in the style of the controls that we have added so far. Our goal has been to modernize the next version of Microsoft Edge while keeping the feel of the original. In the five years since we released the first Microsoft Edge browser with Windows 10, the Microsoft Design Language has and will continue to change and adapt. We have been evolving our user interface with this in mind and may be the first place you see some of these changes. We are planning on continuing to apply elements of the Microsoft Design Language to align with other Microsoft products.
We are thrilled with how much you think about the look and feel of the new Microsoft Edge browser. As we dug into the feedback, we found different ideas lumped together into very broad buckets and felt like we needed to re-sort the issues into new categories that are more specific to the actual issues that were being discussed. The previous categories that we have been reporting on are:
- Update the user interface with the Fluent Design System
- Make tabs more square and less rounded, like the current version of Microsoft Edge
- Provide a transparent theme for the browser frame
- The address bar and text are too large
The first step of this journey was to dig into each of the feedback items individually and understand what your ask was, and if there was a reason listed for the feedback. This helped us better understand why you are asking for these changes. The next step we took was to recombine the feedback and sort it into more specific buckets. We understand change is challenging, and we are not changing our interface just to be different. We have been working closely with our designers to get a look and feel that aligns with our Fluent Design language and meets our standards for usability and accessibility. It is our goal for our design to be easier to use on a daily basis. When you provide feedback, it helps us to challenge our assumptions and makes us reanalyze our conclusions.
Based on this analysis, we are seeing the following themes emerge from your comments: we will be tracking and following feedback in these categories going forward:
- 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.
We would love to start talking about these items now. Please let us know if you think that we are on the right track with the changes we have made so far. The most impactful feedback is that which lists the task that you are trying to accomplish, the challenges that you face while accomplishing it, and your ideas on how it could be made easier. Also, feel free to reach out if you think that we have missed something important here. We will always take feedback and suggestions to help us make this the best, fastest, most productive browser possible.
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
479 Replies
- After the most recent v91 update, on macOS the address bar font size is quite small. I'm convinced that it is even smaller than most website fonts, like 9pt or less. This is hard to read.
Well Actually You Are right! They should make a slider for changing the font size of the address bar, As simple as that!!
- In addition, I am totally fine with the new UI size, but just the font size of address is too small.
- Given Microsoft's constant push for accessibility, making the address bar smaller makes ZERO freaking sense. Please revert the change (make it bigger again) or give us the option to!
- I think the text size on the address bar is too small. I can see how it looks better visually, but have trouble reading it. It was easier to read before. Maybe a toggle / slider for text scaling?
- I don't like the smaller address bar text. why everyone is so obsessed with making edge similar to chrome. Chrome is Chrome, Edge is Edge. Also, smaller address bar doesn't match with the rest of the browser.
- I have a 15 inch laptop screen and the smaller text in the new insider builds makes it much harder to see it, and I think there should be some kind of slider to change the size of all the UI elements in general, like the text size, buttons, tabs, context menus, all of that.
Something like Vivaldi's customization options would be great- Yes I would agree, I hope they keep the address bar text large, as a visually impaired user I find the interface much easier to use than Chrome.
- Yes They Should Add A Slider For Changing The size of the UI Like Windows Has.. In My Computer It is set to 125%
Thank You
Have A Great Day Ahead!
- I completely hate the look and feel of Microsoft Edge. What is the point of establishing a design language if you're not going to use it. No acrylic blur, no smooth animation, outdated look of context manu, no transition effects, no reveal effect, just nothing. Are we really in 2021? Look and feel of Edge is basically like Chrome with changed icons, that's it. It seems like the browser team is not at all in sync with the team who is responsible for deciding the overall design language of Windows 10. On one side they're creating winui 3, on the other side we get software like Microsoft Edge. I wonder why you guys can't be consistent.
Well A Point To Be Noted That Before Edge Used Then Chromium Engine And It's UI (The Legacy Edge Browser Which Used Chakra JavaScript Engine ) , It Had Some Transitions, But after it switched to the The Chromium It Lost All Of It's UI..
Also The Edge Isn't JUst A Copy Of Google Chrome With Changed Icons Because It's
- Faster
- Has More Features Like Startup boost
- Has A More fluent menu
- Uses Less RAM +Sleeping Tabs Which When Active Uses Only about 100-140MBs Of RAM
Thank You
Have A Great Day
- Obviously Edge has many features under the hood, but I thought this thread is all about UI and hence I commented accordingly.
- Instead of using a native Windows UI, Edge uses the standard Chromium UI. It will never look 'right'.
Well You Just made the Address Bar UI smaller Like google chrome.. And now its not easier to read on bigger screens!!
Here are the comparisons,
The Normal Stable Edge address barAnd My canary version
I think it's better to add a slider to set it to a level comfortable for your eyes
Yeah, I new something changed but didn't pay attention, after reading your comment i checked and it's indeed smaller! the address bar is the same size but the text is smaller.
hope it's temporary...
- Yeah I also Hope they will revert It.... Its Not readable On My 1920x1080 Screen !! I really wish they make a slider for it....
Lots of buckets for visual aspects of Edge, but nothing about how to make it easier to use. I just don't understand why ease of use is not the number 1 bucket. I'm all for visual appeal, but I would prefer ease of use then visually appealing. Why not make an effort to integrate the Microsoft Browser into the family of Microsoft Office products? Why not at least make the standard file menu bar an option. I look at the Menu of the very program I am writing this on. It has a menu bar very similar to the standard menu bar, but not as effective. Who decided the standard menu bar was no longer needed? It is Microsoft's intent to remove it from Word, Excel, PowerPoint, Access, Publisher, Outlook, etc.? I sure hope not--but why not, let's have a different menu system for every Microsoft Program. Then maybe we can all go back to using Corel office. Hey is it possible that Microsoft is now being led by a Corel mole?
Elliot Kirk I like Edge, however I want the team to consider a way so that we can increase the font size in the Favorites Bar and on Tabs. If that would somehow be allowed to happen, I would more than likely use Edge 100% of the time !
By The way did anyone spot the new "View Site Information" Interface
It looks like this now
More Fluent And Easy To Use
- Yeah, it's been like that for a month now in canary.
