Changes between Version 10 and Version 11 of Shell/Design/0.2


Ignore:
Timestamp:
Dec 18, 2014, 7:13:40 PM (4 years ago)
Author:
tola
Comment:

Added a new round of mockups

Legend:

Unmodified
Added
Removed
Modified
  • Shell/Design/0.2

    v10 v11  
    1 = Early Concepts =
     1= UI Mockups =
    22
    3 == Home grid ==
     3== Homescreen ==
    44
    5 [[Image(home_grid1.png)]]
    6 A grid of icons for installed apps and bookmarked web sites.
     5[[Image(homescreen.png)]]
    76
    8 [[Image(home_grid2.png)]]
    9 Icons representing open windows along the bottom.
     7== Homescreen Search ==
    108
    11 == Universal search ==
     9[[Image(homescreen_search.png)]]
    1210
    13 [[Image(universal_search1.png)]]
    14 Tapping the search box, the browser icon or the "+" button opens a new window with the universal search and URL bar focused.
     11== New Browser Tab ==
    1512
    16 [[Image(universal_search2.png)]]
    17 Results are displayed as you type. These include installed/bookmarked apps/sites, pages in your browsing history and links to search the web for your query. If the contents of the text field is a URL the search button turns into a go button and clicking it or hitting enter navigates to that URL.
     13[[Image(browser_newtab.png)]]
    1814
    19 == Collapsible Top Bar ==
     15== Browser Tab Loading ==
    2016
    21 [[Image(top_bar1.png)]]
    22 The top bar is collapsible to provide more space for content.
     17[[Image(browser_loading.png)]]
    2318
    24 [[Image(top_bar2.png)]]
    25 Hover over the bar to show it.
     19== Browser Tab Loaded ==
    2620
    27 == Multiple tabs per app ==
     21[[Image(browser_loaded.png)]]
    2822
    29 [[Image(tabs1.png)]]
    30 An app can have multiple tabs. An extra tab is added if the app calls window.open or the user follows a target=_blank hyperlink.
     23== Browser Menu ==
    3124
    32 == Side navigation ==
     25[[Image(browser_menu.png)]]
    3326
    34 [[Image(back1.png)]]
    35 If an app/page has session history, dots on the left and right hand sides indicate that back/forward buttons are available. Move the mouse to the left/right edge of the screen to show the button.
     27== Pin App ==
    3628
    37 == "Browser app" ==
     29[[Image(pin_app.png)]]
    3830
    39 [[Image(browser1.png)]]
    40 Pages that correspond the origin of an installed/bookmarked app/site open as a new tab inside that app. Any web page the user loads that doesn't belong to the same origin as an installed/bookmarked app/site opens in the catch-all "browser app" which is a container for tabs that don't belong in any other app. The UI for multiple tabs is the same as any other app but the "browser" app can load pages from any origin.
     31== Browser Search ==
    4132
    42 [[Image(browser2.png)]]
    43 Clicking a selected tab shows the URL bar for that tab.
     33[[Image(browser_search.png)]]
     34
     35== App Window ==
     36
     37[[Image(app_window.png)]]
     38
     39== App Tab ==
     40
     41[[Image(app_tab.png)]]
     42
     43== App Tabs ==
     44
     45[[Image(app_tabs.png)]]
     46
     47== App Chrome ==
     48
     49[[Image(app_back_button.png)]]
     50
     51== Homescreen with Open Apps ==
     52
     53[[Image(homescreen_with_open_apps.png)]]
     54
     55== Task Manager ==
     56
     57[[Image(task_manager.png)]]