Next generation of browser - PHEONIX
#video loading may take time, thx for you patient/视频较多，感谢耐心观看#
Microsoft Edge is a modern ,visual , refined , customizable browser that delights and help increase user’s productivity.
The design hypotheses…
Our browser and services feel unrelated
Browsers have not kept pace with the web
The sameness of Chromium hurts us
Beautiful products matter more
Phoenix is a product direction
We think Phoenix is an example of how design can operate and focus. We are charting a course for the product and product makers (Design, PM, Marketing, Engineering, etc.)
Phoenix is a blueprint to help galvanize how we think about our browser and our services into a single vision.
Phoenix is a blueprint to help galvanize how we think about our browser and our services into a single vision.
Layering system
Better separation between browser and conten
Easier to disambiguate between what belongs to Edge vs. the web content with visible UI containers. Content is the main actor.
Separation between browser and content
Modular user interface
Made with modules
This browser uses a system of modules (containers) that makes it easier to disambiguate between the sites and services you interact with while browsing the web.
Fluid (made to move)
Containers are fluid (can move) based on user interaction or layout preferences to create greater productivity views for your web activities
More organized
Grouping surfaces creates a sense of organization that customers respond to, while utilizing a consistent content and card strategy creates interchangeable and familiar patterns within our designs.
Improved geometry
Clarity between objects
Rounded geometry brings the clarity of layers and space between objects to enhance understanding of information hierarchy.
Double down on modular
Geometry in project Phoenix creates a more intuitive UI and interaction for modular and fluid UI. Softer rounded corner and subtle elevation create customizable, touchable, movable, resizable, and lightweight card-like feeling to overall UI design.
A modern look
Rounded geometry with perfectly fitting layout creates both a visual aesthetic and feeling that is more familiar with applications on your phone and tablets.
Fluent and Maximal design
Cohesive language with Microsoft system
Phoenix design system aligns to the latest deign direction within broader WXC and Microsoft ecosystem.