added images - save flow

This commit is contained in:
Paolo Matarazzo
2023-09-05 13:57:22 -04:00
parent 1a5d4abe53
commit f25502a310
6 changed files with 129 additions and 17 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 417 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 230 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 131 KiB

After

Width:  |  Height:  |  Size: 69 KiB

View File

@ -26,14 +26,6 @@ Windows provides a native experience for passkey management starting in Windows
The general steps to create a passkey are the same, regardless of *where* you want to store it:
1. Go to a website or app that supports passkeys
1. Create a passkey from your account settings
- Locally on your Windows device, protected by Windows Hello (biometrics and PIN). This is the default option, if you're using a Windows device with Windows Hello or Windows Hello for Business enabled
- On a phone or tablet, protected by the device's biometrics, if offered by the device. This option requires you to scan a QR code with your phone or tablet
- To a *linked* device (typically a phone or tablet), protected by the device's biometrics, if offered by the device. This option requires the linked device to be connected via Bluetooth to the Windows device
- On a security key (FIDO2 key), protected by the key's biometrics, if offered by the key
:::row:::
:::column span="3":::
1. Go to a website or app that supports passkeys
@ -50,12 +42,13 @@ The general steps to create a passkey are the same, regardless of *where* you wa
:::row-end:::
:::row:::
:::column span="3":::
3. Choose where to save the passkey. By default, Windows prompts to save the passkey locally if you're using Windows Hello or Windows Hello for Business. If you select the option **Use another device**, you can choose to save the passkey on one of the following locations:
3. Choose where to save the passkey and select **Next**. By default, Windows prompts to save the passkey locally if you're using Windows Hello or Windows Hello for Business. If you select the option **Use another device**, you can choose to save the passkey on one of the following locations:
- **This Windows device** - the passkey is saved locally on your Windows device, and protected by Windows Hello (biometrics and PIN)
- **iPhone, iPad or Android device** - the passkey is stored on a phone or tablet, protected by the device's biometrics, if offered by the device. This option requires you to scan a QR code with your phone or tablet
- **linked device** - the key is stored on a *linked* device typically a phone or tablet, protected by the device's biometrics, if offered by the device. This option requires the linked device to be connected via Bluetooth to the Windows device
- **Security key** - the passkey is saved to a security key (FIDO2 key), protected by the key's biometrics, if offered by the key
:::column-end:::
:::column span="1":::
:::image type="content" source="images/save-passkey.png" alt-text="Screenshot showing the passkey save dialog prompting the user to pick a location." lightbox="images/save-passkey.png" border="false":::
@ -68,7 +61,26 @@ Select one of the following options to learn how to save a passkey, based on whe
:::row:::
:::column span="3":::
4. Select **Save** to save the passkey
4. Select a Windows Hello verification method
:::column-end:::
:::column span="1":::
:::image type="content" source="images/save-passkey-hello.png" alt-text="Screenshot prompting the user to pick a Windows Hello verification method." lightbox="images/save-passkey-hello.png" border="false":::
:::column-end:::
:::row-end:::
:::row:::
:::column span="3":::
5. The passkey is saved to your Windows device. To confirm select **OK**
:::column-end:::
:::column span="1":::
:::image type="content" source="images/save-passkey-hello-confirmation.png" alt-text="Screenshot confirming that the passkey is saved to the Windows device" lightbox="images/save-passkey-hello-confirmation.png" border="false":::
:::column-end:::
:::row-end:::
#### [**Phone or tablet**](#tab/mobile)
:::row:::
:::column span="3":::
4. Select a Windows Hello unlock option
:::column-end:::
:::column span="1":::
:::image type="content" source="images/save-passkey-hello.png" alt-text="Screenshot showing the passkey save dialog prompting the user to pick a location." lightbox="images/save-passkey-hello.png" border="false":::
@ -76,19 +88,51 @@ Select one of the following options to learn how to save a passkey, based on whe
:::row-end:::
:::row:::
:::column span="3":::
5. Confirmation screen
5. The passkey is saved to your Windows device. To confirm select **OK**
:::column-end:::
:::column span="1":::
:::image type="content" source="images/save-passkey-hello-confirmation.png" alt-text="Screenshot confirming that the passkey is saved to the linked device." lightbox="images/save-passkey-hello-confirmation.png" border="false":::
:::column-end:::
:::row-end:::
#### [**Linked device**](#tab/linked)
:::row:::
:::column span="3":::
4. Select the linked device option and confirm the notification sent to the device
:::column-end:::
:::column span="1":::
:::image type="content" source="images/linked-device-connect.png" alt-text="Screenshot showing the passkey save dialog connecting to a linked device." lightbox="images/linked-device-connect.png" border="false":::
:::column-end:::
:::row-end:::
:::row:::
:::column span="3":::
5. The passkey is saved to your linked device. To confirm select **OK**
:::column-end:::
:::column span="1":::
:::image type="content" source="images/save-passkey-linked-device.png" alt-text="Screenshot confirming that the passkey is saved to the linked device." lightbox="images/save-passkey-linked-device.png" border="false":::
:::column-end:::
:::row-end:::
#### [**Security key**](#tab/key)
:::row:::
:::column span="3":::
4. Select a Windows Hello unlock option
:::column-end:::
:::column span="1":::
:::image type="content" source="images/save-passkey-hello.png" alt-text="Screenshot showing the passkey save dialog prompting the user to pick a location." lightbox="images/save-passkey-hello.png" border="false":::
:::column-end:::
:::row-end:::
:::row:::
:::column span="3":::
5. The passkey is saved to your Windows device. Confirm by selecting **OK**
:::column-end:::
:::column span="1":::
:::image type="content" source="images/save-passkey-hello-confirmation.png" alt-text="Screenshot showing the passkey save dialog prompting the user to pick a location." lightbox="images/save-passkey-hello-confirmation.png" border="false":::
:::column-end:::
:::row-end:::
#### [**Phone or tablet**](#tab/mobile)
#### [**Linked device**](#tab/linked)
#### [**Security key**](#tab/key)
---
### Use a passkey
@ -130,12 +174,80 @@ Select one of the following options to learn how to save a passkey, based on whe
#### [**Windows device**](#tab/windows)
:::row:::
:::column span="3":::
4. Select a Windows Hello unlock option
:::column-end:::
:::column span="1":::
:::image type="content" source="images/save-passkey-hello.png" alt-text="Screenshot showing the passkey save dialog prompting the user to pick a location." lightbox="images/save-passkey-hello.png" border="false":::
:::column-end:::
:::row-end:::
:::row:::
:::column span="3":::
5. The passkey is saved to your Windows device. Confirm by selecting **OK**
:::column-end:::
:::column span="1":::
:::image type="content" source="images/save-passkey-hello-confirmation.png" alt-text="Screenshot showing the passkey save dialog prompting the user to pick a location." lightbox="images/save-passkey-hello-confirmation.png" border="false":::
:::column-end:::
:::row-end:::
#### [**Phone or tablet**](#tab/mobile)
:::row:::
:::column span="3":::
4. Select a Windows Hello unlock option
:::column-end:::
:::column span="1":::
:::image type="content" source="images/save-passkey-hello.png" alt-text="Screenshot showing the passkey save dialog prompting the user to pick a location." lightbox="images/save-passkey-hello.png" border="false":::
:::column-end:::
:::row-end:::
:::row:::
:::column span="3":::
5. The passkey is saved to your Windows device. Confirm by selecting **OK**
:::column-end:::
:::column span="1":::
:::image type="content" source="images/save-passkey-hello-confirmation.png" alt-text="Screenshot showing the passkey save dialog prompting the user to pick a location." lightbox="images/save-passkey-hello-confirmation.png" border="false":::
:::column-end:::
:::row-end:::
#### [**Linked device**](#tab/linked)
:::row:::
:::column span="3":::
4. Select a Windows Hello unlock option
:::column-end:::
:::column span="1":::
:::image type="content" source="images/save-passkey-hello.png" alt-text="Screenshot showing the passkey save dialog prompting the user to pick a location." lightbox="images/save-passkey-hello.png" border="false":::
:::column-end:::
:::row-end:::
:::row:::
:::column span="3":::
5. The passkey is saved to your Windows device. Confirm by selecting **OK**
:::column-end:::
:::column span="1":::
:::image type="content" source="images/save-passkey-hello-confirmation.png" alt-text="Screenshot showing the passkey save dialog prompting the user to pick a location." lightbox="images/save-passkey-hello-confirmation.png" border="false":::
:::column-end:::
:::row-end:::
#### [**Security key**](#tab/key)
:::row:::
:::column span="3":::
4. Select a Windows Hello unlock option
:::column-end:::
:::column span="1":::
:::image type="content" source="images/save-passkey-hello.png" alt-text="Screenshot showing the passkey save dialog prompting the user to pick a location." lightbox="images/save-passkey-hello.png" border="false":::
:::column-end:::
:::row-end:::
:::row:::
:::column span="3":::
5. The passkey is saved to your Windows device. Confirm by selecting **OK**
:::column-end:::
:::column span="1":::
:::image type="content" source="images/save-passkey-hello-confirmation.png" alt-text="Screenshot showing the passkey save dialog prompting the user to pick a location." lightbox="images/save-passkey-hello-confirmation.png" border="false":::
:::column-end:::
:::row-end:::
---
### Manage passkeys