|
|
|
Assignment
4 |
CSCI-588: Specification
and Design of User Interface Software |
Fall 2004 |
| 4A:
Web Site Icons Critique (Due: 6.30 pm. PDT, September
28, 2004) |
| Recall
the web site critique you performed on an existing web site
that was handed in 9-14-04. Go back to that web site, and
take one more look at it, concentrating on its icon and symbol
design. If you already did some commentary on this subject
for that homework, repeat that here. But, now include your
in your icon/symbol design discussion more detail learned
in class regarding icons, symbols, color, etc when reviewing
those icons. |
v =
Submitted handwritten critique of web site icons. Length
of critique approximately 1 PowerPoint slide in length. Included
one B&W copy of the home page to illustrate the icons/symbols
used in the web site. Explanation not too detailed. Explanation
does not point towards references discussed in class, e.g.
Course notes, text or referenced web sites.
v- means resubmit this homework due to errors or incompleteness.
v+ = Submitted critique of icons/symbols on web site approximately
1 PowerPoint slide in length. Color copy of some specific
icons/symbols included with annotations or comments on each.
Explanation does point towards references discussed in class,
including books, class notes or web sites. |
| COURSE
NOTES referral: See Pages 2-188 to 2-201, 3-46 to 3-51, scanned
in handouts on the class DEN web site, such as the checklists
and icon examples, plus references discussed in class |
4B:
Class Project Main Screen or Homepage Design
(Due: 6.30
pm. PDT, September 28, 2004) |
| Complete
the first draft Homepage design for your project. I assume
it is a “Homepage” for a web-based solution, or a “Main Screen”
for a traditional (non-web-based) UI. |
| Submit
a hardcopy of the Homepage (or Main Screen) design plus one
PowerPoint slide of explanation of your design decisions
(as if you were presenting the homepage and explanation during
a class presentation. You may use that 2nd page of explanation
as a text page or paste your Homepage (or Main Screen) there
with annotations describing features. |
v =
Submitted handwritten Homepage (or Main Screen) design with
hand-annotation of design. Explanation of design decisions
not too detailed. Explanation of design decisions does not
point towards references discussed in class, e.g. Course
notes, text or referenced web sites.
v- means resubmit this homework due to errors or incompleteness.
v+ = Submitted computer-generated Homepage (or Main Screen)
design using a design tool you selected for your project.
For this homework submittal, however, even an office tool
(i.e. PowerPoint or Word or drawing tool, for example) is
acceptable. The one-page PowerPoint slide of explanation
of your design decision is clearly written. It references
design guidelines discussed in class, including books or
web sites referenced, even the course text. You do not exceed
more than 2 PowerPoint slides of explanation. Roughly estimate
the percentage of screen real estate used as in the example
below, from Jakob Neilsen’s book on “Homepage Usability”. |
 |
| COURSE
NOTES referral: See Pages 3-46 to 3-85, scanned in handouts
on the class DEN web site, such as the checklists and icon
examples, plus references discussed in class. |
4C:
Class Project Icon (Symbol) Design (Due: 6.30
pm. PDT, September 28, 2004)
The similarity between completing Assignment #4A and #4C is not coincidence! |
| Complete
the first draft Icon (Symbol) design for your project. If
you are planning on using Icons in your design, please create
a first draft of those icons. For now, design 5 or less icons. |
| I am
making the assumption that your design will include icons
or some type of symbols to enhance the UI. However, for some
applications, this may just not make sense. Therefore, for
those student teams in which icons do not make sense for
your projects, please use this assignment as an exercise
to invent some icons that could have been used in your design.
Therefore, you’ll have the experience of performing icon
design even though they will be “thrown out” for your final
project design. |
| As discussed
in class, you may choose to use other Symbols or Graphical
Objects to aid in site navigation and clarity. Please include
a discussion on those symbols, e.g. for someone developing
a transportation system, they may re-use images of planes,
railroad cars, automobiles, etc. to clarify, for example,
a menu selection. The Icons (or Symbols) may or may not act
as a linkable object that initiates a screen event. This
will be discussed in class on 9/21/04. |
| Submit a hardcopy of the Icons (or Symbols) plus one PowerPoint slide of explanation of your design decisions (as if you were presenting the design of the Icons (or Symbols) during a class presentation. You may use that 2nd page of explanation as a text page or paste your Icons (or Symbols) there with detailed annotations. |
v =
Submitted handwritten Icons (or Symbols) design with hand-annotation
of design. Explanation of design decisions not too detailed.
Explanation of design decisions does not point towards references
discussed in class, e.g. Course notes, text or referenced
web sites.
v- means resubmit this homework due to errors or incompleteness.
v+ = Submitted computer-generated Icon (or Symbol) design
using a design tool you selected for your project. For this
homework submittal, however, even an office tool (i.e. PowerPoint
or Word or drawing tool, for example) is acceptable. The
one-page PowerPoint slide of explanation of your design decision
is clearly written. It references design guidelines discussed
in class, including books or web sites referenced, even the
course text. You do not exceed more than 2 PowerPoint slides
of explanation. |
| COURSE
NOTES referral: See Pages 2-188 to 2-201, 3-46 to 3-51, scanned
in handouts on the class DEN web site, such as the checklists
and icon examples, plus references discussed in class. |
|
