Forum Discussion
Discussion - Updating our interface with Fluent touches
- Jul 14, 2020
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
Hi Elliot Kirk
Edge Dev is my default browser and I'm very happy with it!
As for all the discussions regarding the aesthetics of the browser, I'm pleased with the looks of it as it is. Could it look cooler? Yeah! But a transparent frame doesn't add any value for me, for instance.
However, the size of the address bar is relevant for my everyday use since I use a Surface Pro, i.e. a touch screen device. I really appreciate the size or more specific the height of the address bar as it is. I hit it (almost) every time I want to type in a search query or an address. 😉
If the goal is to save space and reduce height why not make the address bar shorter and use the space next to it to display favorites, extensions and alike. After all widescreens are the standard today and therefore I could even argue to move the address bar, favorites, etc. to the left or right hand side. Think "Collections"! You can see from the screenshot even when I have open the "Collections" I still have enough room for an entire website.
Usually, the title of the tab is informative enough to know where I am. So as soon as I typed in the address it becomes kind of obsolete.
I hope this makes enough sense to understand.
- GraniteStateColinFeb 06, 2020Iron Contributor
Elliot Kirk, I just wanted to comment that I NEVER run the browser full screen on my main computer. Some of the feedback here has implied that we all run full screen so Edge should take advantage of all that extra width. I have multiple monitors connected my desktop computer, my main monitor being a large 4k screen. My browser windows are wide enough for a standard web page, probably established back with 1024 or 1280 pixel-wide monitors years ago. I can fit two browser windows side-by-side on my screen and still have room on the sides for additional windows. I use Windows as the name implies, with many separate windows open and visible on my desktop at a time, able to see all of them for effective multitasking. They may overlap, but I rely on the visible parts of the background windows for changing what I'm working on (just click on the visible portion to bring it to the forefront, only going down to the Taskbar in those rare cases where a window has been fully buried under other windows or sometimes to find one of many open windows of the same application -- the thumbnails there help). Even on my laptop, which has a smaller but still 4k screen, I almost never run any windows full-screen, ensuring I can see and reach my other active windows.
I know some users do run each individual window full-screen, popping the active window to the forefront using Alt-Tab, Windows-Tab, or the Taskbar as needed, like on a phone. But that's definitely not all of us. Please keep those of us who run in windows no wider than needed in mind during any design consideration.
- HotCakeXFeb 06, 2020MVP
speaking of windows and multi tasking/multi windows, I wanna suggest to try this PowerToy called Fancyzones.
https://github.com/microsoft/PowerToys
https://github.com/microsoft/PowerToys/tree/master/src/modules/fancyzones
I find it super useful