- Utilize modern layout approaches
- Simpler, less dense, uncluttered layouts
- Favors flowing pages conducive to mobile and responsive
- Allows for flexible configurations
- Emphasis on fewer elements and cleaner designs
- Minimal UI chrome with fewer nested borders and lines
- More About Oracle Alta UI Page Layout | Design Principles
- Design For Mobile First
- Layouts fit within a tablet display width and are allowed to flow vertically
- Avoid vertically stretching layouts, to permit responsive design
- Incorporate responsive design techniques
- Feature the Oracle Alta UI skin
- Fresh visual design complements modern layout approach
- Minimal UI chrome with fewer nested borders and lines
- More spacious padding and spacing
- Larger text, buttons and touch targets
- Oracle Alta UI Design Patterns Browser . Mobile | New Development With Oracle Alta UI Skin
- Use the new Oracle Alta UI Icon System
- Flexible in structure
- Lightweight in rendition
- Contemporary in expression
- Diverse in translation
- Use the new Oracle Alta UI Color Palette
- Extends the Oracle Alta UI Icon Palette
- Mix and match colors
- Create a seamless visual language with color
- Noticable and engaging primary messaging colors
- Clean and soft complimentary colors add fresh appeal
- Oracle Alta UI Color Palette | Icon Palette
- Engage users with more visual content
- Strategically use data visualizatons and info graphics
- Avoid overuse of icons -- they can become a sourse of visual noise
- Establish an order of precedence for page elements
- Communicate importance of content and elements on the page through size, weight, and screen real estate allocation
- Pages are designed to maximize ease of browsing page content
- Make use of animated transitions to improve focus and context awareness
- More About Visual Content | Oracle Alta UI Design Principles
- Design for all users
- Content which enlarges, sufficient color contrast, and no reliance on specific colors help people with low vision.
- Text equivalents (e.g. alternative text for images) and semantic identification (e.g. things that look like buttons, labels and headings are identified as such) help people who are blind.
- Supplying audio information as text (e.g. captions or transcripts) helps people with hearing impairments.
- Ensuring everything can be done from the keyboard helps people with motor disabilities or who need to use voice recognition.
- Simpler layouts, understandable labels and instructions, and consistency of the design help people with cognitive disabilities.
- More about Accessibility W3C Designing for Inclusion
- Employ new modern UI features and components now available in OracleADF or MAF technologies such as
- Animation (e.g, animated page and component transitions)
- Simplified Charts - Including show popup details from anywhere on chart
- Panel Drawer - For slide out drawer behavior
- Panel Grid Layout - A layout component that uses one or more gridRow components to describe the rows of a grid layout
- ADF Faces - A large set of Ajax-enabled JSF components
- MAF AMX - Offers declarative UI components for cross platform mobile application development
- New In ADF Faces 12c | Alta Work Better Demo ADF Faces . JET | Component Sets Supported In Oracle Alta UI
Highly visual user interface designs can be made accessible; in fact, they can enhance accessibility. For example, visuals are especially helpful to people with some cognitive disabilities. Some things to consider:
