L578 (7251/7252): User Interface Design for Information Systems (Fall 2001)
This course will soon be renamed L575: Interface Design for Collaborative Information Spaces.

Course Description | Grade | Course Outline | Resources

While engineers can learn from structural mistakes what not to do,
they do not necessarily learn from successes how to do anything but repeat the success without change.
Henry Petroski (1985) To Engineer is Human, p.98
Instructor: Katy Börner | Email: katy@indiana.edu | Office: Main Library 019 | Phone: 855-3256
Assistant Instructor: Symiaw Lin (Meow) | Email: symlin@indiana.edu
Students: http://ella.slis.indiana.edu/~katy/L578/students/

L578 students in the IPEC world, final project demo on Dec 5th, 5:30-7p

Lecture:  Wed 4:30p-5:45p LI 001 Lab: Wed 6:00p-7:15p, LI 503
Office hours: Tue 4:00p-5:00p, Main Library 019 (Katy) | Thu 2:00p-3:00p, Collab. IV Lab. LI 020 (Meow)

Prerequisites: L548 or consent of instructor

Majordomo List: katy_L578@indiana.edu
Class Web Page: http://ella.slis.indiana.edu/~katy/L578/

Textbook: Tom Negrino, Dori Smith: Javascript for the World Wide Web (Visual Quickstart Guide), Paperback - 292 pages 3rd edition (June 1999), Peachpit Press; ISBN: 0201354632. Please get the 4th edition!

Web Resources: JavaScript, 3-D Modeling & Animation Tools, 3D Online Browsers, RWX Models for AW, AW WorldMapper, ChatlogVisualization

Course Description
The explosion of digitally available information is driving the need for more effective, efficient, and natural user interfaces to intelligently support access to information, applications, and people. This course provides an overview about the state of the art in text based, 2-dimensional, and 3-dimensional interface design. It will cover task and user analysis, interface goals & interface design methods, empirical evaluation, and conclude with a discussion of remaining fundamental issues in the field.
Students will be expected to do readings, provide a presentation on specific readings, and participate in discussion. They will extensively use web design tools (e.g., Fireworks), Javascript, and a 3D Virtual Reality Chat & Design Tool to build a number of highly interactive user interfaces in four projects. Students will conduct task and requirement analysis, learn basic interface design principles using JavaScript and 3-D technology through application, and design, develop, implement, and evaluate collaborative 2-D and 3-D environments.
Read Using Active Worlds Technology to build an iUniverse of 3-D collaborative learning environments. Learning Technology newsletter (January 2001) to learn what students achieved in the Fall 2001 class.

Course Format
The course utilizes a combination of lectures, discussions, hands-on lab sections, and projects to help students understand theories, design strategies, and assessment techniques in developing 2-D and 3-D environments for learning.
Students will be encouraged to discuss, question, and clarify course content in lecture and lab and they will improve their collaborative skills by working in topic dependent teams.

Individual and group work will be evaluated according to how well the course material is understood and implemented into projects, as well as the quality of written and oral presentations. Students are expected to spent about 8h per week outside of class for readings and projects.
The final grade will be based on class participation (10%), presentation of selected readings (10%), projects (60%) and a written final test (20%). Grades are assigned according to the grading standards of SLIS.

Class participation:
The quantity and quality of contributions made to class (especially during the discussion of readings) and electronic discussions via the class majordomo list counts for 10% of the grade. Material refers to articles/book chapters that have been used to prepare the lecture and can be consulted for details & references.

Presentations, Readings, & Surf:
The 15 min presentation will address a specific topic/question and will be based on readings from the literature or internet. Sources will be provided. If you can find more that's great. See Preparation of Presentations for more details.
You are expected to use the office hours the week before you will give the presentation to discuss your preparation with the instructor. Prepare your presentation as well as any specific questions you may have in advance.
All students will be expected to participate in class by reading the assigned material plus asking and answering questions. Reading materials are assigned for study in preparation for class discussion. Thus, class 2 material should be completed before attending the second week's class. Please do surf the listed web pages so that we can discuss them in class.

