L571: Information Architecture for the Web Syllabus: Spring 2007

Additional resources to accompany class sessions

Select any date and see:

the topics that will be covered;

the readings that have been assigned;

the assignments that will be discussed; and

the assignments that are due in that class.

Schedule of classes

Select any date
to see readings,
assignments,
and due dates January 8 January 15 January 22 January 29

February 5 February 12 February 19 February 26

March 5 March 12 March 19 March 26

April 2 April 9 April 16 April 23

Select any date to see readings, assignments, and due dates	January 8	January 15	January 22	January 29
February 5	February 12	February 19	February 26
March 5	March 12	March 19	March 26
April 2	April 9	April 16	April 23

NOTE: The URLs for the readings were last checked on January 5, 2007. All readings open in a new browser window.

January 8

Introduction: Information architecture for the web

Topics:

Overview of the course

Web development for clients

Review of basic HTML

Readings

Greenspun, P. (2003). Philip and Alex's Guide to Web Publishing

http://philip.greenspun.com/panda/

December, J. (2006). Welcome to the HTML Station.

http://www.december.com/html/

Rutter, J. (2006). HTML Element Types.

http://vzone.virgin.net/sizzling.jalfrezi/stylelem.htm

University Instructional Technology Services, Indiana University. (2006). Publishing with World Wide Web: How You Can Deliver Information via WWW .

http://www.indiana.edu/~wmhome/

Web Developer's Virtual Library (WDVL). (2007). HTML - The Hypertext Markup Language

http://www.wdvl.com/Authoring/HTML/

Werbach, K. (2006). The BareBones Guide to HTML.

http://werbach.com/barebones/

Return to table

Return to course outline

Return to print syllabus

January 15

No class today: Martiin Luther King Day

Readings:

Ferg, S. (2004). Techniques for Accessible HTML Tables

http://www.ferg.org/section508/accessible_tables.html

HTML Goodies (2006). Tables Tutorial

http://www.htmlgoodies.com/tutorials/tables/

W3C (2002). Tables

http://www.w3.org/TR/html4/struct/tables.html

Return to table

Return to course outline

January 22

Client-centered website development and web page design

Topics:

Pre-design analysis
    Clients
    The business
    Competitors
    Users

Beginning layout

Readings:

Cliver, S. (2002). Managing the client: A fairy tale. Digital Web Magazine.

http://www.digital-web.com/articles/managing_the_client/

Cummings, W. (2000). What makes those damn clients so difficult? Digital Web Magazine.

http://www.digital-web.com/articles/what_makes_those_damn_clients_so_difficult/

Fox, C. (2001). PeopleSoft.com Case Study Enterprise Information Architecture. Adaptive Path.

http://www.slis.indiana.edu/hrosenba/www/L571/pdf/fox_peoplesoft.ppt

Lash, J. (2003). A User-Centered Approach to Selling Information Architecture. Digital Web Magazine.

http://www.digital-web.com/articles/a_user_centered_approach_to_selling_ia/

Lippell, H. (2005). The ABCs of the BBC: A Case Study and Checklist. Boxes and Arrows.

http://www.boxesandarrows.com/view/the_abcs_of_the_bbc_a_case_study_and_checklist

Maccora, J. (2000). Service Your Web Design Customers. Sitepoint

http://www.sitepoint.com/print/service-web-design-customers

Parrish H. and Danzico, L. (2005). Customer Storytelling at the Heart of Business Success. Boxes and Arrows.

http://www.boxesandarrows.com/view/customer_storytelling_at_the_heart_of_business_success

Porter, J. (2003). Information Architecture the Adaptive Path Way: An Interview with Indi Young. User Interface Engineering.

http://www.uie.com/articles/young_interview/

Rampoldi-Hnilo, L. (2005). Uncovering Users In Your Own Organization. Boxes and Arrows.

http://www.boxesandarrows.com/view/uncovering_users_in_your_own_organization

Wright, J. (2002). Hook, Line and Sinker - Netting your First Clients. Sitepoint.

http://www.sitepoint.com/article/sinker-netting-first-clients

Return to table

Return to course outline

Return to print syllabus

January 29

Thinking about design and layout

Topics: Introduction to information architecture
    Conceptual Design
    IA and ethics
    Working with content; Working with images and imagemapping
