1. Design of Hypermedia Applications
CSE4461 Hypermedia and Multimedia Technology
York University, Winter 2007
Fanis Tsandilas
Feb 1, 2007

2. Interaction Design Process
Identify User Needs and Establish Requirements
Develop Alternative Designs
Build Interactive Versions of the Designs (Prototypes)
Evaluate Prototypes
final product
November 22, 2018
CSE 4461

3. User-Centered Design Users Evaluate
Identify user needs & establish requirements
Users
Build prototypes
Develop alternative designs
November 22, 2018
CSE 4461

4. Waterfall Process Model
Requirements
Design
Implementation
Testing
Maintenance
November 22, 2018
CSE 4461

5. Waterfall Process Model
Requirements
Design
Implementation
Testing
Maintenance
November 22, 2018
CSE 4461

6. OOHDM Methodology (Schwabe et al.)
Requirements Gathering
stakeholders, scenarios, use cases
Conceptual Design
conceptual schema, domain classes and relationships
Navigational Design
nodes, links, indexes, guided tours
Abstract Interface Design
interface classes (buttons, text fields)
Implementation
November 22, 2018
CSE 4461

7. RMM Methodology (Isakowitz et al.)

8. Components of Web Design
User Interface
Design
Usability Evaluation
Information Architecture
Information Design
Navigation Design
Graphic Design
(from James Landay’s lecture notes)
November 22, 2018
CSE 4461

9. Web Design Process
Jesse James Garret - The Elements of Use Experience
November 22, 2018
CSE 4461

10. Design Practices Scenarios Site maps Storyboards Page schematics
Page mockups
November 22, 2018
CSE 4461

11. Scenarios
“Bob visits the home page of the web site to find news about music events happening this week. He has never used the site before so he…”
November 22, 2018
CSE 4461

12. Site Maps news home page 1. home 2. login 5. create account
3. forget pass
7. news page (new user)
8. news page (old user)
4. mail pass to user
news home page
November 22, 2018
CSE 4461

13. Storyboards (from James Landay’s lecture notes) November 22, 2018
CSE 4461

14. Page Schematics (from D. Vogel’s lecture notes) November 22, 2018
CSE 4461

15. Mockups
November 22, 2018
CSE 4461

16. Prototyping Initial Design Low fidelity prototype Evaluation
Refined Design
High fidelity
prototype
Evaluation
November 22, 2018
CSE 4461