設計成果

學術研究

國立臺中技術學院商業設計系網站設計專案報告

論文名稱:  國立臺中技術學院商業設計系網站設計專案報告
論文名稱(英文) The Website Design of The Department of Commercial Design of NTIT
研究者(中文) : 李祝瑋
研究者(英文) : Chu-Wei Li
學 號 :
學位類別 : 碩士
出版年 :
論文頁數 : 119
學校名稱 : 臺中技術學院
系院名稱 : 設計學院
系所名稱 : 商業設計系
指導教授 : 黃鐉津
中文關鍵字 : 網站設計管理、數位公關、網路行銷、雲端運算
英文關鍵字 : website design management、digital PR、Internet marketing、cloud computing
論文使用權限 :
中文摘要: 目前台灣大學生使用部落格已達七成,多數學生使用網路取得知識、資訊,而社群網站位居第一,網路傳播成為較為貼近學生族群、效益較高、速度較快的傳播方式。本專案應用雲端運算技術,提供學員便利地訊息取得方式,並透過社群操作達到集體意識的整合。
  臺中技術學院商業設計系所網站舊有內容未符合網頁最佳化模式,且缺乏數位行銷,容易導致訊息傳達的斷層。本專案的進行導入設計管理規則,探討設計管理之模式與技術,藉由設計與管理的結合有效提高設計效益與資源應用,進而激發豐富精采的組織文化革新。
  為達到學生互動服務與系所文化的傳遞,本專案訂定五項目標:「建立品牌價值、導入設計管理、提昇互動與便利性、建立群組忠誠與加強國際曝光」,做為對內提升與對外拓展的長久計畫。由於人員流動性高,本專案執行完成後將建立網站維護規範、作業流程,將有助於網站維護人員對整體流程的掌握。
  本專案依據「杜拉克變化模版」與「柯林斯刺蝟原則」尋找本系競爭優勢以訂定策略目標,另外使用「心智圖」作為網站架構思考方法,並採取Google Analytics作為效益評估工具。策略訂定有利於品牌形象的明確化,透過專案的執行與管理以創造品牌價值,將系所文化精神充分發揮,增強國際競爭力及對環境的影響力。
英文摘要: Currently, 70% of Taiwanese university students use blogs. Most students use the Internet to gain knowledge and information, while social networking websites (Community network) are most frequently used. Internet communication has become a method of disseminating information that is closer to the student demographic group, has higher efficacy and faster speed. This project utilizes cloud computing technology to provide a way for students to conveniently obtain information, and promotional activities in online communities are used to integrate a collective consciousness.
  Existing information on the website of the Department of Commercial Design, National Taichung Institute of Technology, does not conform to the optimized model for websites, and lacks digital marketing, which tends to cause gaps in the transmission of information. This project introduces design management principles, explores the models and techniques of design management, and uses the combination of design and management to effectively enhance design efficacy and resource application, in order to elicit an abundant and splendid reform of organizational culture.
  In order to achieve interactive services for students and transmission of departmental culture, this project has established five objectives: “establish brand value, introduce design management, elevate interactivity and convenience, establish community loyalty, and increase international exposure.”These are the long-term plans for internal improvement and external expansion. Since there is high turnover of personnel, after project execution is completed, website maintenance regulations and operational procedures will be established to assist website maintenance personnel in having control over the overall flow of work.
  This project is based on the “Drucker change template” and the “Collins hedgehog concept” in searching for competitive advantages of this Department in order to set strategic goals. In addition, mind map is used in considering website structure, and Google Analytics is used to evaluate efficacy. Setting a strategy is beneficial toward the clarification of brand image. Project execution and management can create brand value that fully realizes the culture and spirit of the department, and enhance its international competitiveness and influence on the environment.
