Windows 10: UI/UX Design

Jason Roy1 · Aug 19, 2022

Hi Guys, I'm a newbie here and don't know either this is a right forum to post or not. Admin you can remove my post if it is against any rule. Well, I'm working on a web project and for this I need ui/ux design services providing team. As ui/ux team works alongside the frontend services team, so, should I outsource my project or hire the both team? Please suggest me the best solutions.

:)

Selvamax · Aug 19, 2022

Why no UI and UX design improvement for Next Gen ?

Hi Microsoft,

I love Windows more than Mac but in design and easy of use, Mac outperform Windows for me. Last few years I have used Mac as my primary system and just now switched to Windows 10. Still windows UI and UX are not good and moreover icons are still from Vista
(my first laptop).

What Windows 10 lacks

1. Beautiful designed apps like in Mac (to be frank, I have no gud email app in windows 10)

2. Oldest apps are still looking same and used as main apps

3. Confusing multi-screen/multi-window

4. Proper and beautiful icons

5. Apps sizing and alignment

6. Perfect fast file searching option (Cortana is slow and offline search should be improved)

What Windows 10 should improve

1. Outdated task bar, outdated right click, outdated quick tray, unused right-side notification bar

2. Please redesign Explorer for this generation

3. Please redesign settings panel and remove old control panel

4. Hide dll and make it as an app like Mac & Linux

5. Redesign My Computer like Finder

6. Remove un needed options

7. Mainly redesign UI and UX for current and future generations.

Yamcha67 · Aug 19, 2022

When are we going to see UI/UX consistency in Windows 10?

When are we going to see UI/UX consistency in Windows 10? I've been a Windows Insider for a while, but I'm not seeing any major changes in the UI/UX direction. We still see a lack of consistency across native apps, even the ones in preview, and that concerns
me because it looks like they are headed in the wrong direction again. You can compare apps like To-Do, Groove, News, Weather & Photos, and you get the impression that each is designed by a completely different person. It's as if you guys have got a different
team for each app, and this is why we see a lack of consistency across the board. It appears to be a different designer's take on Fluent every time, and it looks inconsistent.

I've attached screenshots to illustrate this example, but I hope Microsoft is listening to this sort of advice because changes are needed. Consistency would make Windows a much easier platform to use, and it also helps give the user a great experience. It
makes it easier for all users to understand where things are, and help recognize native apps. As you can probably notice in the screenshots below, we've got completely different attempts at Fluent design and not much cohesion at all.

Menu styles are all over the place (Different icon colours & navigation)

The News app has a red section and hidden navigation menu by default

No fluent transparency across the board

Some search boxes have rounded corners, but others are squared off

There's so much more that I could highlight, but that would be very time-consuming. I'm sure people get the gist of the post, and hopefully, we see these sorts of changes in the upcoming insider fast ring. I've seen the Start Menu leak from Panos Panay,
but it was a render, and it doesn't seem to reflect the apps that are in current development. There needs to be a sense of cohesion and consistency across the board. I understand that not all apps can look the same given the content and goals of each app are
going to be different, but these native apps should fit together.

Brink · Aug 19, 2022

A preview of UX and UI changes in Visual Studio 2019

Over the years, we’ve learned that sharing the evolution of Visual Studio, with you – our users – early and often helps us to deliver the best possible experience for our community. We’re excited to share today that, as part of the development of Visual Studio 2019, we’ve been looking to refresh our theme, update our product icon and splash screens, and help you get to your code faster. I’d like to walk you through our thinking behind the changes and show off the resulting user experience that you’ll encounter every day. By leaving a comment below or suggesting a feature (or reporting a bug!) in Developer Community, you have a chance to provide input into the design of the product, early in the process.

Updating our product icon

Visual Studio 2017 icon (left) and the new Visual Studio 2019 icon (right)

The first change you might notice is the refresh of our product and preview icons. We work on improving our icons for each release of Visual Studio so that you can quickly spot which version of Visual Studio you’re opening and using. We caught some usability issues around the style of the icon in the early stages of releasing Visual Studio 2017 and we’re focused on addressing these issues for Visual Studio 2019.

One thing that came up was that the current icon’s flat style rendered it almost invisible against a background with a similar color. By adopting the Fluent Design System approach to depth, lighting, and materials, we’ve visually enhanced the icon so that it’s much more visible against a variety of backgrounds.

The new Visual Studio 2019 icon in the taskbar and start menu

We’re always learning about new situations and environments where the Visual Studio logo might appear. We keep improving its legibility, reducing the chance that it will get lost on a similar-colored background.

The Visual Studio 2019 release icon (left) next to the Visual Studio 2019 Preview icon (right)

Another challenge we faced was the difference between a Preview and final RTM version of Visual Studio. Our product icon is the obvious way for us to be able to communicate this difference, but this proved difficult with the Visual Studio 2017 icon set. For Visual Studio 2017, the icon was designed to be a part of the large Visual Studio Family. The method we used was to align all our icons with a consistent “ribbon” down the right side. However, this left less space for the identifying mark that distinguished the apps from one another.

