Skip to main content
Samsung Developer Program

Look Edge UX

Page summary display: overview and page thumbnail

You can  design Edge panel and feed apps that provide your users easy access to information and features in your Edge app, in the internet, and from your Android apps.

Edge panels and feeds provide the following.
 

Quick_EdgePanels.PNG
 

Edge panels and feeds provide glanceable and actionable information:

  • Items specified by your app
  • Items selected by your users, such as favorite app or contacts, which users can add, move, and delete
  • Text, such as labels
  • Information icons, such as weather symbols
  • Content streams, such as news, sports, and ticker information
  • Click events, such as app icons or text buttons
     

Your users can control availability and sequence of standalone and companion Edge panel or feed apps. Depending on your Edge item content, your users can control Edge item content (for example, their frequently used apps or frequent contacts). 

After users swipe-activates the Edge handle, and after your Android app displays its Edge Immersive panel, the Edge framework on the user's Edge device manages the UX and operation of your Edge panels and feeds (such as opening and displaying panels and feeds, managing user-initiated content item actions). 

Single Plus Panels, Single Panels, and Feeds

These types of panels and feeds:

  • Are an overlay widget, which allows users to access their information and features at any time without opening apps.
  • Are a Quick controller, which allows users to control tasks without opening apps.
  • Can either: operate independently of any other app (standalone Edge apps), or they can be associated and bundled with an Android app (companion Edge apps).
  • When an APK contains multiple Edge panels or feeds, they must be of the same type.
     

For these types of panels and feeds, Look Edge manages:

  • User actions (activating and selecting panels; tapping panel items; and adding, moving, and deleting user-selectable panel items)
  • Displaying user-selected panels
  • Acting on user selections
     

Refreshing panel and feed item content:

  • Edge can automatically refresh item content:
    • Before the Edge panel or feed is displayed.
    • When your users add or move panel or feed items in the Edge control screen.
    • Periodically, per Edge app configuration.
       
  • Your app can:
    • Refresh item content at any time, as needed.
    • Enable users to refresh item content on demand by app-specified methods.

 

Edge Single Plus Panels

Samsung Look Edge Single Plus Panel Navigation

Samsung Look Edge Single Plus Panel Tap Actions

 

Note: Look Edge currently provides 3 out-of-the-box Edge Single Plus panels.
In supported Edge devices, users can access them and customize their panel items.

 

Panel features and areas:

  • Panel features:
    • When the main screen is active, the user can:
      • Swipe the Edge panel handle to open the panel that was last displayed.
      • Swipe left or right to select any available Edge Single Plus panel.
        The sequence of panels is configurable by the user.
      • Tap to close the displayed panel.
    • Panels are displayed as dynamic overlays.
    • Default panel orientation: portrait mode. 
    • When the user re-orients the device to landscape mode, either
      • The landscape layout is displayed (when specified by your Edge app).
      • The portrait layout is displayed (when a landscape layout is not specified). 
  • Title area:
    • Managed by the Edge platform, which pulls the panel title, latest update, and description from your Edge app source code.
    • Users can initiate a tap-action (when specified by your Edge app).
  • Info area:
    • Blurs the area displayed covered by the Edge panel overlay.
    • Can display information specified by your Edge app.
  • Item content area:
    • Has a width that is either: specified by your Edge app (up to 550 pixels maximum), or the default width area (71 pixels wide on 640-dpi displays, 82 pixels on 560-dpi displays).
      Note: Although each Edge Single Plus panel covers the entire display screen, your app specifies the width of the panel item area.
    • When the item content exceed the content screen, users can scroll up and down to display additional items.
  • Navigation area:
    • Displayed below the panel info area.
    • Contains:  the Edge configuration settings icon and a dot indicate the selected and available panels.
       

Panel item content:

  • Static or dynamic text, and icon panel items (such as app icons and specific information such as current weather) in the order specified by your app code or that the users have set (when users can add, move, and delete panel items)
  • User-selected applications (to support an app activation button in the panel) and personal contacts (to support automated phone dialing from the panel)
  • From your app (such as the user's highest score or personal information)
  • From an outside source (such as news headlines, weather data, stock prices) or from the platform (local time)
  • Text and icons (passive and click event buttons)

Edge Single Panels

Samsung Look Edge Single Panel Navigation

Utility and Settings Sub-Panel for Samsung Look Edge Single Panel Nav2.png

 

Panel areas and features:

  • Supports one panel width (71 pixels wide on 640-dpi displays, and 82 pixels on 560-dpi displays).
  • When the main screen is active, users can display any available panel as a dynamic overlay in the active curved section of an Edge device.
  • Displays a quick tools dropdown icon and a Edge settings pullup icon, each with a screen section that overlays the content area when activated by the user.
  • Panel display:
    • By default, the orientation of item text and images is portrait.
    • When the item contents exceed the content screen, users can scroll up and down to display additional items.
       

Panel item content:

  • Static or dynamic text, and icon panel items (such as app icons and specific information such as current weather) in the order specified by your app code or that the users have set (when users can add, move, and delete panel items)
  • Text and icons (passive and click event buttons)
  • From an outside source (such as news headlines, weather data, stock prices) or from the platform (local time)
  • From your app (such as the user's highest score or personal information)
  • User-selected applications (to support an app activation button in the panel) and personal contacts (to support automated phone dialing from the panel)
     

Note: For Note Edge devices: when any home screen is displayed, an Edge Single is always displayed in the curved Edge screen, and the user can select any of the available panels. When the primary home screen is displayed, the display of the available panels is fixed and cannot be closed. When any of the secondary home screens are displayed, the display of the available panels is fixed, but their displays can be closed.

Edge Feeds

Samsung Look Edge Feed Navigation

Samsung Look Edge Feed Tap Actions

 

Feed features:

  • Supports one vertical line of feed item content (71 pixels wide on 640-dpi displays, and 82 pixels on 560-dpi displays).
  • When the main screen is not active, users can display any available Edge feed as a dynamic overlay in the active curved section of an Edge device.
  • The item content area takes up the entire Edge feed display area.
  • Intended for brief, quickly reviewed content (such as news, financial, and sports streaming info).
  • Feed display automatically times out when there is no user interaction.
     

Feed item content:

  • Static or dynamic text, and icon panel items (such as app icons and specific information such as current weather) in the order specified by your app code or that the users have set (when users can add, move, and delete panel items)
  • Text and icons (passive and click event buttons)
  • From an outside source (such as news headlines, weather data, stock prices) or from the platform (local time)
  • From your app (such as the user's highest score or personal information)
     

 

Immersive Panels

Because it is an activity in an Android app code, the Edge Immersive panel is controlled by the Android app running in the main screen.

Edge Immersive Panel Samsung Look Edge Immersive Panel Navigation
 

Panel features:

  • Can be a variable-width area for item content.
  • Is displayed as a fixed sub-window in the Android app UI that the app can display or hide as needed.
  • Controls panel content (anything supported by Android views).
  • Processes panel selections by the user.
     

Look Edge manages:

  • User selections
  • Displaying the Edge panel on the side of the devices.

 

  • Was this article helpful?