UNIVERSITY OF WISCONSIN-MILWAUKEE School of Information Studies

Transcription

1 UNIVERSITY OF WISCONSIN-MILWAUKEE School of Information Studies INFOST 717 Information Architecture SYLLABUS Some specifics in readings, schedule, assignments, and/or evaluation may change each semester Instructor: Steven J. Miller Location: NWQB Phone: Office Hours: Online: via Fax: CATALOG DESCRIPTION: Introduction to information architecture and user experience design, focusing on designing user-centered organization, labeling, navigation, search, metadata, and knowledge organization systems for websites. GENERAL DESCRIPTION: This course introduces students to the core concepts, practices, and resources of the interdisciplinary fields of information architecture (IA) and user experience design (UXD). IA deals with structuring a website s content for findability and usability through the creation of consistent user-centered taxonomies, labels, global and local navigation systems, internal website search functionality, metadata, and structured vocabularies. UXD consists of information architecture, interaction design, and user research, all of which are covered in this course, although the last two to a lesser extent than the first. IA is concerned with the logical and information design in contrast to the physical or visual design of websites. IA researches and models website users, content, and business or organizational context. Students will first learn how to critically analyze existing websites from an informed information architectural perspective. They will go on to learn about various kinds of IA research, conduct a website usability test, and create a website strategy and design. Among various concrete deliverables, students will create a usability test report, a conceptual sitemap/blueprint diagram, several kinds of webpage mock-up wireframe diagrams for web browser and mobile device displays, a portion of an interactive website prototype, and in the end tie these together in an information architecture design report that can also serve as a kind of portfolio when job seeking. Having studied information architecture, you will never look at a website the same way as you did before! You will notice how well or poorly a site is architected and follows IA and UXD principles. PREREQUISITES: Required: o Successful completion of L&I SCI 511 Organization of Information, or consent of instructor. o MLIS Computer Literacy Requirements: Recommended: o Completion of L&I SCI 571 (Information Access and Retrieval). OBJECTIVES/OUTCOMES: Upon completion of the course, students will be able to: 1. Articulate the parameters and principles of information architecture as an area of applied practice; 2. Become aware of and consult some of the major professional information architecture resources;

2 Page 2 of 8 3. Identify, critically analyze, and design organization, labeling, navigation, and search systems for webbased user interfaces, with an emphasis on institutional, e-commerce, and business enterprise websites and intranets; 4. Identify, analyze, and design knowledge organization systems, such as controlled lists, synonym rings, taxonomies, thesauri, and faceted navigation, for integration into the information architecture systems and structures of websites and intranets; 5. Analyze and design metadata schemes for database-driven websites and intranets, or for databasedriven applications within websites and intranets; 6. Articulate the basic principles of user-centered design, usability, and usability testing, and employ some of their tools; 7. Produce high-level, low-fidelity site maps, wireframes, interactive prototypes, and an overall strategy for the information architecture design of a website; 8. Create a professional Information architecture design report incorporating major IA deliverables creating during the course of the semester. COMPETENCIES: ALA s Core Competences of Librarianship (2009): Organization of Recorded Knowledge and Information: 3A. The principles involved in the organization and representation of recorded knowledge and information. 3B. The developmental, descriptive, and evaluative skills needed to organize recorded knowledge and information resources. 3C. The systems of cataloging, metadata, indexing, and classification standards and methods used to organize recorded knowledge and information. petences/finalcorecompstat09.pdf: METHOD: Online content and video presentations/lectures, learning exercises, discussions. Students with needs should contact the instructor as early as possible for accommodations. See the Secretary of the University s website for complete policies: WORKLOAD: Students should expect to spend on average 8-10 hours a week on class-related activities such as readings, discussions, lectures, and assignments. TEXTS, READINGS, AND RESOURCES: REQUIRED TEXTS: Rosenfeld, Louis, Peter Morville, and Jorge Arango Information Architecture for the World Wide Web: Designing for the Web and Beyond. 4th Edition. O'Reilly. ISBN: Also available as an e-book (ISBN: ). NOTE: The new 4th Edition is tentatively scheduled to be published on August 25, If it is not available by then in either ebook or print, I will likely drop it and require the 3rd Edition instead (Morville, Peter, and Louis Rosenfeld. Information Architecture for the World Wide Web. 3rd Edition. O'Reilly, ISBN: ) Krug, Steve. Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability. 3rd Edition. New Riders Press, ISBN: Also available as an e-book. RECOMMENDED (NOT REQUIRED): Unger, Russ, and Carolyn Chandler A Project Guide to UX Design: For user experience designers in

