Laura Cesari - Ai Courses

Topics: Usability principles, Navigation Icons
In-class: Nielsen’s Usability Heuristics, Firefox Lab
Homework due this week: HW6: Firefox Design Part 1
Homework due next week: HW7: Firefox Design Part 2

Link: Get Firefox Themes

Tutorials:
Creating Firefox Themes*
First Steps in Theme Design: Customizing Image Sizes
Customizing the scrollbar
Changing colors and fonts
MozillaZine Forum on Theme Development

Assignment #7: Firefox Design Part 2 (Due Week 9)

Firefox Phase 2: Additional Navigation Icons
This week, finish up the navigation icons: create additional icons to match the ones you started last week.

To view additional icons, such as Bookmarks, Downloads, and History, right-click on the toolbar and select “customize” . These icons can be added to the toolbar by dragging them onto the toolbar where you want them to go. You can also remove them by dragging them back into the customizing window.

For the next assignment, create the following icons:

- Downloads
- History
- Bookmarks
- Print
- New Tab
- New Window
- Cut
- Copy
- Paste

For each icon, include the following icon states:

- Normal
- Inactive
- Hover
- OnClick

Modify your files to work as a functioning Firefox Theme. (.JAR file)*
You will likely be modifying the same graphic file as last week, such as “browser/toolbar.png” from the sample theme (See “LaurasTheme” examples in the Faculty Out-box folder for Interface Design Week 6).

Turn in:
- functional theme (.JAR file)*
- a screenshot of your browser working: show the new icons in your toolbar.

*If you missed week 6, check this link: Creating Firefox Themes

***NOTE: if you want to work ahead, feel free… after this week any modifications you make to the theme will be worth points!  See the links at the top of the page for more advanced tutorials.

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