論文目次: 摘   要 i
ABSTRACT ii
誌 謝 iv
表 目 錄 viii
圖 目 錄 ix
壹、前言 1
一、研究背景 1
二、研究動機 1
三、專案目的 2
四、專案研究方法 4
五、專案限制與範圍 5
六、名詞解釋 7
貳、管理設計策略 10
一、組織發展背景 11
二、競爭者分析 15
三、使用者分析 19
四、國際發產趨勢策略 21
五、確立設計策略 21
六、設計的機遇 25
七、行銷設計策略 25
参、管理設計過程 25
一、設計過程 25
二、策略執行 26
三、設計方法 28
四、專案團隊 32
五、高階架構藍圖 34
六、架構需求表 34
七、設計效益評估方式 38
肆、管理設計執行 39
一、時間管理 39
二、網站政策規畫 41
伍、成果與效益 47
一、視覺設計理念 47
二、視覺要素聯想 47
三、首頁設計結果 50
四、編排與色彩考量 50
五、網站設計成果畫面 53
六、維護與錯誤訊息畫面 59
七、公關與行銷活動 60
八、後台效益分析 65
九、Google Analytics效益分析 73
十、設計過程記錄 78
十一、行銷公關操作時間記錄表 82
陸、結論 83
柒、文獻參考 86
一、國內書籍 86
二、國外書籍 88
三、國內期刊論文 88
四、國外期刊論文 89
五、網路資料 90
附錄一:國外設計系所網站、特色整理 92
附錄二:國內設計系所網站、特色整理 99
附錄三:表單設計 102
附錄四:後台工作手冊 105
附錄五:雅虎知識家公關操作 108
附錄六:考試Blog留言曝光公關操作 119
參考文獻: 一、國內書籍
王煦淳譯,2006,Web Layout 設計的美學,台北,旗標。矢野りん原著。王鵬,2010,雲端運算的關鍵技術與應用實例,台北,佳魁資訊。
李威和,2009,網路應用程式開發-使用Google App Engine雲端運算,
  台北,統一元氣資產管理資訊。
李琦、劉櫻、宮力、胡子平、楊彝安譯,2008,管理設計:創意獲利的關
  鍵競爭力,台北,麥浩斯。Kathryn Best 原著。
李璞良譯,2001,數位公關 成本少效率高的網路PR實務,台北,商智
  文化。Matt Haig原著。
林以舜譯,1999,誰在上網?網路使用者大調查,台北,美商麥格羅‧希爾。
  Peter Clemente 原著。
林東泰,2002,大眾傳播理論,台北,師大書苑。
林育如譯,2009,像設計大師一樣思考,台北,商周。Debbie Millman
  原著。
林建煌,2003,策略管理,台北,智勝文化。
林淑芬譯,1991,系統開發:系統設計與製作,台北,碁峰資訊。Alan L.,
  Elianson原著。
林蕙如譯,2008,Web+設計の黃金則:讓人流連忘返的網站設計關鍵,
  台北,旗標。池谷義紀原著。
吳怡國、錢大慧、林建宏譯,1994,整合行銷傳播:21世紀企業決勝關鍵,
  台北,滾石文化。Schultz Don E., Stanley I. Tannenbaum, Robert
  F.Lauterborn原著。
吳琮璠、謝清佳,1996,資訊管理理論與實務,增訂版,台北,長昕彩色
  印刷。
吳嘉哲、黃貝玲譯,2009,Google衝擊,台北,遠流,Randall Stross原著。
吳筱玫,2003,網路傳播概論,台北,智勝。
邱淑華,2005,網路公關-理論與實務,台北,揚智。
夏鑄九、王志弘等譯,2000,網絡社會之崛起,修訂再版,台北,唐山,
  Manuel Castells原著。
梅田望夫,2007,網路巨變元年─你必須參與的大未來,台北,先覺。
莊承翃譯,2009,系統分析與設計概論,台北,美商麥格羅‧希爾。Lonnie
  D. Bentley原著。
莊育維,2009,Facebook與FunP應用程式設計,台北,統一元氣資產
  管理資訊。
陳建勳譯,2007,資訊架構學,第三版,台北,美商歐萊禮。Morville Peter,
  Louis Rosenfeld原著。
湯宗泰、劉文良,2008,電子商務Web 2.0思維,台北,學貫。
張文慧,1998,如何利用Internet行銷,台北,聯經出版事業。
張亮譯,2008,設計好網站的黃金準則,台北,悅知文化精誠資訊。Nielsen
  akob, Hoa Loranger原著。
郭和杰譯,2001,有效的電子郵件行銷-電子郵件的行銷機會與策略,台
  北,中國生產力中心,Kim Macpherson原著。