Readings:
Erskine, L.E., Carter, D.R.N., and Burton, J.K. (1997). Dialogical Techniques for the Design of Web Sites: http://ijhcs.open.ac.uk/erskine/erskine-01.html
Fuccella, J. and Pizzolato, J. (1998). Creating Web Site Designs Based on User Expectations and Feedback. Internetworking: ITG Newsletter (1.1).: http://www.internettg.org/newsletter/june98/web_design.html
Fuccella, J. and Pizzolato, J. (1998). Web Site User centered Design: Techniques for Gathering Requirements and Tasks. Internetworking: ITG Newsletter (1.1).: http://www.internettg.org/newsletter/june98/user_requirements.html
Gillespie, G. (2000). Web page design for designers: http://www.wpdfd.com/wpdhome.htm
Information Management Office. Australian Government. (2004). Better practice checklist: 15. Information Architecture for Websites.: http://www.agimo.gov.au/practice/delivery/checklists/ia
Kalbach, J. (2001). Designing for Information Foragers: A Behavioral Model for Information Seeking on the World Wide Web. Internetworking ITG Newsletter (3.3).: http://www.internettg.org/newsletter/dec00/article_information_foragers.html
Kaufman, J. (2005). Information architecture for the people. Digital Web Magazine.: http://digital-web.com/types/ia_for_the_people/
Morville, P. (2004). User Experience Design. Semantic Studios: http://semanticstudios.com/publications/semantics/000029.php
Richmond, A. (2001). Design and Architecture of a content-rich web site. WDVL.: http://wdvl.internet.com/Authoring/Design/Design/
Rosenfeld, L. (2000). A Closer Look: Critical Reviews of Corporate Websites.: http://webbusiness.cio.com/archive/closer.html
Seigel, D. (1999). Killer websites core page.: http://www.killersites.com/core.html
Sullivan, T. (1998). Design Fundamentals: http://www.pantos.org/atw/basics.html
Wodke, C. (2001). Boxes and Arrows: Defining Information Architecture Deliverables.: http://www.sitepoint.com/article/architecture-deliverables

Return to table

Return to course outline

Return to print syllabus

February 5

Advanced layout options with HTML 4.01

Working with tables and frames
Readings
HTML Center. (2000). Advanced Frames Tutorial: http://www.htmlcenter.com/tutorials/tutorials.cfm?id=69
Piperoglou, S. (2000). Tutorial 14: You've been Framed, Part I Webreference.com.: html://www.webreference.com/HTML/tutorial14/
Piperoglou, S. (2000). Tutorial 15: You've been Framed, Part II. Webreference.com.: http://www.webreference.com/html/tutorial15/
W3C. (1999). Frames in HTML Documents: http://www.w3.org/tr/REC-html40/present/frames.html
W3C. (1999). Tables in HTML Documents: http://www.w3.org/tr/REC-html40/struct/tables.html

Return to table

Return to course outline

Return to print syllabus

February 12

Interactivity in web architecture and design

Topics

Working with forms

Introduction to PHP for forms

Readings:

Bakken, S.S. (2000). Introduction to PHP Zend.

http://www.zend.com/zend/art/intro.php

Burns, J. (2001). So You Want a Form, Huh?

http://www.htmlgoodies.com/forms.html

Hickson, I. (2006). Web Forms 2.0 Working Draft - 2 January 2006.

http://www.whatwg.org/specs/web-forms/current-work/

Piperoglou, S. (2000). Tutorial 13: Giving Form to Forms Webreference.com.

http://www.webreference.com/html/tutorial13/

Rutgers University (2000). PHP Online formsNBCS User Services

http://www.rci.rutgers.edu/~jfulton/php1/forms.html

Wade. M. (2002). Working with forms in PHP. Codewalkers

http://codewalkers.com/tutorials.php?show=12

W3C. HTML 4.01 Specification: 17 Forms. W3C Recommendation.

http://www.w3.org/TR/REC-html40/interact/forms.html

W3Schools. (2005). PHP forms

http://www.w3schools.com/php/php_forms.asp

Web Diner Inc. (1997). Web Diner Forms Tutorial

http://www.webdiner.com/annexe/forms/wdform1.htm

Return to table

Return to course outline

Return to print syllabus

February 19

Information architecture II and XHTML

Topics

Components of information architecture
    Information organization, navigation, and labeling
    Page layout
    Interface design
    Site design

Transitioning to XHTML

Readings:

37Signals. (2002). Contingency Design: Maximizing Online Profitability By Helping Customers When Things Go Wrong. White Paper.

http://www.slis.indiana.edu/hrosenba/www/L571/pdf/37s_contingency-design.pdf

Adams, K.C. (2000). Immersed in Structure: The Meaning and Function of Taxonomies. Internetworking 3.2.

http://www.internettg.org/newsletter/aug00/article_structure.html

Argus Associates. (2000). Argus Clearinghouse for Information Architecture.

http://argus-acia.com/

Charlesworth, M. (2000). Site Architecture and Navigation through Research Web Developer's Journal.

http://www.webdevelopersjournal.com/articles/architecture_nav_research.html

Claben, M. (2000). XHTML 1.0: Where XML and HTML meet. Webreference.com.

http://www.webreference.com/xml/column6/

Graham, I. (2000). Online References: The XHTML 1.0 Language and Design Sourcebook

http://www.utoronto.ca/ian/books/xhtml2/refs.html

Haller, T. (1999). Information Architecture.

http://www.infodn.com/

Katz, M.A, and Byrne, M.D. (2003). Effects of Scent and Breadth on Use of Site-Specific Search on E-Commerce Web Sites. ACM Transactions on Computer-Human Interaction, 10(3), 198-220.

