Skip to content

This issue was moved to a discussion.

You can continue the conversation there. Go to discussion →

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Discussion: can we talk about new edge's navigation view design #3992

Closed
jordan-msftfan opened this issue Jan 21, 2021 · 3 comments
Closed
Labels
area-NavigationView NavView control discussion General discussion team-Controls Issue for the Controls team

Comments

@jordan-msftfan
Copy link

Discussion: can we talk about new edge's navigation view

In July 2020, Microsoft discussed the definition of Fluent Design in the Edge discussion forum, and where Fluent Design is headed.It has mention that:

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.

In the past discussions, we have created a lot of topics about Acrylic and Reveal, but very little attention has been paid to other parts of the other Edge design area like Navigation View.

In an update to the Tips app, there are several screenshots of the new designed Settings app, which also uses the Edge like Navigation View on the left. Microsoft withdrew it within a few days, but it's still worth the attention of WinUI community, but I don't see anyone talking about it in the WinUI Community. (See screenshots below).

I also noticed similar designs in the visual update proposal of the ListView GridView and the Pull Request of the ComboBox.
This is a big difference from the current version of WinUI, and if Edge represents the direction Fluent Design is taking, then the WinUI community should align these specifications.

Please forgive me if I don't speak well, I don't live in an English speaking country.

Screenshots

QQ截图20210121102130
Windows-10-VPN-design-mockups

Related Links

Discussion - Updating our interface with Fluent touches Reply from MissyQ who works in MS

Proposal: Update the designs of ListView and GridView #3544
Combobox visual updates #3938
Proposal: Consistent Acrylic #3583

@jordan-msftfan jordan-msftfan added the discussion General discussion label Jan 21, 2021
@ghost ghost added the needs-triage Issue needs to be triaged by the area owners label Jan 21, 2021
@mdtauk
Copy link
Contributor

mdtauk commented Jan 21, 2021

WinUI is moving closer to Edge with the Grid and List View changes being introduced.

The Windows 10X settings app has started moving to the more modern WinUI visual look also, not sure when it will make its way to Windows 10 however. It is on 10X and Hololens right now.

image

@jordan-msftfan
Copy link
Author

jordan-msftfan commented Jan 21, 2021

They may overhaul the Windows 10 Settings App in the rumored "Sun Valley".

Beyond that, it's good to hear that WinUI design specifications are moving closer to Edge.
I haven't seen any news about the change to Navigation View yet (in WinUI3), but I think it will happen in the future.
The current Navigation View is outdated by design, for the most part, it cannot give Windows 10 modern appeal.

However, there is currently not enough information to support the Navigation View will get closer to Edge. For example, in the new Alarms and Clock app UI (#3817 ), Microsoft will still use the existing Navigation View.

So it brings some questions:

  1. If the Navigation View gets an update which be closer to the Edge.
  • Assume that Acrylic and Reveal have been implemented in WinUI3, whether or not the Navigation View will be always used in acrylic like in the current Windows 10 Settings App?

For the Reveal effect and in proposal Focus Visual, it is easy to think of their actual implementation effect. However, it seems that the Navigation View of edge is not designed for Acrylic at the very beginning.

  1. If the navigation view will be improve in other ways.
  • Does this introduce inconsistency, assuming that the existing Edge design is the new Fluent specification?
  • As i mention before, it cannot give Windows 10 modern appeal.

@beervoley beervoley added area-NavigationView NavView control team-Controls Issue for the Controls team and removed needs-triage Issue needs to be triaged by the area owners labels Jan 21, 2021
@mdtauk
Copy link
Contributor

mdtauk commented Jan 22, 2021

I just submitted a proposal for changes to this design, so please feel free to add your thoughts to it, and lets see if Microsoft take any of them on-board when they check in work on this control. #3999

@microsoft microsoft locked and limited conversation to collaborators Jul 22, 2022
@ranjeshj ranjeshj converted this issue into discussion #7475 Jul 22, 2022

This issue was moved to a discussion.

You can continue the conversation there. Go to discussion →

Labels
area-NavigationView NavView control discussion General discussion team-Controls Issue for the Controls team
Projects
None yet
Development

No branches or pull requests

3 participants