wireframes
| Image | Description |
|---|---|
 |
First screen of the out-of-box experience. This is the first page the user will see after installing the extension for the first time. Users are prompted to select a pre-defined theme or Skip to use the default. |
 |
Second screen of the of the out-of-box experience. Users are prompted to select a pre-defined page layout or Skip to use the default. |
| Image | Description |
|---|---|
 |
After the OOBE flow, users are brought to the homepage. This page will use their chosen layout, pictured here as a clock and search bar. |
 |
The same page with the menu opened by pressing the Options button in the top-right corner. Users may navigate to sub-menus (not represented here) using a tab bar. |
| Image | Description |
|---|---|
 |
The homepage in Edit mode, activated by pressing the Edit button the top-right corner. A grid appears in the background, and the user is presented with a list of Widgets in the menu. |
 |
One of the Widgets is dragged from the menu onto the grid. The Widget has edge indicators that suggest it can be moved and resized. Additionally, a Delete button appears that can be used to remove the Widget. |