曾光華,2008,行銷管理:理論解析與實務應用,台北,前程文化。
黃秀媛譯,2009,長尾理論,台北,天下文化。Chris Anderson原著。
黃朝盟、趙美慧,2007,網站規劃與設計,台北縣,商鼎文化。
程嘉君、陳清文編譯,1993,資訊‧科技的新日本,台北,財團法人資訊
  工業策進會 資訊與電腦出版社。
賈士蘅譯,1992,無限影響力:公關的藝術,台北,天下文化。Robert L.
  Dilenschneider原著。
詹偉雄,2005,美學的經濟:台灣社會變遷的60個微型觀察,台北,藍鯨。
齊若蘭譯,2002,從A到A+,台北,遠流。Jim Collins原著。
熊培霖、蘇佳慧、吳俊德譯,2002,專案管理知識體系導讀指南,台北,
  博頡策略顧問。Project Management Institute原著。
鄧瑋敦譯,2010,雲端運算大解密,台灣,電腦人文化。日經BP社出版
  局原著。
龐文真、林麗冠譯,2009,Google會怎麼做?,台北,天下文化。
  Jeff Jarvis原著。
羅耀宗、蔡慧菁譯,2009,免費!揭開零定價的獲利祕密,台北,天下
  文化。Chris Anderson原著。
二、國外書籍
Goto Kelly, Cotler Emily,2004,Web ReDesign 2.0: Workflow That Works,
  United States of America,Macmillan Computer Pub。
Jakob Nielsen,1993,Usability Engineering,United States of America,
  Academic Press。
Jesse James Garrett,2002,The Elements of User Experience: User-Centered
  Design for the Web,United States of America,AIGA,New Riders。
Morville Peter, Louis Rosenfeld,Information Architecture for the World
  Wide Web,United States of the America,Oreilly & Associates Inc。
Stephen Mahaney,2010,The Unfair Advantage Book on Winning the Search
  Engine Wars,Planet Ocean Communications, Inc.。
三、國內期刊論文
方盈潔,2008,微網誌使用行為研究:以PLURK使用者為例,國立政治
  大學。
田正榮,2006,聯繫於網路行銷競爭優勢的大學網站功能規劃與分析,致
  遠管理學院學報,第1期。
江義平、江謝鎮同,2007,網站服務品質與網站體驗,電子商務學報,第
  9卷第4期。
李新富,1996,企業設計策略管理之研究,台中商專學報,第28期。
李新富,2002,企業設計管理之論述,商業設計學報,第6期。
吳孟軒,2006,部落客網路書寫之自我揭露與人際關係之研究,中國文化
  大學新聞研究所碩士論文。
吳明德、黃喻淳,2005,我國教學資源網站內容及檢索介面之分析研究,
  圖書與資訊學刊,第54期。
吳雅樂、陳慧汶、呂妮霖,2008,公共關係溝通策略研究:以“無名小站”
  個案為例,廣告學研究,29期。
林希展、盧諭緯,2006,十五分鐘搞懂Web 2.0特刊,數位時代,巨思文
  化。
林伯峰,2007,Web 2.0之創新應用服務與經營模式之研究,國立中山大
  學企業管理研究所碩士論文。
孫秀蕙,2007,變動中的媒體環境對於公關教育課程規劃的影響:以“公
  共關係理論專題:網路傳播”課程為例,廣告學研究,27期。
洪懿妍,1997,網路使用者對電子報的認知圖像─以交大資科BBS站為
  例,政治大學新聞研究所碩士論文。
張春蘭、洪芸香,2008,電子地圖及Google地球在國中地理課程之應用,
  地圖,第18期。
張銘峰、許閔雄、陳桂慧,2008,雲端運算平台Google App Engine簡介,
  電腦與通訊,第126期。
許恬忻,2007,企業公關人員如何使用MSN:以證券公關人員為例,廣告
  學研究,第28期。
許秩維,2006,球隊網路公關運作初探-以兄弟象棒球隊爲例,輔仁大學
  體育學刊,第5期。
黃三倍,2001,「網際網路為基礎之知識分享與群體決策支援系統」,清華
  大學工業工程與工程管理學系碩士論文。