http://doi.acm.org/10.1145/937549.937551

Meyer, T. (2002). Information architecture concepts: Misconceptions explained. IBM Developerworks.

http://www-128.ibm.com/developerworks/library/us-inarch.html

Morris, C. (2000). Basic Principles of Web Site Navigation. Web Developer's Journal

http://www.webdevelopersjournal.com/articles/navigation.html

Moreville. P. (2000). Defining Information Architecture

http://argus-acia.com/strange_connections/strange001.html

Richmond, A. (2000). Introduction to XHTML, with examples. Web Developer's Virtual Library.

http://www.wdvl.com/Authoring/Languages/XML/xhtml/

Rogers, B.L. and Chaparro, B. (2003). Breadcrumb Navigation: Further Investigation of Usage. Usability News 5.2

http://psychology.wichita.edu/surl/usabilitynews/52/breadcrumb.htm

Rosenfeld, L. (2000). Interview with Andrew Dillon (about IA)

http://argus-acia.com/people/dillon_profile.html

Shiple, J. (2000). Information Architecture Tutorial

http://www.webmonkey.com/98/28/index0a.html?tw=design

Straub, K. and Weinschenk, S. (2003). Breadth vs. Depth. UI Design Newsletter.

http://www.humanfactors.com/downloads/apr03.asp#susan

Vora, P. (2000). Extensible HyperText Markup Language (XHTML). Internetworking 3.1.

http://www.internettg.org/newsletter/mar00/workshop_xhtml.html

W3C. (2000). XHTML 1.0: The Extensible HyperText Markup Language

http://www.w3.org/tr/xhtml1/

Wyllys, R.E. (2000). Information Architecture

http://www.gslis.utexas.edu/~l38613dw/readings/InfoArchitecture.html

XHTML.ORG. (2000). XHTML.org Home page

http://www.xhtml.org/

Zaphiris, P. and Mtei, L. Depth vs breadth in the Arrangement of Web Links

http://www.otal.umd.edu/SHORE/bs04/

Return to table

Return to course outline

Return to print syllabus

February 26

Cascading style sheets I

Topics: Basics of CSS
    Rules, selectors and declarations
    Font control and lists
    Images
Readings:
Brown T., Eriksson, J.R., and Sims, S. (2006). CSS Pointers: http://css.nu/pointers/
Kyrnin, J. (2007). HTML 4.0. About.com.: http://html.miningco.com/compute/html/msubhtml40.htm
Piperoglou, S. (2000). HTML 4.0 in Netscape and Explorer. Webreference.com: http://webreference.com/dev/html4nsie/
Pozadzides, J. and Quinn, L. (1997). Cascading Style Sheets. Web Design Development Group.: http://www.htmlhelp.com/reference/css/
W3C. (2006). Cascading Style Sheets.: http://www.w3.org/Style/CSS/
WDVL. (2007). Style Sheets: http://wdvl.com/Authoring/Style/Sheets/

Return to table

Return to course outline

Return to print syllabus

March 5

CSS II

Topics: Basics of CSS
Using CSS to structure space
Using CSS for absolute and relative positioning
Readings:
Bos, B., Lie, H., Lilley, C., and Jacobs, I. (1999). Cascading Style Sheets, level 1: W3C Recommendation 17 Dec 1996, revised 11 Jan 1999: http://www.w3.org/tr/REC-CSS1
Holly 'n John. (2002). Position is everything.: http://www.positioniseverything.net/
Gervasio, A. (2005). Introduction to CSS Positioning Properties Part 1 Style Sheets: http://www.devarticles.com/c/a/Web-Style-Sheets/Introduction-to-CSS-Positioning-Properties-Part-1/
Gervasio, A. (2005). Introduction to CSS Positioning Properties Part 2 Style Sheets: http://www.devarticles.com/c/a/Web-Style-Sheets/Introduction-to-CSS-Positioning-Properties-Part-2/
Irt.org. (2006). Irt.org - Cascading Style Sheet (CSS) and Aural CSS FAQ Knowledge Base: http://www.irt.org/script/css.htm
Lie, H.W. and Bos, B. (1998). Cascading Style Sheets, level 2 CSS2 Specification. W3C.: http://www.w3.org/tr/REC-CSS2
Piperoglou, S. (2001). Tutorial 20: CSS Floats, Part I. WebReferecne.com: http://www.webreference.com/html/tutorial20/
Piperoglou, S. (2001). Tutorial 21: CSS Floats, Part II. WebReferecne.com: http://www.webreference.com/html/tutorial21/
Piperoglou, S. (1999). HTML 4.0 in Netscape and Explorer: http://webreference.com/dev/html4nsie/
Raggett, D., Le Hors, A., and Jacobs, I. (1999). HTML 4.01 Specification W3C Recommendation 24 December 1999. W3C.: http://www.w3.org/tr/html401/
The Groan Zone. (1998). Style sheets: Part 3, 5, 7: http://groan-zone.net/css.html