Week 4

Week 4: Schematics / Wireframes VI
Topics:

•Complex and Dynamic Forms
•Web Applications
Exercises:

Interacting with data (e.g., entering, modifying, analyzing) in a web application. Indicating changes in and requests for data. Forms that adapt to user input or data states.
Retirement Planner - Suggest ways to make the process more inviting, more interactive, less rigidly linear, and with alternate ways to collect data from the visitor (e.g., a graphical way to assess style and risk tolerance)
Genworth Financial - Good Example
MSN Money - Good Example
Sites for social communities (e.g., Facebook), financial services, and media sharing (e.g., YouTube) are good examples of complex web applications.
Assignment:

Modify your wireframes and/or storyboards for creating a custom vacation to illustrate how the interface might adapt to user input (e.g., when selecting dates for which no hotel rooms are available at the selected hotel the UI could recommend the next nearest date range that is available) or when changes to one component of the vacation has an effect on another (e.g., changing flight dates suddenly results in the hotel room no longer being available or the rental car price changes or a selected activity is no longer available - how would the UI notify the user of the change on other vacation selections?)
OR
Modify your wireframes and/or storyboards for creating a custom vacation to illustrate how the interface could support collaborative vacation planning with two or more people simultaneously chatting about and making choices for vacation options while using the Internet from different locations (e.g., two or more people are using the Vacation Maker website to create a custom vacation, but each person is accessing the web site from their own home or office.) Assume that there is no voice or video chat - only text chat and the ability to choose an option and have all of people collaborating on the vacation see (and even change) the choices made by others.