There will be four projects. Except for the first project, you will work on them in teams. Submit links to resulting web pages via mail to katy@indiana.edu.
Final Test:
The final written test (open book) primarily tests your knowledge of the material presented in class and the assigned readings.

1. Class attendance: Email the instructor if you can't make it to a class.
2. Plagiarism: Clearly indicate if you use materials from other sources. Academic and personal misconduct by students in this class are dealt with according to the Student Disciplinary Procedures.
3. Late Handin Policy: Late assignments or incomplete assignments are allowed only because of an unforeseen emergency that is preceded by diligent work, not for a pattern of weak performance. No individual student will be allowed to do extra work to raise the final grade or to make up missing work. All grades become final one week after the material is returned to you. No claims, however justifiable, will be considered after this deadline. If there is a medical or personal reason requiring you to miss an exam, you must present your excuse in advance and in writing, and we require some physical proof. Course work handed in
  •  within the first 10 min past 8 pm will receive at most 90% of the possible points.
  •  between 8.10 pm  to 9 pm receive at most 50% of the possible points.
  •   past 9 pm receive Z.

  • Make sure you handin in time and your handin is accessible and readable!

    Credits: 3 for L578

    Course Outline
    The class schedule may change as the course progresses. Changes will be posted on the L578 majordomo list.


    Class 1 (08-29-2001)
    Lecture: Course Description & Outline, Class Format, Grades, Resources
    User interface trends. Why should one design collaborative information spaces?
    Lab: Introduction to JavaScript and its relation to Java. Active World welcome party.

    Project 1: Personal Web page Design a personal web page that tells about you and your expectations on this course.
    Handin: Day before class 2
    Readings: WebResults Guide to Web Planning: Essentials
    How Users Read on the Web
    End of Web Design
    Comments on Project 1

    Class 2 (09-05-2001)
    Lecture: Setting the Context - Human Factors and Usability, Software Development, Computer Graphics, Collaborative Environments.
    Material: The Promises and Challenges of Networked Virtual Environments [Singhal & Zyda, chapter 1]
    Introduction to Internet Networked Virtual Environments [Singhal & Zyda, chapter 2]
    Readings: The Knowledge Garden by Crossley et al, 1999.
    Presentations on "Creating Places not Spaces" (During Lecture)
    From Interface to Interplace: The Spatial Environment as a Medium for Interaction by Thomas Erickson (HAZLEWOOD, WILLIAM RICHARD)
    Re-Place-ing Space: The Roles of Place and Space in Collaborative Systems by Steve Harrison & Paul Dourish (...)
    Lab: Java Script start up

    Project 2a: Design of Web-Based JavaScript Resources
    Handin: Day before class 4
    Readings: Explore ThinkQuest web pages at http://library.thinkquest.org/19537/
    Comments on Project 2

    Task Analysis and Interface Design

    Class 3 (09-12-2001)
    Lecture: Task Analysis. What do Users Want? How to Build Successful Worlds.
    Readings: 9 Timeless Design Principles for Community-Building by Amy Jo Kim & Design Principles for Online Communities by Peter Kollack
    Presentations on "Sociability & Usability" (During Lecture)
    Making Virtual Communities Work by John Suler (CHANTHARVORNSAWAT, PIMNAPA)
    Guidelines: Sociability and Usability by Jenny Preece. In [Preece, 2000]. (LEE, GYEONGJA JUN)
    Lab: More JavaScript. Study Fireworks for Animation & Rollovers by Alan Lin.

    Class 4: (09-19-2001)
    Lecture: Interface Goals & Interface Design Methods: User-Centered Design, Prototyping, Design Principles and Rules.
    Material: Designing the Functional Model [Olsen et al., 1998, chapter 2]
    Reading: Gaming and Virtual Learning Environments by Andrew Phelps & Daphne Economou, VLearn3D 2000 Conference.
    Lab: Fireworks for Animations & Learn How to Navigate - AW Treasure Hunt.

    Project 2b: Carefully study and rank order all project 2 solutions according to their design and according to their educational value to complete project 3.
    Handin: Day before class 7

    Class 5: (09-26-2001)
    Lecture: Interface Evaluation: Software Logging, User Observation, Benchmarks and Experiments
    Required Surfing: Visit 4 educational online MOO's and post your experiences to the majordomo list katy_L578@indiana.edu by Tue 9-25-2001, 8p.

    Lab: Assignment of Building Areas. Learn How to Build.
    This Lab session will be taught in-world by Jack Colbert (owner of Libraria).

    Project 3: Examine other worlds- in how far do worlds match their web page description? What is the secret of their success? What problems do they face?
    Handin: Day before class 7
    Readings: One of us - Participant observation research at the palace
    Comments on Project 3

    Technical Principles

    Class 6: (10-03-2001)
    Lecture: Texture, Lighting, 3-D Modeling Material: Basic Computer Graphics [Olsen et al., 1998, chapter 3]
    Geometric Transformations [Olsen et al., 1998, chapter 10]
    Lab: Learn to Design Teleports, Use Sound, Video Streaming, Link 2-D Web and 3-D World, etc.

    Class 7: (10-10-2001)
    Lecture: Basics of Event Handling and Interaction Material: Basics of Event Handling [Olsen et al., 1998, chapter 4]
    Widgets / Visual Interaction Design. Material: Widget Tool kits [Olsen et al., 1998, chapter 6], Interfaces from Widgets [Olsen et al., 1998, chapter 7]
    Lab: Presentation of Project Proposals by IU Faculty.

    Project 4: Designing Collaborative Information Spaces
    Handin: Present your project in Lab 10. Finish your project the day before class 12 (test version) and day before class 14 (final version).  Present your project during class 15.

    Class 8: (10-17-2001) I will be in Kyoto!
    Lecture: Explore Alphaworld with Bob Carteaux Jr. Please meet him 4:30pm at his Frank Zappa Memorial located in the main Active Worlds universe, world 'AW' at 327s 256w.
    Lab: Meet with Jack Colbert owner of 'Librarea' at 6:00pm in the main Active Worlds universe, world 'Librarea', ground zero.
    To Do for Project 4: Go Talk with Your Clients.

    Class 9:  (10-24-2001)
    Lecture: Presentations on "3-D VWs for Education & E-Commerce" (During Lecture & Lab)
    Avatars! Grand Tour of Worlds by Bruce Damer (VAN VLEET, JUSTIN)
    Building a Virtual University: Working Realities from the Virginia Tech Cyberschool by Timothy W. Luke. In [Werry, 2000]. (ALBAYRAK-KARAHAN, MELTEM)
    The Round Earth Project: Collaborative VR for Conceptual Learning by Johnson, A., Moher, T., Ohlsson, S., Gillingham, M. In IEEE Computer Graphics and Applications, vol 19 no 6, Nov/Dec, 1999, pp. 60-69. Surf: The Round Earth Project. (KALE, UGUR)
    Education, Commerce, and Communications: The Era of Competition. by Murray Turnoff, WebNet Journal, Jan-March 1999, pp 22-31. (YAEMSAARD, WITTAWAT)
    The Economies of Online Cooperation: Gifts and Public Goods in Cyberspace by Peter Kollack (LEE, JOE)
    Virtual Worlds for E-Commerce by blaxxun interactive (BARGER, RYAN EDWARD)Surf: http://www.3d-test.com/gallery/blaxxun3d/toshi/
    Required Surfing: Virtual News Speaker www.ananova.com
    Lab: Discussion of Concepts & Initial Designs for Project 4

    Class 10: (10-31-2001)
    Lecture: Threads, Level of Detail, Collision Detection Material: System Design [Singhal & Zyda, 1999, chapter 6]
    Lab: Presentation and Discussion of Final Projects.

    Class 11: (11-07-2001)
    Lecture: Networking, Scaling, and Complexity Issues Material: Networking Primer [Singhal & Zyda, 1999, chapter 3] & Communication Architecture [Singhal & Zyda, 1999, chapter 4] & Managing Dynamic Shared State [Singhal & Zyda, 1999, chapter 5] & Resource management for scalability and performance [Singhal & Zyda, 1999, chapter 7]
    Readings: The International Grid (iGrid): Empowering Global Research Community Networking Using High Performance International Internet Services by Brown et al., INET '99, San Jose, 1998.
    Next-Generation Tele-Immersive Devices for Desktop Trans-Oceanic Collaboration by Johnson et al., Electronic Imaging '99.
    Lab: Put your 'Learning Environments' in action. Acquire Data About and From Your Users. Send a short summary of your experiences to katy@indiana.edu by Nov 13th.

    Future Interfaces

    Class 12: (11-14-2001)
    Presentations on "Building Vital Communities" (During Lecture)
    Assessing Needs and Evaluating Communitites by Jenny Preece. In [Preece, 2000] (...)
    Building a Successful Community by Amy Jo Kim. (LIN, YU-CHEN)
    Community Development Among Distance Learners: Temporal and Technological Dimensions by Haythornthwaite, C., Kazmer, M. M., Robins, J., & Shoemaker, S., Journal of Computer-Mediated Communication [On-line], 6 (1), 2000. (LIU, WEIHSIN)

    Presentations on "Collaborative Information Spaces for the Next Millenium" (During Lecture & Lab)
    Virtual Community Knowledge Evolution by Bieber et al. HICSS-34, 2001. (...)
    The Interspace Project by Bruce Schatz (SUCHY, DANIEL)
    An HCI Agenda for the Next Millenium: Emergent Global Intelligence by John Thomas, In [Earnshaw, 2001]. (ALBERTSON, DAN)
    Collaboration and Shared Virtual Environments - from Metaphor to Reality by David Leevers, In [Earnshaw, 2001]. (HOLLINDEN, DANIEL)
    Cyborg's dilemma: Progressive embodiment in virtual environments. by Biocca, F., Journal of Computer-Mediated Communication [On-line], 3 (2), 1997. (HALL, CHRISTOPHER)

    Student generated test questions
    Select the 5 main topics of the course and write test questions and exemplary answers. This will give you the opportunity to evaluate the course topics, reflect on what you understood, and what are good test items for the upcoming final exam. Submit result via email to katy@indiana.edu by Tuesday Nov 27th, 8pm.

    Class 13: (11-21-2001)  Have a nice Thanksgiving!

    Class 14: (11-28-2001)
    Lecture: The Future. Extending Social Space to Cyberspace & Reconciling Physical and Cyberspaces Material: Perspectives and Predictions [Singhal & Zyda, 1999, chapter 9]

    Lab: Discussion of Final Exam Test Questions. Preparation for Showcase.

    Dec 1st: Vlearn3D 2001 Conference "Live 3D, Learn 3D"
    Dec 2nd: Avatars 2001 Conference

    Class 15: (12-05-2001)
    Lecture & Lab: Showcase Your Brave New Worlds! IMAGES

    Dec 7th, 3-4p, LI 001: Final-Exam
    It will be open book - you can use all your notes etc. You will not be able to use a computer.

    This section of the course web page will frequently be updated. Please suggest links to include.

    Additional Reading (all these books are on reserve in the SLIS library):
    2D User Interfaces:
    Jenny Preece, Yvonne Rogers, Helen Sharp, Jennifer Preece: Interaction Design, John Wiley & Sons, 2002, ISBN: 0471492787.
    Mark T. Maybury (Editor), Wolfgang Wahlster (Editor): Readings in Intelligent User Interfaces, Morgan Kaufmann Publishers, 1998; ISBN: 1558604448.
    Dan R. Olsen Jr., Dan E. Olsen, Dan R. Olsen: Developing User Interfaces, Morgan Kaufmann Publishers, 1998; ISBN: 1558604189.
    Jef Raskin: The Humane Interface: New Directions for Designing Interactive Systems. Addison-Wesley Pub Co, 2000, ISBN: 0201379376.
    Andrew Sather, Ardith Ibanez, Stefan Grunspan: Creating Killer Interactive Web Sites. Unknown, 1997, ISBN: 1568303734.
    David Siegel: Creating Killer Web Sites. Hayden Books, 1997, ISBN: 1568304331.
    Milly R. Sonneman: Beyond Words : A Guide to Drawing Out Ideas. Ten Speed Press, 1997, ISBN: 0898159113.
    Darcy Dinucci, Maria Giudice (Contributor), Lynne Stiles (Contributor): Elements of Web Design: The Designer's Guide to a New Medium. Peachpit Press, 1998, ISBN: 0201696983.

    3D Virtual Environments:
    Peter Anders: Envisioning Cyberspace: Designing 3-D Electronic Spaces, 1998, McGraw-Hill Professional Publishing; ISBN: 0070016321.
    Bruce Damer: Avatars: Exploring and Building Virtual Worlds on the Internet. Peachpit Press, 1998, ISBN: 0201688409.
    Sandeep Singhal & Michael Zyda: Networked Virtual Environments: Design and Implementation, 1999, Addison-Wesley Pub Co; ISBN: 0201325578.
    Peter Washer: Digital Space: Designing Virtual Environments, McGraw-Hill, 1998. ISBN: 007069611X.
    Jean-Claude Heudin (Editor) Virtual Worlds: First International Conference, VW '98, Paris, France, July 1-3, (Lecture Notes in Computer Science, 1434), 1998, ISBN: 3540647805
    Stephan Diehl: Distributed Virtual Worlds, Springer Verlag, 2001, ISBN: 3540676244

    Engineering Design
    Henry Petroski: To Engineer is Human: The Role of Failure in Successful Design (Reprint), St. Martin's Press, NY, 1985

    Online Communitites:
    Rae A. Earnshaw (Editor): Frontiers in Human-Centred Computing, Online Communities and Virtual Environment. 2001, Springer Verlag; ISBN: 1852332387.
    Amy Jo Kim: Community Building on the Web: Secret Strategies for Successful Online Communities. Peachpit Press, 2000, ISBN: 0201874849. (Online Companion)
    William J. Mitchell: City of Bits: Space, Place, and the Infobahn. MIT Press, 1996, ISBN: 0262631768. (Online Version)
    Derek M. Powazek: Design for Community : The Art of Connecting Real People in Virtual Places. New Riders Publishing, 2001, ISBN: 0735710759.
    Howard Rheingold: The Virtual Community: Homesteading on the Electronic Frontier Revised Edition, MIT Press, 2000, ISBN: 0262681218. (Online Version)
    Chris Werry (Editor): Online Communities: Commerce, Community Action, and the Virtual University. Prentice Hall PTR, 2000, ISBN: 0130323829

    Usability Issues:
    Jakob Nielsen: Designing Web Usability: The Practice of Simplicity. New Riders Publishing, 1999, ISBN: 156205810X.
    Jeff Johnson: GUI Bloopers Don'ts and Do's for Software Developers and Web Designers. Morgan Kaufmann Publishers, 2000, ISBN: 1558605827.
    Deborah J. Mayhew: The Usability Engineering Lifecycle: A Practitioner's Handbook for User Interface Design. Morgan Kaufmann Publishers, 1999, ISBN: 1558605614.
    Jenny Preece: Online Communities: Designing Usability and Supporting Sociability. John Wiley & Sons, 2000, ISBN: 0471805998.

    Online Resources:
    Virtual-Worlds.net http://www.virtual-worlds.net/
    Digital Space http://www.digitalspace.com/

    Computing Services & Software:
    University Computing Services Help Online
    Personal Home Pages (Php) at Indiana University
    Photoshop Basics
    Active Worlds http://www.activeworlds.com/

    Code Validators:
    BOBBY http://www.cast.org/bobby/
    W3C HTML Validation Service http://validator.w3.org/

    Related Courses on Campus:
    U539 and T730 taught by Margaret Dolinksy, FA
    T330/U539 Introduction to Interactive Multimedia (Computer Art II) taught by Arthur Liou
    M 595 Technology and the Customer Interface taught by Raymond R. Burke

    Other Related Courses:
    The Design of Virtual Communities taught by Amy Bruckman at Georgia Tech
    Designing Online Communities taught by Amy Jo Kim at Stanford University.
    The Psychology of Cyberspace taught by John Suler at Rider University
    The Sociology of Cyberspace taught by Peter Kollock at UCLA
    The Virtual Society taught by Judith Donath at The MIT Media Lab
    Intelligent Embedded Systems taught by Gaurav S. Sukhatme at University of Southern California

    HomeFacultyKaty BörnerL578

    Last modified: 03/14/2002