3 Page 3 of 8 the field or in the making. 2nd Edition. New Riders. ISBN: Also avail. as e-book. ADDITIONAL REQUIRED READINGS: Atherton, Mike "Beyond the Polar Bear." Slideshare. ANSI/NISO Z Guidelines for the Construction, Format, and Management of Monolingual Controlled Vocabularies. Section 5 (p ). Posted on the course site. Axure RP Flow Diagrams tutorial: Barker, Iain What is Information Architecture? KM Column. May. Boiko, Bob. 2005a. "Defining Data, Information, and Content: A CM Domain White Paper." Posted on course site. Boiko, Bob. 2005b. "Working with Metadata: A CM Domain White Paper." Pages 4-6. Posted on the course site. Dillon, Andrew Information Architecture in JASIST: Just Where Did we Come From? JASIST 53:10, Garrett, Jesse James. The Elements of User Experience: Diagram. Hedden, Heather The Accidental Taxonomist. Information Today Inc. Pages On course site. Instone, Keith. "Navigation Stress Test." Latham, Don Information Architecture: Notes Toward a New Curriculum. JASIST 53:10, Posted on the course Site. Leise, Fred, Karl Fast, Mike Steckel. Boxes and Arrows series of online articles: a) "What Is a Controlled Vocabulary?" 16 December 2002: b) "Creating a Controlled Vocabulary" 7 April 2003: c) "Synonym Rings and Authority Files." 26 August 2003: Leise, Fred Metadata and Content Management Systems: An Introduction for Indexers. The Indexer 24:2 (Oct., 2004) Lynch, P. J., and Horton, S Web Style Guide: Basic Design Principles for Creating Web Sites. Third Edition. Yale University Press. Selections. Also available online: Madsen, Dorte. Shall We Dance? Journal of Information Architecture, 1:1 (Spring). or madsen.pdf Morrogh, Earl Information Architecture: From Craft to Profession. Boxes and Arrows, 11/04. Myer, Thomas Information architecture concepts: Misconceptions explained. July. Mvungi, S., De Jager, K., Underwood, P "An evaluation of the information architecture of the UCT Library web site." South African Journal of Libraries and Information Science 74:2, Posted on the course Site. Nielsen, Jakob. Ten Usability Heuristics. Rayfield, Jem Sports Refresh: Dynamic Semantic Publishing. BBC Internet Blog. Unger, Russ, and Carolyn Chandler A Project Guide to UX Design: For user experience designers in the field or in the making. Second edition. New Riders. Selections. Posted on the course site. UserWorks "Strategy Recommendations Report: American Library Association Website." December. Wodtke, Christina, and Austin Govella Information Architecture: Blueprints for the Web. Second Edition. New Riders. Selections. Posted on the course site.

4 Page 4 of 8 USABILITY.GOV SHORT ARTICLES: [Ugov CSB]. Content Strategy Basics. [Ugov IDB]. Interaction Design Basics. [Ugov PER]. Personas. [Ugov PRT]. Prototyping. [Ugov PUT]. Planning a Usability Test. [Ugov RUTR]. Reporting Usability Test Results. [Ugov CS]. Card Sorting. [Ugov SCN]. Scenarios. [Ugov TA]. Task Analysis. [Ugov UC]. Use Cases. [Ugov UEB]. User Experience Basics. [Ugov WF]. Wireframing. ONLINE RESOURCES: The Information Architecture Institute: Boxes and Arrows: Journal of Information Architecture: American Society for Information Science and Technology (ASIS&T): Information Architecture Special Interest Group: Usability.gov: UPA: Usability Professional s Association: Additional Useful Books of Potential Interest (Not Required): [I have required some of these in this course in the past in addition to Morville/Rosenfeld and Krug.] Unger, Russ, and Carolyn Chandler. A Project Guide to UX Design: For user experience designers in the field or in the making. New Riders, ISBN: Lynch, P. J., and.& Horton, S. Web Style Guide: Basic Design Principles for Creating Web Sites. Third Edition. New Haven, CT: Yale University Press, Free version available online at: Wodtke, Christina, and Austin Govella. Information Architecture: Blueprints for the Web. Second Edition. New Riders, ISBN: Resmini, Andrea and Luca Rosati Pervasive Information Architecture: Designing Cross-Channel User Experiences. Morgan Kaufmann. Stewart, Darin L Building Enterprise Taxonomies. Mokita Press. Second edition. ISBN: Hedden, Heather. The Accidental Taxonomist. Information Today Inc., ISBN Brown, Daniel M. Communicating Design: Developing Web Site Documentation for Design and Planning. Second edition. New Riders, ISBN:

