[Link] Web Dynpro ABAP Quick Design guidelines

Web Dynpro ABAP Quick Design guidelines

• Page restrictions apply
• Added by Nitin Sethi, last edited by Nitin Sethi on Mar 23, 2011

Comment:

This Page is to discuss WD4A Design guidelines which can be used by beginner WD4A developer as a checklist to design quality WD4A applications. Please feel free to Add/Correct/Comment to below WD4A Design guidelines and help novice WD4A developer like me in designing quality WD4A applications.

Performance Optimization:

• Use Range Supply Function to load part of data into context node for heavy table performance optimization.
• Consider Delta Rendering Optimization while designing WD4A component.
• Avoid complex and nested Layouts because it has a big impact on browser or client rendering performance.
• Prefer the Row Layout to the Grid or Matrix Layout if horizontal alignment is not needed for better performance.
• Number of visible rows in Table or ALV has an impact on performance.
• Avoid writing much processing in WDDOMODIFYVIEW() method like initialization and all.
• Don't use context of all WD4A component data. Use context for Screen In/Out data only.
• Consider the Price Tag of UI elements when designing Web Dynpro Component.
  

UI Design Practice:

• Use Flash Islands as add-on for Web DynPro and avoid using more than 3 Flash Islands on the screen.
• Avoid Scrolling and make all information visible at a glance.
• Prefer the Matrix Layout to the Grid Layout for Ease of use and consistent layout.
• Avoid usage of TransparentContainers inside container UI elements.
• Don't misuse Web Dynpro UI elements by setting improper property values.
• Exchange default root UI element container with other container UI element to minimize container nesting levels.
• Never Use Trays and Panel on same screen to avoid confusion for end users.
• Never use a Section header without associating it with a TransparentContainer.
• Use Access and Hot Keys for better accessibility.
• Use Floorplan Manager for consistency across applications.
• Componentization of Web DynPro component for reusability.
  

Better Development efficiency:

• Use Floorplan Manager for the creation of new Web Dynpro ABAP applications to increase development efficiency.
• Use Developer Defined Reusable Templates.
  

Miscellaneous:

• Add URL Parameter "sap-wd-stableids=X" to achieve stable HTML IDs for Automated Tests.