{"id":34035,"date":"2024-04-26T15:11:38","date_gmt":"2024-04-26T15:11:38","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/cppblog\/?p=34035"},"modified":"2024-04-26T09:13:37","modified_gmt":"2024-04-26T09:13:37","slug":"usability-improvements-in-the-visual-studio-connection-manager","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/cppblog\/usability-improvements-in-the-visual-studio-connection-manager\/","title":{"rendered":"Usability Improvements in the Visual Studio Connection Manager"},"content":{"rendered":"

In Visual Studio 2022 17.10 Preview 2, we\u2019ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and\/or debugging failed connections. Please <\/span>install the latest Preview<\/span><\/a> to try it out. Read on to learn what the Connection Manager does, and which issues that we resolved.<\/span>\u00a0<\/span><\/p>\n

What is the Connection Manager?<\/span>\u00a0<\/span><\/h2>\n

The Connection Manager is a tool in Visual Studio that allows users to manage and store SSH connections to remote systems. You can add new connections, edit existing connections, and set the default remote connection. Follow this link to learn how to use the Connection Manager to <\/span>connect to your target Linux system in Visual Studio<\/span><\/a>.<\/span>\u00a0<\/span><\/p>\n

\"Screenshot<\/a><\/p>\n

Prior User Feedback<\/span><\/h2>\n

The key issues we addressed came from feedback on\u00a0the <\/span>Connect to Remote System<\/span><\/b> dialog shown below, which you can access by clicking <\/span>Add <\/span><\/b>to add a new connection or <\/span>Edit <\/span><\/b>to edit an existing connection.<\/span>\u00a0<\/span><\/p>\n

\"Screenshot<\/a><\/span><\/p>\n

First, we received feedback that our UI didn\u2019t make it clear what fields were actually required. Passwords and passphrases weren\u2019t required but were marked as such. Additionally, the user could click <\/span>Connect<\/span><\/b> without the required fields being completed.<\/span>\u00a0<\/span><\/p>\n

We also wanted to address feedback on how we had displayed failed connection errors to users, as shown below.<\/span>\u00a0<\/span><\/p>\n

\"Screenshot<\/a><\/span><\/p>\n

On a failed connection attempt, it was unclear to users what the error was because the error messages were somewhat hidden and multiple fields needed to be edited to hit <\/span>Connect <\/span><\/b>again<\/span>\u00a0<\/span><\/b>even if they weren\u2019t all incorrect.\u00a0<\/span>\u00a0<\/span><\/p>\n

Usability Updates to the Connection Manager<\/span>\u00a0<\/span><\/h2>\n

To address the issues above, we made a few improvements to the <\/span>Connect to Remote System<\/span><\/b> dialog. Firstly, we replaced the asterisks with \u201c<Required>\u201d watermarks and corrected which fields were marked required, which can be seen below.<\/span>\u00a0<\/span><\/p>\n

\"Screenshot<\/a><\/span><\/p>\n

Notice that the <\/span>Connect<\/span><\/b> button is disabled in the above screenshot. This is because the user must now complete all the required fields before they can click the Connect button. We hope to prevent common connection failures with this update. On top of completion, the <\/span>Port<\/span><\/b> and<\/span> Proxy Port<\/span><\/b> fields must each contain an integer between 1 and 65535 to enable the <\/span>Connect<\/span><\/b> button as shown below.<\/span>\u00a0<\/span><\/p>\n

\"Screenshot<\/a><\/span><\/p>\n

We also updated how we display errors from failed connection attempts to users as seen in the screenshot below.<\/span>\u00a0<\/span><\/p>\n

\"Screenshot<\/a><\/span><\/p>\n

Now we present the connection attempt failure reason in an error bar above the fields. We highlight the fields that <\/span>may<\/span><\/i> be related to the failure reason and convey that the field may be incorrect in the highlighted fields\u2019 tooltips and now additionally above each highlighted field too. We also eliminated the frustration of needing to modify the highlighted fields to be able to hit the <\/span>Connect<\/span><\/b> button again, so that the user can decide what fields they need to fix.\u00a0<\/span>\u00a0<\/span><\/p>\n

Finally, as a finishing touch we updated all the fields to visually behave similarly on hover, focus, etc.<\/span>\u00a0<\/span><\/p>\n

Let Us Know How We Did<\/span>\u00a0<\/span><\/h2>\n

We appreciate all feedback! These usability improvements came about from reported issues and suggestions from users like you. You can share your feedback via the <\/span>Visual Studio Developer Community<\/span><\/a>, find us on X (<\/span>@VisualC<\/span><\/a>), email us at <\/span>visualcpp@microsoft.com<\/span><\/a>, or comment below. You can also open bugs by following the instructions <\/span>here<\/span><\/a>.<\/span>\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

In Visual Studio 2022 17.10 Preview 2, we\u2019ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and\/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection Manager does, […]<\/p>\n","protected":false},"author":156221,"featured_media":35994,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[3942,185],"class_list":["post-34035","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cplusplus","tag-connection-manager","tag-visual-studio"],"acf":[],"blog_post_summary":"

In Visual Studio 2022 17.10 Preview 2, we\u2019ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and\/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection Manager does, […]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/cppblog\/wp-json\/wp\/v2\/posts\/34035","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/cppblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/cppblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/cppblog\/wp-json\/wp\/v2\/users\/156221"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/cppblog\/wp-json\/wp\/v2\/comments?post=34035"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/cppblog\/wp-json\/wp\/v2\/posts\/34035\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/cppblog\/wp-json\/wp\/v2\/media\/35994"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/cppblog\/wp-json\/wp\/v2\/media?parent=34035"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/cppblog\/wp-json\/wp\/v2\/categories?post=34035"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/cppblog\/wp-json\/wp\/v2\/tags?post=34035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}