Interface Design – Week 6

Topics: Skinning: Starting a Firefox Theme
Lab / Activity: Working with .JAR files, Dissecting and packing themes
Homework Due this week: Firefox Browser: Overall Concept Design
Homework Due Week 8: Software Design Phase 1

Link: Get Firefox Themes

Tutorial: Creating Firefox Themes

Assignment #5: Software Design Phase 1 ( Due Week 8 )
Firefox Phase 1: Navigation Toolbar

Start your Theme Design: Skin the Navigation Toolbar
Work with your design from last week, or start a new design.
Modify your files to work as a functioning Firefox Theme. (.JAR file)

For Phase 1:
Modify the Toolbar Graphic: “toolbar.png”
(in the sample theme, it’s in the “browser” folder)

Include the following icons:
Back, Forward, Stop, Refresh, Home

Include the following icon states:
Normal, Inactive, Hover, OnClick

Turn in:
- functional theme (.JAR file)
- a screenshot of your browser working.

Grading: 10pts total

__ (2) Icon symbols are recognizable and intuitive
__ (2) Graphic Quality: images are clean and consistent
__ (2) Thematic Unity: colors, graphics, and style are consistent
__ (2) Feedback: Button states are differentiated
__ (2) Alignment & Spacing follow a consistent system (regular or irregular)

__Total out of 10 points