Print Syllabus Winter 2010

keckdonkeyInternet και Εφαρμογές Web

18 Νοε 2013 (πριν από 3 χρόνια και 6 μήνες)

69 εμφανίσεις

University of Washington

Department of Human
-
Centered Design & Engineering

HCDE 437


Web Design & Publishing

Professor David K. Farkas


Print Syllabus


Winter 2
010


Week 1

January 4 (Class1)

Introduction to Course

The Web as Media Space


January 6

(Class 2)

Student Skills Survey

A Framework for Analyzing Websites

Audience, Purpose, Constraints, Business Model, Conditions of
Use

Introduction to Patterns, Consumer
Decisions Labels, and the
Course Project

Examine pattern library and design guideline websites, as assigned.
Note:

I recommend that you read the assignments for each class in
the sequence in which the items are listed on the syllabus.

Week 2

January 11 (Cl
ass 3)

Genre and Convention, Theme, Mood, and Style

Form Groups/Initial Group Meeting

Read: PWD, “
Graphic Design
.”

January 13

(Class 4
)

Project Briefing

Group Worksh
op: Discuss Pattern Library Websites

Content Types and Writing for the Web


2

Graphic Design Basics

Read PWD, “
Hypertext Theory and Node
-
Link Diagrams
.”

Week 3

Ja
nuary 18

Martin Luther King Day: No Class

January 20 (Class 5)

Exercise in Stating Themes

Site Structure and Navigation

Node
-
Link diagrams

Group Workshop: Discuss Sites of Performers and Venues

Read PWD, “
Hierarchies and Organizing Content
.”

Week 4

January 25 (Class 6)

Project Briefing

Course Project Group Meetings (30 minutes)

The User
-
Centered Web Development Process

Personas in Web Design

Concept Sketches and Pro
totypes

Pattern Linking and Editing Day

Read PWD, “
The Navigational Interface
.”

Read Schweibenz, “
Accessibility: Why and how to Include People With
Disabilities
.”

Peruse
PPT Prototype

and
Spiral model
.

January 27 (Class 7)

Page Design

Mobile Devices

Writing Your Planning Report

Course Project Group Meetings (30 minutes)

Read Scratchmedia, “
Web 2.0 How
-
to Design Style Guide
.”

Read Nielsen, “
Mobile Web 200
9 = Desktop Web 1998
.”

Week 5

February 1

(Class 8)

Project Briefing

The Editorial Calendar

Social Media/Facebook/My Space


3

Tagging and Recommender Systems

Submit Site Page Layout Assignment (ppt)

Read Smith, “Cheat Sheet” on Marlow, et al’s taxonomy of t
agging.

http://atomiq.org/archives/2006/12/taxonomy_of_tagging_systems.ht
ml

February 3 (Class 9)

Project Briefing

Course Project Group
Meetings (30 minutes)

Linking, Link Text, and Windowing

Personalization

Submit Planning Report (minus usability test appendix)

Read PWD, “
Designing Effective Lin
ks
.

Week 6

February 8 (Class 10)

Web Transactions/Web Applications

Group Workshop: Discuss Transactions

Search Engine Optimization

Read Scratchmedia, “
Introduction to Search Engine Optimisation for
Beginners
.”

February 10 (Class 11)

Course Project Group Meetings (30 minutes)

Multimedia Design

Usability Testing

Planning reports returned

Week 7

February 15

Presidents’ Day: No Class

February 17 (C
lass 12)

Course Project Group Meetings (30 minutes)

Group Workshop: Online Newspapers and Magazines

Planning for Remainder of Course

Week 7

February 15

Presidents’ Day: No Class


4

February 17 (Class 12)

Course Project Group Meetings (30 minutes)

Group Worksh
op: Online Newspapers and Magazines

Planning for Remainder of Course

February 24 (Class 14)

Site Accessibility

Copyright

Legal and Societal Issues

Read PWD, “
Intellectual Property
.”

Read Templeton, “10 Big Myths about

copyright explained.”

http://www.templetons.com/brad/c
opymyths.html

Read IBM’s “Human Ability and Accessibility Center Checklist”

http://www
-
03.ibm.com/able/guidelines/web/accessweb.html

Week 9

March 1 (Class 15)

Presentatio
ns on Course Projects

Course Project Group Meetings (30 minutes)

Pattern Website Beta Launched

Pattern Website Ultimate Design Due

March 3 (Class 16)

Catch
-
up Day

Resources for Further Professional Development

Course Websites Due

Week 10

March 8


(Class 1
7)

Exam

March 10

(Class 18)

Review exam

Presentations of Selected Websites

Course wrap
-
up




5

Readings

Listed below are the assigned course readings plus other readings that
are relevant to the course.

Farkas, David K. and Farkas, Jean B.
Principles of W
eb Design
.
Longman, 2002.

Chapter 6, “
Hypertext Theory and Node
-
Link Diagrams


Chapter 7, “
Hierarchies and Organizing Content


Chapter 8, “
The Navigational Interface


Chapter 9, “
Designing Effective Links


Chapter 10, "
Writing for the Web
"