For Visual Studio 2019, we started by removing any extra parts of the icon. We wanted to focus on the most recognizable element of the Visual Studio logo: namely, the infinity loop.

We increased the size of the infinity loop, which gave us more room and opportunity to show the difference between the Preview and Release icons. We’ve also taken a bolder approach to how we represent the Preview. By breaking the icon shape in a few places, we’ve maintained the overall shape of the Visual Studio icon. But we’re showing a distinct and accessible difference at the same time, suggesting a complete (if not production-ready) preview.

We’re working on a similar approach for the new Visual Studio for Mac icon that will debut in forthcoming Previews.

Easier to launch your code

start window for Visual Studio for Mac (left) and Visual Studio (right)

Through research and observation, we identified opportunities to simplify the choices that you must make during the most crucial steps of getting started with Visual Studio. We realized we needed to remove what we call “off-ramps” from the experience and provide you with the best paths forward to your code.

Whether you’re new to Visual Studio or a seasoned Visual Studio developer, the new start window gives you rapid access to the most common ways that developers access their code: cloning or checking out code, opening a project or solution, opening a local folder on PC, and creating a new project.

We know how important the list of recent projects and folders from the current IDE Start Page in Visual Studio 2017 is for you (more than 90 percent of you who use the Start Page also use the recent project lists), so we made sure to maintain its position as a focal point in the experience.

You’ll also find a new, streamlined, Git-first workflow that lets you clone public Git repos with just a few clicks.

Finally, we also reimagined the experience of creating a new project, with a new list of the most popular templates and improved search and filter capabilities. With the new design and step-by-step approach for selecting a template and configuring it, we believe that we have made it less overwhelming so that you can focus on a single decision at a time. You will also be able to explore other languages, platforms, and project types that Visual Studio supports and eventually be able to install them right from there.

A refreshed blue theme

The refreshed blue theme (left) next to the current blue theme (right)

One of the most noticeable visual impacts you may see when you run Visual Studio 2019 is our updated blue theme. More than half of you use the blue theme, but it’s looked the same since Visual studio 2012. We focused our changes around a desire to declutter the Visual Studio UI. By softening the edges around our icon buttons and toolbars, as well as tool-windows, we can bring forward the focus of what you’re working on. We’ve made small changes across the whole UI, which add up to a cleaner interface while still meeting our accessibility standards. We started with the blue theme so that we can get these updates in front of you, learn from your feedback, and then apply it across our other themes.

Productivity at your fingertips

The current commanding space (top) and the simplified version for Visual Studio 2019 (bottom)

Looking for opportunities to broaden the focus of the code and remove clutter, we started with the vertical space. By removing the title bar, we took the opportunity to reassess the uppermost layout of Visual Studio without drastically changing your workflow. We have moved the search UI to increase discoverability. With the upcoming preview releases and updates, you’ll find that search in Visual Studio 2019 is more powerful and accurate.

We now have a focused location for team collaboration using Live Share in the title bar. Grouped together close to the user account signed in to Visual Studio, it’s now easier to see who you’re collaborating with. This is built into all editions of Visual Studio. We’ve also taken the time to clean up the default iconography to align it better with Windows.

These small changes allow us to reclaim vital space in the IDE … allowing for larger tool windows, more space for your code, and faster access … to the tools and commands that matter to you.

Noticeable notifications

The new location, style, and icon for notifications for Visual Studio 2019. Coming in future Previews.

Early next year, one of our Preview releases will include an update to the notifications UI. Through conversations with you, we’ve heard that the current notifications location, icon, and states have been unclear to you for some time. To tackle this, we’re moving the entry point for notifications to the status bar at the bottom of the IDE. This new position avoids disruptive UI breaking your concentration, but sets us up for displaying messages from a variety of different services (from the status of a Live Share to a Pull Request comment) in the future. We’re also updating the icon from a flag to a bell, based on your comments.

An ongoing conversation

We’re excited to share these changes that we’ve been working on with you, and we’d love to hear your thoughts about our new designs, so please leave a comment below. You can also suggest a feature or file a bug in our Developer Community. We want to make Visual Studio better with every update and your feedback is critical.

Jamie Young,
Group Principal Design Manager
Click to expand...

Source: A preview of UX and UI changes in Visual Studio 2019 | The Visual Studio Blog

Windows 10: UI/UX Design

UI/UX Design

UI/UX Design

UI/UX Design

UI/UX Design - Similar Threads - Design

Why is windows design so flawed that a wifi card stops using internet traffic after 5...

Why is windows design so flawed that a wifi card stops using internet traffic after 5...

Can Windows 12 have a new file explorer design

Can Windows 12 have a new file explorer design

How can I add a custom designed emoticon on my list of choice?

How can I add a custom designed emoticon on my list of choice?

Designer: the restyle option is gone

Designer: the restyle option is gone

Designer: the restyle option is gone