diff --git a/assets/images/first-use/info-big.png b/assets/images/first-use/info-big.png index 641c98f..a85af97 100644 Binary files a/assets/images/first-use/info-big.png and b/assets/images/first-use/info-big.png differ diff --git a/assets/images/first-use/info.png b/assets/images/first-use/info.png index d6a13ec..552cdb9 100644 Binary files a/assets/images/first-use/info.png and b/assets/images/first-use/info.png differ diff --git a/assets/images/first-use/info@2x.png b/assets/images/first-use/info@2x.png index 7d7813e..02a2874 100644 Binary files a/assets/images/first-use/info@2x.png and b/assets/images/first-use/info@2x.png differ diff --git a/assets/images/first-use/storage-amount-big.png b/assets/images/first-use/storage-amount-big.png index c35f2f7..9a41934 100644 Binary files a/assets/images/first-use/storage-amount-big.png and b/assets/images/first-use/storage-amount-big.png differ diff --git a/assets/images/first-use/storage-amount.png b/assets/images/first-use/storage-amount.png index 7777c14..bb1e33a 100644 Binary files a/assets/images/first-use/storage-amount.png and b/assets/images/first-use/storage-amount.png differ diff --git a/assets/images/first-use/storage-amount@2x.png b/assets/images/first-use/storage-amount@2x.png index d665126..fc6c6fb 100644 Binary files a/assets/images/first-use/storage-amount@2x.png and b/assets/images/first-use/storage-amount@2x.png differ diff --git a/assets/images/first-use/storage-location-big.png b/assets/images/first-use/storage-location-big.png index 686599b..47d1b09 100644 Binary files a/assets/images/first-use/storage-location-big.png and b/assets/images/first-use/storage-location-big.png differ diff --git a/assets/images/first-use/storage-location.png b/assets/images/first-use/storage-location.png index c4d5a3f..b5184b7 100644 Binary files a/assets/images/first-use/storage-location.png and b/assets/images/first-use/storage-location.png differ diff --git a/assets/images/first-use/storage-location@2x.png b/assets/images/first-use/storage-location@2x.png index c1fec56..85874a9 100644 Binary files a/assets/images/first-use/storage-location@2x.png and b/assets/images/first-use/storage-location@2x.png differ diff --git a/pages/.obsidian/workspace.json b/pages/.obsidian/workspace.json new file mode 100644 index 0000000..b17ce33 --- /dev/null +++ b/pages/.obsidian/workspace.json @@ -0,0 +1,170 @@ +{ + "main": { + "id": "b7db52f6f0902394", + "type": "split", + "children": [ + { + "id": "c2ab5b412f65104f", + "type": "tabs", + "children": [ + { + "id": "ec88550e79cdbbb8", + "type": "leaf", + "state": { + "type": "markdown", + "state": { + "file": "first-use.md", + "mode": "source", + "source": false + } + } + }, + { + "id": "87eb7f85b9cb1f15", + "type": "leaf", + "state": { + "type": "markdown", + "state": { + "file": "milestones/1-4-create.md", + "mode": "source", + "source": false + } + } + } + ] + } + ], + "direction": "vertical" + }, + "left": { + "id": "fd679c0a05c872ee", + "type": "split", + "children": [ + { + "id": "56c3f3a52e5f8d1a", + "type": "tabs", + "children": [ + { + "id": "ef8deb506812e880", + "type": "leaf", + "state": { + "type": "file-explorer", + "state": { + "sortOrder": "alphabetical" + } + } + }, + { + "id": "ccf97296a416d13f", + "type": "leaf", + "state": { + "type": "search", + "state": { + "query": "", + "matchingCase": false, + "explainSearch": false, + "collapseAll": false, + "extraContext": false, + "sortOrder": "alphabetical" + } + } + }, + { + "id": "0d41ae8ac07f9e76", + "type": "leaf", + "state": { + "type": "bookmarks", + "state": {} + } + } + ] + } + ], + "direction": "horizontal", + "width": 300 + }, + "right": { + "id": "919f73f4dcf30753", + "type": "split", + "children": [ + { + "id": "856f163cf10f63cf", + "type": "tabs", + "children": [ + { + "id": "4d2ecf84dfeb39a2", + "type": "leaf", + "state": { + "type": "backlink", + "state": { + "file": "first-use.md", + "collapseAll": false, + "extraContext": false, + "sortOrder": "alphabetical", + "showSearch": false, + "searchQuery": "", + "backlinkCollapsed": false, + "unlinkedCollapsed": true + } + } + }, + { + "id": "662ddb846a21d51f", + "type": "leaf", + "state": { + "type": "outgoing-link", + "state": { + "file": "first-use.md", + "linksCollapsed": false, + "unlinkedCollapsed": true + } + } + }, + { + "id": "f3dc0a090c1b2f76", + "type": "leaf", + "state": { + "type": "tag", + "state": { + "sortOrder": "frequency", + "useHierarchy": true + } + } + }, + { + "id": "360162ae0856cd93", + "type": "leaf", + "state": { + "type": "outline", + "state": { + "file": "first-use.md" + } + } + } + ] + } + ], + "direction": "horizontal", + "width": 300, + "collapsed": true + }, + "left-ribbon": { + "hiddenItems": { + "switcher:Open quick switcher": false, + "graph:Open graph view": false, + "canvas:Create new canvas": false, + "daily-notes:Open today's daily note": false, + "templates:Insert template": false, + "command-palette:Open command palette": false + } + }, + "active": "ec88550e79cdbbb8", + "lastOpenFiles": [ + "milestones/1-4-create.md", + "first-use.md", + "block-clock.md", + "accessibility.md", + "milestones/1.md", + "milestones/1-x.md" + ] +} \ No newline at end of file diff --git a/pages/first-use.md b/pages/first-use.md index dc0d3e5..db6fabf 100644 --- a/pages/first-use.md +++ b/pages/first-use.md @@ -33,16 +33,7 @@ Ideally, users already clearly understand the application benefits and unique fe Since the application requires a lot of storage, we may want to offer users some simple options, particularly on smart phones. Ideally, the application detects available drives and space, and makes an appropriate recommendation that the user only needs to confirm. -{% include picture.html - image = "/assets/images/first-use/storage-location.png" - retina = "/assets/images/first-use/storage-location@2x.png" - big = "/assets/images/first-use/storage-location-big.png" - alt-text = "Screen for choosing default or custom storage location" - width = 800 - height = 417 -%} - -This where the user chooses between pruning and storing all downloaded blocks. They also have the option to customize the maximum amount of storage to use. Also see [storage settings]({{ '/settings/storage/' | relative_url }}). +First, the user chooses between pruning and storing all downloaded blocks. They also have the option to customize the maximum amount of storage to use. Also see [storage settings]({{ '/settings/storage/' | relative_url }}). {% include picture.html image = "/assets/images/first-use/storage-amount.png" @@ -53,28 +44,15 @@ This where the user chooses between pruning and storing all downloaded blocks. T height = 417 %} -The first use ends with the initial block download. It's a time-consuming activity that users are typically not familiar with from other applications. The following screen ensures that they understand what will happen next, when they will navigate the application independently. - -Bandwidth may also be limited or expensive for the user, particularly on mobile. The initial block download is particularly problematic, so we may want to ensure that users are guided towards the best option. Also see [connection settings]({{ '/settings/connection/' | relative_url }}). +Then the user decides where to keep downloaded data. They can easily choose desired storage location if the default one is not preferred or has not enough space available. {% include picture.html - image = "/assets/images/first-use/ibd-and-connection.png" - retina = "/assets/images/first-use/ibd-and-connection@2x.png" - big = "/assets/images/first-use/ibd-and-connection-big.png" - alt-text = "Screen that prepares the user for the initial block download, as well as connection settings" + image = "/assets/images/first-use/storage-location.png" + retina = "/assets/images/first-use/storage-location@2x.png" + big = "/assets/images/first-use/storage-location-big.png" + alt-text = "Screen for choosing default or custom storage location" width = 800 height = 417 %} -On Android, a persistent system notification is required to prevent the operating system from pausing the node. This screen explains that to users and prepares them for making an informed decision about accepting or rejecting notification permissions. "Enable" then presents the user with the OS permission request. This can be changed later in OS settings (not in application settings). - -{% include picture.html - image = "/assets/images/first-use/notifications.png" - retina = "/assets/images/first-use/notifications@2x.png" - big = "/assets/images/first-use/notifications-big.png" - alt-text = "Screen explaining the rationale and use of notifications" - width = 800 - height = 551 -%} -After these onboarding steps, users are navigated to the [block clock]({{ '/block-clock/' | relative_url }}), which then connects to the network and starts the initial block download. \ No newline at end of file diff --git a/pages/milestones/1-4-create.md b/pages/milestones/1-4-create.md index 7bbc640..e9bb165 100644 --- a/pages/milestones/1-4-create.md +++ b/pages/milestones/1-4-create.md @@ -45,3 +45,38 @@ Below is an iteration of the wallet creation flow, including single-key, multi-k height = 415 %} + + + + + + + +--- + +The first use ends with the initial block download. It's a time-consuming activity that users are typically not familiar with from other applications. The following screen ensures that they understand what will happen next, when they will navigate the application independently. + +Bandwidth may also be limited or expensive for the user, particularly on mobile. The initial block download is particularly problematic, so we may want to ensure that users are guided towards the best option. Also see [connection settings]({{ '/settings/connection/' | relative_url }}). + +{% include picture.html + image = "/assets/images/first-use/ibd-and-connection.png" + retina = "/assets/images/first-use/ibd-and-connection@2x.png" + big = "/assets/images/first-use/ibd-and-connection-big.png" + alt-text = "Screen that prepares the user for the initial block download, as well as connection settings" + width = 800 + height = 417 +%} + +On Android, a persistent system notification is required to prevent the operating system from pausing the node. This screen explains that to users and prepares them for making an informed decision about accepting or rejecting notification permissions. "Enable" then presents the user with the OS permission request. This can be changed later in OS settings (not in application settings). + +{% include picture.html + image = "/assets/images/first-use/notifications.png" + retina = "/assets/images/first-use/notifications@2x.png" + big = "/assets/images/first-use/notifications-big.png" + alt-text = "Screen explaining the rationale and use of notifications" + width = 800 + height = 551 +%} + +After these onboarding steps, users are navigated to the [block clock]({{ '/block-clock/' | relative_url }}), which then connects to the network and starts the initial block download. +