Advanced User Interface Design for GUI and Web 2.0 Applications Course

Course Code: IN 816
Course Abstract:

The convergence of Windows and the Web is upon us.  Google Maps, Gmail, Flickr and a variety of new AJAX and Rich Internet applications have begun to legitimize moving beyond HTML to deliver interactive applications
that delivers the best of the web and the best of the desktop experience. We will show how these techniques
are changing the way designers think about their application designs. You will learn how to develop complex GUIs for mixed user profiles, effectively use multimedia, implement visual design patterns, and effectively develop for multiple platforms.  Plus, you’ll see the usability challenges introduced when these new interaction techniques are implemented. Learn from the experts who have been helping companies develop world-class enterprise applications for over a decade.

We will share with you the results of user testing this new breed of application design in our usability lab to help you leverage the technology and avoid the usability pitfalls.  We will show you how to implement new interaction
techniques such as enhanced client-side validation, drag and drop, partial form refresh to create fast, rich and
compelling user experiences. Get a jump start on this compelling new technology to deliver highly effective
application designs for your organization.

Audience:

This course is designed for individuals who are:

Project Managers: who are responsible for establishing or managing a web project or Internet strategy
Project Leaders: who need to know proven steps for web-enabling existing client/server applications
GUI Designers: who need to know how and when to use the new Web controls when creating user interfaces
Software Developers: who are looking to expand their knowledge web application design
Interaction Designers: who are responsible for managing and implementing UI design
Business Analysts: responsible for documenting requirements for complex user interface applications

This class is designed for corporate or commercial developers and analysts that are, or plan to be, involved in web projects. Anyone concerned with developing well designed web sites, including individuals that will gather user requirements or end-users themselves will also benefit from attending.

Duration: 2 days
Learning Outcomes:

Upon completion of this course, the participant will be able to:

> Design complex Web 2.0 and traditional GUI applications
> Design next generation applications to leverage web services
> Design rich, interactive navigation styles
> Develop effective Web 2.0 design patterns
> Incorporate prototyping and use cases to validate complex design issues
> Design fast, efficient transactional GUI and Web 2.0 applications
> Create complex UI design patterns
> Leverage data warehouses with new charting techniques

Course Topics:

Advanced UI & Web 2.0 Primer
What is a Web 2.0 Application?
Examples of Web 2.0 Design
Benefits of Web 2.0 and AJAX
Risks of Web 2.0 Approach
Lab: Fix challenged applications
Lab: Review successful applications

Advanced Design Modeling
User Profile Modeling
State Transition Models
Requirements Validation
Rapid Prototyping
Lab: Validate a set of design models

Interaction Modeling
Understand the principles of interaction modeling
Learn notation for UML based interaction models
Learn how to choose the best web interaction model based on the user types and tasks
Lab: Create an interaction model for a Web 2.0 application

Advanced Layout Principles
Inductive interface styles
Liquid layouts
Advanced color issues
Complex form layout
Table layout principles
Error Handling
Exercise: Creating a complex set of layouts for an inventory application

Complex UI Design Patterns
Implement visual design patterns to solve complex usability issues
Navigation Patterns
Tree Views
Global navigation
Workspaces
List management
Search Patterns
Directed search
Interactive search
Results list
Lab: Create a navigation model for a complex transactional web application

Designing with Flash and Java
Emerging standards and technologies
RIA Fundamentals
Advanced and custom controls
Designing with Flash
Designing with Java
Java Swing control usage
Rich Internet Application Design Guidelines

Designing Transactional Applications
Interactive Grids
Real-Time updates
Designing for complex transactions
Complex form updates
Shopping cart transactions
Lab: Design a usable Web 2.0 interface for a complex database-driven application

Designing Charts and Graphs
Explain data visualization
Best practices for charts and graphs
Creating interactive dashboards
Lab: Design a Charting interface for a data warehouse application

Creating GUI and Web 2.0 Design Standards
Explain why UI standards are needed
Identify process for defining and implementing new Web 2.0 standards
Learn contents of Web 2.0 standards

Course Conclusion
Course Summary
Questions and Answers

Prerequisites: None
Note: All fields are required
At the present time we do not offer training for individuals or groups less then 6 individuals. We apologize for any inconvenience.


We Value Your Privacy!

Ready to get started or in need of more information? Contact us today.

Go To Blog Virtual Learning