Chapter 11, “
Graphic Design


Appendix B, “
An Introduction to Copyright Law


IBM Human Ability and A
ccessibility Center. “Web Checklist.”

http://www
-
03.ibm.com/able/guidelines/web/accessweb.html

Nielsen, Jakob. “Mobile Web 2009 = Desktop Web 1998,” Alertbox,
February 17,

2009.

http://www.useit.com/alertbox/mobile
-
2009.html

Schweibenz, Werner. “
Accessib
ility

Why and how to Include People
With Disabilities
,”
Proceedings
of the 14th International BOBCATSSS
Symposium Information, Innovation, Responsibility: Information
Professional in Network Society, Tallinn, Estonia, January 30
-

February 1, 2006. 19
-
30.


Scratchmedia. “Web 2.0 How
-
to Design Style Guide.”

http://www.webdesignfromscratch.com/web
-
design/web
-
2.0
-
design
-
style
-
guide.php

Scratchmedia. “Int
roduction to Search Engine Optimisation for
Beginners.”

http://www.webdesignfromscratch.com/basics/search
-
engine
-
optimisation
-
basics.php

Smith, Gen
e. “Taxonomy Of Tagging Systems,” post on Smith’s
Atomiq blog December 18, 2006.
http://atomiq.org/archives/2006/12/taxonomy_of_tagging_systems.ht

6

ml
. This is hi
s “cheat sheet” to Marlow, Cameron, Mor Naaman, danah
boyd, Marc Davis, “
Position Paper, Tagging, Taxonomy, Flickr, Article,
ToRead
.” Proceedings Hypertext

’06 Conference

Templeton, Brad. “10 Big Myths about Copyright Explained.”
http://www.templetons.com/brad/copymyths.html


Assignments andGrading/Course
Policies

Assignments and Gradi
ng

Note

Below you will find my initial plan for assignments and grading.
However, it may be necessary for me to modify this plan as the course
proceeds. I may add a limited number of minor written assignments
and extra readings, and I may need to change th
e weighting of the
individual assignments.



Course Project

25%



Website Proposal (including usability test)

15%



Individual Website

25%



Exam

25%



Page Layout Assignment

10%

One 5
-
10 minute report to the class (ungraded but necessary for
completion of the cou
rse)

For the Course Project you will receive a group grade and an individual
grade based on peer evaluations by group members.

Course Project: A Pattern Library Website

This year the Course Project is the design of a pattern library website.
The main purpo
se of the website is to enable browsing among a large
collection of design patterns pertaining to consumer information labels
and to build a community of designers and other interested parties
who will engage in a professional dialog and suggest improvemen
ts to
the existing design patterns, and contribute new patterns.


7

Individual

Websites

The individual course websites will be small websites that will be either
completely finished and functional or largely finished with high
-
fidelity
mockups of certain fun
ctionality such as social media capabilities and
eCommerce transactions. A broad range of web genres are acceptable,
but not professional portfolio websites and personal sites. Many
students find a small business or other organization in need of a
website.

Students can also create fake websites.

Planning Report

The Planning Report is a description of the website the student
proposes to design and build as an individual project. It includes an
analysis of the audience and purpose, a node
-
link diagram, concep
t
sketches of key pages, and a plan for carrying out the project
(including usability testing). The plan for individual websites is
approved by the instructor on the basis of the planning report. The
usability test is submitted separately later in the desi
gn process.

Exam

The exam will be a 90
-
minute, in
-
class, hand
-
written exam covering all
course discussion and readings (but not GoPost conversations).

Page Layout Assignment

The Page Layout Assignment entails critiquing the page design of the
home page and

two interior pages of three different websites.

Class Participation

Each student is expected to participate actively and productively in
class discussion and in group activities. I also encourage participation
in our GoPost discussion board.

Course Polic
ies

Academic Integrity

Students are expected to work independently unless other instructions
are given. Consult with the instructor if you think your work plan might
constitute plagiarism. You should also acquaint yourself with the
HCDE
Plagiarism Policy.


8

Participation and Attendance

Students are expected to attend class regularly. Missing a significant
number of classes diminishes your participation in t
he course and will
result in a deduction from the course grade.
Note
: You are not
required to attend class if you are ill, and you are asked not to attend
class if you have or are recovering from a serious infectious disease.

Student Rights

Please read the

HCDE statement on student rights.

Emailing Returned Assignments and Grades

Federal law protects every student's right not to have his/her grades
made pub
lic. While I often return graded assignments using Catalyst's
Collect It drop box, there are instances when it is advantageous for me
to email graded assignments and course grades. It is highly unlikely
but not impossible that such emails might be hacked,
enabling
someone to view what I have sent you. If you do not want to accept
this risk, please let me know, and I will use an alternative means of
returning graded assignments to you.

Contact Info and Office Hours

Email:


farkas@u.washington.edu

Office:


S
ieg Hall 414


Office Hours:

Monday 10:00
-
11:00

Tuesday:

12:30


1:30

Wednesday:

10:00


11:00

And by appointment

(If possible, let me know in advance that you want to meet with me.)