Contents

• Alta Design Motivation
• Design Considerations
• Platform Support

The Oracle Alta UI is used to design and develop innovative applications for modern browsers, devices and systems, including Oracle Cloud products.

Alta Design Motivation

Oracle's design strategy incorporates these priorities:

• Cloud and Mobile Application Presentation — The Oracle Alta UI is both a visual design and a layout approach, defining Oracle products' look-and-feel. Oracle Alta UI presents a unified, compelling and comfortable experience across applications deployed to the Cloud and to Mobile clients.
• Performance — Performance is key for applications on mobile and cloud systems. Less page chrome means faster loading of critical content. The Oracle Alta UI advocates simpler page constructions to gain better performance.
• Adaptive/Responsive Design — Responsive Design lets teams utilize the same semantic markup to lay out a multiple UI designs for use at different browser display widths. Oracle Alta UIs are conducive to responsive design, so that browsers can support our applications on multiple devices, without changes to this Oracle look-and-feel.

This motivation has led us to make a number of design choices. The Oracle Alta UI is characterized by:

• Light, less dense layouts.
• Reduced "noise" in the UI chrome. This means UI designers can make page content really stand out when there is less UI chrome competing with it. This is achieved by:
  
  • A lighter, flatter visual design.
  • Larger buttons, menus, and other UI components, emphasizing a less dense look and offering a larger target for touch input.
  • A new icon system.
  • A color palette that accentuates content.

Design Considerations

For Mobile and Desktop:

• Determine if your browser-based UI needs to work well on both the desktop and mobile devices.
• Design for mobile first and then extend to desktop resolution screen size. Designing for mobile first is an effective control against creating a heavy UI.
• Rethink your presentation to keep things light: This may mean more modular chunking of flows. For example, avoid presenting users with all the available options on a single page. A sequence of pages is less dense and more lightweight in appearance.
• Use data visualization, graphical insignias, animation, and active data where appropriate to engage users and increase the primacy of application content over the elements of the page chrome (such as navigation controls and content containers). 
• Use layouts that fit within the width of a browser viewport, but can flow unbounded beyond the height of the browser viewport.
• Rely heavily on the browser's vertical scrollbar. This should result in no more than one or two major scrolling regions on the page.
• Read more about Oracle Alta UI page characteristics in the Page Layout pattern.

Platform Support

ADF Faces supports the Oracle Alta UI, beginning with the 12.1.3 release. Support for the Oracle Alta UI in Oracle JET commenced with the v1.2.0 release.