Course Length: 2 days

• Technology update
• Technical considerations
• Emerging technologies
• Where is the industry going?

Exercise: Evaluate several complex web applications

2. Advanced Layout Principles

• Inductive interface styles
• Liquid layouts
• Content layout issues
• Advanced color issues
• Complex form layout
• Table layout principles
• Links vs. buttons
• Frame layouts

Exercise: Creating a complex set of layouts for a banking application.

3. Advanced Navigational Models

• Segmenting user profiles
• Corporate user types
• Creating design patterns
• Creating navigation models

Exercise: Create a navigational model for a complex application.

4. Visual Design Patterns

Implement visual design patterns to solve complex implementation issues with web application design.

Pattern Overview

• Introduction to design patterns
• How to write a pattern
• How to use patterns during design

Navigation

• Bread crumbs
• Global navigation
• Workspace
• Return to prior work

Search

• Simple search
• Advance search
• Search area
• Results list

5. Transactional Design Patterns

Learn best practices for handling the following design issues.

• Transactional saves
• Repeating update
• Two level update
• Three level update
• Multi-line update
• Tabs
• Summary / detail
• Error Handling

Lab: Apply patterns to solve a complex design problem.

6. Use-Case Driven Design

• UML design techniques
• Documenting use cases
• Mapping a UI design process
• Applying a use case driven approach
• Applying UI design principles
• Technology consideration

Exercise: Create use cases for a web application.

• Corporate portal evolution
• Corporate portal vs. Internet portal
• Integrating portals with applications
• Discuss different strategies for implementing portals

Case study: Selecting a portal solution.

8. Emerging Web Technologies

• Emerging standards and technologies
• Dynamic HTML
• Advanced and custom controls
• Designing with Flash
• Designing with Java
• Java Swing control usage
• Embedded vs. stand-alone Java applications
• Icon and image considerations

9. Handheld Usability

• Handheld usability principles
• Handheld vs. desktop
• Multi-platform design
• PDA’s and cell phones
• Prototyping
• Wireless design patterns

  Text reader, wizards, forms, alpha lists, quick lookup, error messages

Lab: Design a mobile phone application

10. Course Conclusion

• Course summary
• Questions and answers