5 Page 5 of 8 COURSE SCHEDULE: Week Topics 1 Introduction to information architecture, user experience design, and user behavior 2 IA organization and labeling systems; taxonomies and metadata; content management systems 3 IA navigation systems and conventions; global, local, and contextual navigation Readings 4 IA search systems MR 8 IA research 1: context and content; stakeholder interviews; competitive analysis; business requirements; content inventory; heuristic analysis 5 IA research 2: users; user-centered design; user research methods; card sorting; usability testing; user requirements MR* Appendix; UC p ; Garrett; Ugov UEB MR 5-6; Krug 1-5 MR 7; Krug 6; Young; Instone MR 10a; UC 84-85, 90-93; Ugov CSB; Schade MR 10b; UPA; Nielsen 2012; Krug 8-9; Ugov PUT; Ugov RUTR; Ugov CS; Nielsen 2009a Assignment 1: Analysis of an existing website s organization, labeling, navigation, and search systems, and usability testing on the site. 6 IA strategy; user modeling and groups; personas & scenarios 7 IA design 1: site organization, conceptual blueprints/site maps; Axure software for diagramming 8 IA design 2: web page design: home page, navigation page, destination page; wireframes; Axure for wireframing 9 IA design 3: Mobile and cross-channel IA; responsive design & mobile apps; diagrams for tablet and phone; social media MR 11; UC p ; Ugov PER; Ugov SCN; UserWorks MR 12a; UC p ; WG p ; Nielsen 2009b; Loranger MR 7 & 12b; Krug 6-7; Ugov WF; Nielsen 2009c Krug 10; Tate, Messner, Estes 2013a-b; UC p Assignment 2: IA strategy overview & user model; 1 site map diagram, 5 wireframe diagrams. 10 IA design 5: User interaction design; task analysis, use cases, task flow diagrams; Axure for flow diagrams 11 IA design 4: Prototyping; wireframe prototype usability testing; Axure software for prototyping Assignment 3: Use case, task flow, interactive prototype. 12 IA design 6: Knowledge organization, databases, metadata, advanced search based on metadata; user tagging & rating 13 IA design 7: Knowledge organization systems, taxonomies, thesauri, & controlled vocabulary strategies Ugov IDB; WG p ;Ugov TA; Ugov UC; Axure Flow UC ; Ugov PRT; Axure Leise Boiko 2005 a-b; Hood MR 9 & p ; Hedden; ANSI-NISO 5; Leise/Fast/Steckel; MR 20 Assignment 4: Metadata / controlled vocabulary matrix table, 1 controlled term list, 2 metadata records, 1 advanced search wireframe. 14 IA & UXD in practice; ethics in IA &UXD; IA & UXD education & careers; Future directions: semantic IA & content publishing Assignment 5: Final IA design report. MR 13-16; Krug 11-13; Dillon, Latham, Madsen; Atherton; Rayfield Abbreviated citations to required readings in this schedule refer to complete citations given in the list of readings above. *MR = Morville & Rosenfeld. UC = Unger & Chandler. WG = Wodtke & Govella. Numbers are chapter numbers unless indicated by "p" for page numbers. Many of the readings listed above are short 1-3 page articles. Additional, recommended, non-required readings and resources will be given in weekly Readings and Resources guides.