黃義良,2002,淺談學校運用網路發展形象行銷的具體策略,學校行政,
  第20期。
潘文福,2006,學校網站設計的盲點與建議,臺灣教育,第639期。
劉正道,2007,顧客抱怨處理:公關策略之研擬及對組織-群眾關係的影
  響,廣告學研究,第27期。
劉素苓,2003,以社群網站及電子報建立校園資訊傳播系統-以樹德科技
  大學為例,第三屆離島資訊技術與應用研討會。
鍾德炤、許漢德,2007,學校入口網站服務品質,學生滿意度,及學生忠
  誠度之研究-以美和技術學院為例,南臺灣資訊科技與應用研討會。
簡惠閔,2006,學校公共關係的行銷媒介及其運用之道,學校行政,46期。
蘇建華,2007,Web 2.0發展介紹,資訊社會研究,第13期。
四、國外期刊論文
王靚,2008,淺談Web 3.0互聯網行銷模式,科技成果縱橫,第1期。
徐璐、曹三省、劉劍波、柴劍平,2008,面向移動多媒體的Web3.0技術,
  電視技術,第32卷第12期。
趙素蕊、柳冬青,2007,網站設計風格與色彩,商場現代化,第500期。
廣告大觀編輯部,2009,當品牌行銷遇到互聯網評論推薦,廣告大觀:綜
  合版,第6期。
劉琴,2008,廣告傳播的3.0時代,當代傳播卷,第1期。
羅泰曄,2009,Web 3.0初探,情報探索卷,第2期。
五、網路資料
Cbox,網路留言版,2010年5月30日,取自:http://www.cbox.ws
Internet Archive Wayback Machine,網站時光紀錄,2009年6月10日,取
  自:http://www.archive.org/
Jakob Nielsen,Usability Engineering,2010年5月10日,取自:   
  http://www.useit.com/jakob/useengbook.html
peter stern,網路最佳化設計,2008年10月5日,取自:
  http://www.petersterndesign.com/mscom/Microsoft_com%20Backstage
  %20Best%20Practices%20for%20Web%20Design.htm
吳佩玲,2008年我國家庭寬頻、行動與無線應用現況與需求調查—應用
  行為,2009年11月10日,取自:http://www.find.org.tw/find/
  home.aspx?page=many&id=230
行政院研究發展考核委員會,美國2010年電子化政府施政方向簡介,2009
  年9月6日,取自:http://blog.www.gov.tw/blog/b7eab394-d09c-4d81
  -8c87-830e5a46f2bc/post/9f989a1d-784f-49e1-a524-72975c5aa3b2.aspx
姜穎,大學生忙什麼?每天掛網5小時 1小時給blog,2009年4月18日,  
  取自:http://mag.udn.com/mag/campus/storypage.jsp?f_ART_ID=190145
張明輝,企業管理理論在學校經營的應用及省思,2009年9月15日,取
  自:http://web.cc.ntnu.edu.tw/~minfei/artical/schooladmin-20.pdf
黃任膺,中興東海逢甲 中部企業最愛,2009年5月19日,取
  自:http://tw.nextmedia.com/applenews/article/art_id/32491321/IssueID/
  20100506
維基百科,心智圖,2009年05月16日,取自:
  http://zh.wikipedia.org/wiki/%E5%BF%83%E6%99%BA%E5%9B%BE
維基百科,搜尋引擎最佳化,2008年09月07日,取自: 
  http://zh.wikipedia.org/wiki/%E6%90%9C%E5%B0%8B%E5%BC%
  95%E6%93%8E%E6%9C%80%E4%BD%B3%E5%8C%96
蕭介雲,9朵旗艦在雲端 資訊力再升級,台灣醒報,2010年6月23日,
  取自:http://tw.news.yahoo.com/article/url/d/a/100623/115/27z93.html
盧澤宇譯,什麼是Web 2.0,Intelligent Times,Tim O’ Reilly原著,2009
  年11月30日,取自:
  http://www.itmag.org.tw/magazine/article_single_138.htm
原文下載: http://ndltd.ncl.edu.tw/cgi-bin/gs32/gsweb.cgi/ccd=HtjSpN/record?r1=1&h1=0#XXX
備註:

網頁設計維護
國立臺中科技大學 商業設計系