課程名稱 |
資訊結構與網站設計 Information Architecture and Web Design |
開課學期 |
106-1 |
授課對象 |
文學院 圖書資訊學系 |
授課教師 |
鄭 瑋 |
課號 |
LIS5054 |
課程識別碼 |
126 U1200 |
班次 |
|
學分 |
3.0 |
全/半年 |
半年 |
必/選修 |
選修 |
上課時間 |
星期五2,3,4(9:10~12:10) |
上課地點 |
圖資資訊室 |
備註 |
U選課程,大學部與研究所學生均可修習。 限學士班三年級以上 總人數上限:30人 |
Ceiba 課程網頁 |
http://ceiba.ntu.edu.tw/1061LIS5054_2017 |
課程簡介影片 |
|
核心能力關聯 |
核心能力與課程規劃關聯圖 |
課程大綱
|
為確保您我的權利,請尊重智慧財產權及不得非法影印
|
課程概述 |
Information Architecture refers to the organization, design, and production of digital content, especially information on the Web. This course emphasizes design principles, user- and task-centered design, usability basics, IA components (e.g., organization, labeling, navigation, and finding), visual design principles, and evaluation methodologies. This course will also review several technical foundations (e.g., HTML and CSS) of the Web that support IA.
The course is comprised of hand-on activities, assigned readings, mid-term examinations, projects, and class activities. Students will be expected to work with various web applications and their peers frequently throughout the semester. |
課程目標 |
At the conclusion of this class, the students will be able to:
o articulate information architecture components and the considerations in the context of various web structures, as well as the information design principles.
o develop evaluation skills to explicate the design and organization of digital content in various institutions and platforms, including libraries, archives, online retailers, news websites, etc.
o determine appropriate information architecture strategies for digital content display and management. |
課程要求 |
待補 |
預期每週課後學習時數 |
|
Office Hours |
每週四 14:00~15:00 |
指定閱讀 |
Rosenfeld, L., Morville, P., & Arango, J. (2015). Information Architecture: for the web and beyond (4th edition). Sebastopol, CA: O'Reilly. @圖資系圖書室 (TK5105.888 R67 2015)
|
參考書目 |
o Cairo, A. (2013). Ch1, Why Visualize: From Information to Wisdom. In The Functional Art: An introduction to information graphics and visualization. (p.5-23). Berkeley, CA: New Riders. Available at http://www.elartefuncional.com/images/Intro_chapter1.pdf
o Usability.gov. (n.d.) Visual Design Basics. Available at https://www.usability.gov/what-and-why/visual-design.html
oWeb Analytics Association. (2008). Web Analytics Definitions. Available at https://www.digitalanalyticsassociation.org/Files/PDF_standards/WebAnalyticsDefinitions.pdf
o Moore, T. (2015, March 23). How to Make a WordPress Website [youtube video]. Available at https://www.youtube.com/watch?v=sd0grLQ4voU
o W3 Schools http://www.w3schools.com/ See sections on CSS.
|
評量方式 (僅供參考) |
No. |
項目 |
百分比 |
說明 |
1. |
Overall Participation |
45% |
|
2. |
Mid-term (take home) |
25% |
|
3. |
Term project |
30% |
|
4. |
Reading Bonus |
2% |
|
|
週次 |
日期 |
單元主題 |
第1週 |
9/15 |
Course Overview |
第2週 |
9/22 |
IA Basics |
第3週 |
9/29 |
Information design principles |
第4週 |
10/06 |
Usability 101 (guest speaker) |
第5週 |
10/13 |
IA-component I: Organization |
第6週 |
10/20 |
IA-component II: Navigation and Labeling |
第7週 |
10/27 |
IA-component III: Search and controlled vocabularies |
第8週 |
11/03 |
No class (conference traveling) |
第9週 |
11/10 |
No class – Mid-term (take home) |
第10週 |
11/17 |
Topic IA showcase |
第11週 |
11/24 |
Web design I: Prototyping & usability testing |
第12週 |
12/01 |
Web design II: Web design & Wordpress |
第13週 |
12/08 |
Web design III: CSS |
第14週 |
12/15 |
Usability engineering: Evaluation methodologies |
第15週 |
12/22 |
Visual design and aesthetics |
第16週 |
12/29 |
Project showcase |
第17週 |
1/05 |
Project showcase |
|