Changes between Version 13 and Version 14 of Shell/Design/0.2
- Timestamp:
- Oct 30, 2015, 12:35:23 PM (8 years ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
Shell/Design/0.2
v13 v14 5 5 The homescreen shows icons for all pinned web apps. 6 6 7 [[Image(homescreen.png)]] 8 9 == Homescreen Search == 10 11 The search bar shows results as you type. Apps are ordered by manifest URL frecency, pages are ordered by URL frecency, search suggestions are shown for the default search engine and there are also entries for any other installed Open Search providers. 12 13 [[Image(homescreen_search.png)]] 7 [[Image(homescreen.2.png)]] 14 8 15 9 == New Browser Tab == … … 17 11 The browser app is a catch-all app for pages which don't belong to a pinned web app. Browser tabs have browser chrome. 18 12 19 [[Image( browser_newtab.png)]]13 [[Image(new_tab.png)]] 20 14 21 15 == Browser Tab Loading == 22 16 23 Browser tabs have a distinct light theme to differentiate them from app tabs.17 The URL bar has a combined go/stop/refresh button. 24 18 25 [[Image( browser_loading.png)]]19 [[Image(loading.png)]] 26 20 27 21 == Browser Tab Loaded == 28 22 29 The URL bar has a combined go/stop/refresh button. 23 [[Image(loaded.png)]] 30 24 31 [[Image(browser_loaded.png)]] 25 == Pin Web App == 32 26 33 == Browser Menu == 27 Any web app or website can be pinned so that it's opened in its own pinned tab. If a [http://w3c.github.io/manifest/ W3C Web App Manifest] is provided it will be used. 34 28 35 The browser menu provides contextual functions like pinning the current page or current app. 29 [[Image(pin.png)]] 36 30 37 [[Image(browser_menu.png)]] 31 == Pinned Tab == 38 32 39 == Pin App == 40 41 If a [http://w3c.github.io/manifest/ Web App Manifest] is detected for the current page, the user will be informed that current page is part of a web app they can pin. 42 43 [[Image(pin_app.png)]] 44 45 == Browser Search == 46 47 Typing into the URL bar of a browser tabs shows the same universal search results as homescreen search. 48 49 [[Image(browser_search.png)]] 50 51 == App Window == 52 53 Pinned apps open in app window. The tabs bar and navigation chrome are collapsed by default. 54 55 [[Image(app_window.png)]] 56 57 == App Tab == 58 59 Hovering over the top edge of an app window will reveal the tabs bar. 60 61 [[Image(app_tab.png)]] 62 63 == App Tabs == 64 65 App windows can have multiple tabs for any pages within the scope of the pinned app. 66 67 [[Image(app_tabs.png)]] 68 69 == App Chrome == 70 71 Web apps which specify the minimal-ui display mode in their manifest have back and forward buttons which can be revealed by hovering over the left and right edges of the window when available. 72 73 [[Image(app_back_button.png)]] 33 [[Image(pinned.png)]] 74 34 75 35 == Homescreen with Open Apps == 76 36 77 When the user returns to the homescreen open apps are represented by their app icons at the bottom of the screen.37 When the user returns to the homescreen open web apps are represented by their app icons at the bottom of the screen. 78 38 79 [[Image(homescreen_with_open_apps.png)]] 80 81 == Task Manager == 82 83 The task manager shows the pages of each app pinned together with an app pin. 84 85 [[Image(task_manager.png)]] 39 [[Image(homescreen2.png)]]