Design: Improving interactions

Transfer Coopers interaction framework. Apply your definitions (including patterns/guidelines) above to the web technologies HTML5/CSS3/JS:

1. First, model the prototypical structure/hierarchy (in HTML), the data elements (as JS objects), the functional elements and input methods (e.g. HTML5 forms, jQuery UI components, ...).
2. Second, model a rough prototypical sketch of key path scenarios (e.g. navigating the hierarchy) using jQuery.
3. Third, design the visual appearance of your application in reusable and hierarchical CSS3 classes.