6 Page 6 of ASSIGNMENTS: All assignments are due by 8:00 am USA central time on the designated due date. Anything submitted after that time will be marked late. Assignments Scenario: Design the information architecture for an original website of your own invention on a topic of interest to you. First analyze and test an existing website similar to yours. Then develop the information architecture design for your own site. Your website must satisfy some conditions that will be specified. Assignment 1: 1. Critically analyze the IA organization, labeling, navigation, and search systems of an existing website that would be a competitor to, or in the same domain as, the original website you will invent and design. 2. Create a usability test plan, conduct a usability test on the site using two real people, and report the results in a basic-level usability test report. Assignment 2: 1. Develop an IA design strategy for your own original invented website consisting of: a. An overview of the context, content, and users of your website, including a brief user model and two examples of user personas. b. An overview of how your design improves upon the IA systems of the competitor site analyzed in Assignment 1 and how it addresses any usability problems found in your test of that site. 2. Develop visual diagrams conveying your website design ideas: a. One conceptual site map / blueprint diagram. b. Three coordinated and annotated wireframes of the home page, a navigation page, and a destination page for web browser display. c. Two wireframes for a responsive design display of the home page on a smartphone in portrait and landscape orientations. Assignment 3: 1. Envision a component requiring step-by-step user interaction within your website, and create a simple user interaction design use case table and a task flow diagram for a specific user interaction. 2. Develop a partial interactive prototype based on your website wireframes. a. Compose a persona-based user scenario narrative consisting of the steps necessary for one of your personas to accomplish one of his/her particular goals within your website. b. Create an interactive prototype of your website with sufficient navigation and interaction to enable and demonstrate the user scenario above. Assignment 4: Imagine a database-driven website component if your site does not already include one. Based on this, create: a. A simple metadata scheme and controlled vocabulary matrix table. b. A simple controlled list of terms. c. Two metadata records conforming to the scheme and using the terms from the list. d. An advanced search wireframe that includes both fielded search and vocabulary value selection. Assignment 5: Information Architecture Design Report: Write a formal design report for the information architecture of your website by pulling together designated parts of previous assignments, revising them if needed based on instructor feedback, and adding a few new elements such as a title page and executive summary. ACADEMIC CONDUCT: Rules of academic conduct require that you not use the work of others without clearly indicating it as such. To do so is plagiarism. You may not submit work that has already been used in fulfillment of a requirement of any other course without prior approval of the instructor. Academic misconduct may result in a lowered grade, no credit for a given assignment, or removal from the course.

7 Page 7 of 8 COURSE PARTICIPATION: Each student is required to post at least seven meaningful discussion messages during the course of the semester as part of your total course grade. These seven messages must be posted during seven different weekly course units of your choice in the relevant weekly discussion folder. Messages should demonstrate your active engagement with course content, such as your own reflection on a weekly course reading, content topic, discussion question, the results of and thoughts on an aspect of a non-graded course exercise, or some other aspect relevant to the course unit. EVALUATION Requirements Weight Assignment 1 20% Assignment 2 30% Assignment 3 15% Assignment 4 15% Assignment 5 15% Discussions 5% Total 100% GRADING SCALE: A Excellent work C A- Very good work C B+ Average work D B Satisfactory, but undistinguished work D B- Unsatisfactory work D C+ Below 57 F Students in the Information Organization (IO) Concentration must earn a final grade of B or higher in order to have this course count towards their concentration requirements. Note on the grading scale: Neither the UWM Graduate School nor SOIS has a single uniform grading scale. Although many instructors choose to use a similar scale, any instructor may determine a scale best suited to his or her particular assessment methods. SOFTWARE for Diagramming, Prototypes, Screen Captures: This course requires students to visually represent the information architecture of websites using diagrams called site maps (or blueprints), wireframes, task flows, and interactive prototypes. We will use Axure RP Pro 7.0. as our diagramming and prototyping software. Assistance will be provided on how to use the software for the course. For site maps and static wireframes I will allow the use of other drawing software, including Microsoft Visio But for prototyping and task flows you must use Axure RP. We will also use screen capture software for selected aspects of some assignments. A good choice is ScreenHunter Free software available for free download from unless you have some other preferred screen capture software. You must be able to use a rectangular area capture feature to capture only selected portions of screens and not your entire desktop or application screen.

8 Page 8 of 8 No prior experience with these tools is assumed, and I will post short video tutorials at the beginning of the weeks during which you will need to start using these tools. I will also have a student assistant to give personalized assistance as needed, with sufficient advance arrangement. Do not attempt to learn how to use the software at the last minute before an assignment is due. You will likely not succeed well. If you stay current with the weekly exercises for your own practice you should be fine. UWM AND SOIS ACADEMIC POLICIES: The following links contain university policies affecting all SOIS students. Many of the links below may be accessed through a PDF-document maintained by the Secretary of the University: For graduate students, there are additional guidelines from the Graduate School ( including those found in the Graduate Student and Faculty Handbook: