國立台灣科技大學
工商業設計系 商業設計組
商業專題設計
憂鬱症服務資訊平台-小鬱亂入
指導教授：林廷宜
學生：工商業設計-白琳 創意設計學士班-林妤恒
中華民國 年 月
2
3 摘要
「小鬱亂入」為一個憂鬱症服務平台，此平台上，我們提供互動式的憂鬱量表，讓使用者 可以了解自己憂鬱症傾向的高低，並依造狀況獲得可能需要資訊。其中也有經過設計後所 呈現的憂鬱症資料庫，讓使用者可以更有效率地依照需求尋找與閱讀。除此之外，憂鬱症 在此平台中的形象角色化為「小鬱」，一隻惱人的小怪物，藉此讓使用者能較具像的感受憂 鬱症困擾人的狀況。除了平台，此專案也搭配社群媒體的經營與行銷，讓使用者能主動地 接受到資訊與維持平台上的人數。此專題報告為此服務平台從企劃到執行推廣的過程記錄。
一、 前言
衛生署國民健康局憂鬱症調查指出，台灣約有 8.9%的人也就是約 200 萬人有憂鬱症狀。雖 然憂鬱症問題如此嚴重，大眾還是很難去討論這個疾病。所以我們認為憂鬱症這個議題是 需要被社會理解而且討論。因此我們開始思考，這個即將花費一年所做的作品，有沒有可 能跟如此重大的社會議題連結並改變現況。因此我們決定針對台灣最主要罹患憂鬱症的族 群，18-35 歲的年輕人，設計線上平台與社群媒體，希望透過互動式的線上憂鬱症量表與塑 造憂鬱症角色的呈現資訊方式，讓社會可以從認識到理解。而也我們希望我們的此專題，
不只是一個設計專題，而是一個在未來可以真正幫助社會的設計。
二、 文獻探討
3.1 針對目前線上之憂鬱症資訊平台的共同設計特點分析 3.1.1 線上憂鬱症檢測
目前現有的線上憂鬱症資訊平台幾乎都有提供線上憂鬱症自我篩檢、評量的服務，幫助 對憂鬱症有疑惑的使用者可以初步檢視自己的心理健康狀況。被普遍引用之量表的題數 從至少五題到至多三十二題；測量對象有分為不拘族群，也有針對特定族群（如青少年、
大學生等）設計的專業量表。
3-1.2 憂鬱症資訊
現有的憂鬱症服務平台也提供包括認識憂鬱症、憂鬱症新知、防治憂鬱症等憂鬱症相關 文章，文字多半為專業醫師或是專業的心理師及社工撰寫，主要是希望使用者透過閱讀 專業文章以了解憂鬱症。
3-1.3 網站結構
在多數平台中，憂鬱症有關的資訊常常只是平台裡的其中一環，大多數的平台會依據機 構之特性搭配有關防治精神疾病文章，或自殺防治等主題區。
4 3-2 台灣現有憂鬱症資訊服務平台案例分析
3-2.1 董氏基金會心理衛生中心
董氏基金會心理衛生中心服務平台提供的服務種類繁多，除了憂鬱症議題本身，尚有運 動紓壓、自殺防治、地震災禍專區等和心理健康相關的資訊內容。在線上憂鬱症檢測方 面提供三種量表：台灣人憂鬱量表、台灣大專生憂鬱量表與青少年憂鬱量表。使用者可 以根據自己的身份選擇對應的量表。憂鬱症知識方面，則用純文字的方式呈現。由於架 站時間較早，介面設計已不符合現今瀏覽器與使用趨勢。
3-2.2 台灣憂鬱症防治協會
台灣憂鬱症防治協會主要由精神科醫師與醫學系教授組成。網站主要是提供專業的醫療 相關文章與憂鬱症研討會等記錄，網站提供三種量表：簡式健康量表(BSRS-5)、台灣人 憂鬱量表與少年憂鬱量表。使用者可以根據自己的身份選擇對應的量表。站內文章文字 較為專業與艱澀，一般民眾可能較難以吸收了解。
3-2.3 社團法人中華民國肯愛社會服務協會
社團法人中華民國肯愛社會服務協會線上平台提供的資訊與主題種類繁多，除了基本的 憂鬱症資訊以外，有兒童憂鬱症協助服務、單親家庭憂鬱症防治、肯愛服務宣導專區等 和病友故事等資訊內容。此協會是由病友成立，所以網站服務主要提供給以已經罹患憂 鬱症的病友，所以站內並無提供憂鬱量表。
5 3-3 未來憂鬱症服務平台的發展趨勢 趨勢一 資訊圖像化－輕鬆獲得資訊 趨勢二 響應式設計－手持裝置當道
趨勢三 介面優化－對使用者更友善的操作環境 趨勢四 網路社群宣導－人們交流由線下轉到線上
根據以上四個發展趨勢，可以推論未來網路上的資訊平台，為了符合現代人的閱讀習慣，
圖像部分會多於文字，以追求更快與更有效率的吸收。而隨著科技發展，智慧型手持裝置 使用者日趨增加，單一的電腦介面已無法滿足使用需求，能適應各種裝置螢幕大小的響應 式設計平台已不是新潮的設計，而是必備的條件，介面設計也更加要求使用者的體驗。雖 然線上平台是當今線上資訊呈現的主流，但是隨著社群媒體的崛起，線上社群的資訊交流 將會是下一股風潮。透過經營網路社群來推廣理念與平台，有助於平台流量的維持與增加 人們對資訊的交流與討論。
三、 製作過程
4.1 主視覺製作過程 4.1.1 概念發想
以「推廣憂鬱症的資訊給需要的年輕人」這個核心理念來發展設計概念。
4.1.2 意象蒐集
整個專案的目標對象「需要憂鬱症知識的年輕人」，他們很可能是潛在憂鬱症患者或 是身邊有憂鬱症患者的人，我們認為他們在了解憂鬱症的過程中時希望感覺到的是 正面明快的情緒，因此我們收集了各種表現出正向、簡潔、療癒意象的介面設計和 符合憂鬱症擾人的疾病特質但又可愛的角色設計作品。
6 4.1.3 概念草圖發展
角色、標準字、輔助圖形草圖和色彩計畫測試。
7 4.1.4 概念選定
最後我們選擇用黃暖色系為主、冷色調黑色藍色為輔助色來表達正向有朝氣的感覺，角 色小鬱則以黑色小怪獸的形象呈現。
4.2 憂鬱症資料庫 4.2.1 資料蒐集與撰寫
我們從網路資料、書籍和訪談等方式蒐集大量憂鬱症相關資料，整理出我們認為最重要 和最有趣的憂鬱症知識，並根據資料內容類型歸類和重新撰寫。
4.2.2 專業醫師審閱
由於我們團隊的組成都是設計系學生，為了確定所有的憂鬱症資訊都沒有錯誤，在文案 撰寫完成之後我們請松德精神科診所的林耿立醫師協助審閱，確定文章內容修改正確無 誤後，憂鬱症資料庫的基本材料就完成了。
4.2.3 資訊圖像化
接下來便是將憂鬱症資訊圖像化，每一篇憂鬱症文章我們都以小鬱的角度來敘述憂鬱 症這件事。
8 4.3 服務資訊平台架設
網站的整體架構經過多次的討論，主要是在尋找最能讓使用者了解整個網站邏輯的結構。
結構確定之後就是介面設計與寫程式架設。
4.3.1 首頁
首頁為網站之門面，首頁的排版與風格在經過多次的使用者測試、訪談後都會進行視覺 修正。
4.3.2 資料庫
資料庫的架設為了考慮未來發展性，決定使用 Wordpress 做為網站架設的基底，以新增 蚊帳與頁面的方式管理與架設資料庫。
4.3.3 互動量表
互動量表裏的動畫與互動需要讓使用耳目一新，又需要兼容各大瀏覽器，所以使用 Html5 跟 JavaScrip 下去架設靜態頁面。角色的動態與反應也是經過多次使用者的測試與回饋下 去修正而得到的結果。
9 四、 設計結果與討論
5.1 品牌識別設計
為了讓使用者有更完整與舒適的體驗，我們設計一套完整的視覺應用在平台、社群與周邊 商品。
5.1.1 主視覺
主視覺整體風格呈現明亮、正向、愉快親切的氣質，我們希望觀者瀏覽「小鬱亂入」服 務資訊平台時，能夠以輕鬆的心情來了解憂鬱症這個議題，對憂鬱症不會感到害怕或有 距離感。
5.1.2 角色設計
把憂鬱症塑造成一個調皮的小怪物「小鬱」，強調角色本身陰晴不定的個性和惱人的反 應。除了代表憂鬱症的角色之外，還塑造出另一個代表憂鬱情緒的角色，讓觀者更容易 區分憂鬱症與憂鬱。角色化的目的在於將憂鬱症問題和病人本身區分開來，並透過角色 活潑的形象吸引觀者關注憂鬱症議題。
10 5.2 服務資訊平台
11 5.2.1 首頁
一頁式首頁，首頁的功能在於簡述「小鬱亂入」專案和服務資訊平台的兩大服務項目：
線上憂鬱症量表及憂鬱症資料庫，讓使用者進入平台後能夠快速了解平台的架構。亦搭 配動態呈現的主視覺給人流線鮮明的第一印象。
5.2.2 線上憂鬱症互動量表
我們引用國際通用無版權的憂鬱症量表「病人健康狀況問卷（PHQ-9）」，量表總共十題，
按照填表分數高低有四種量表結果，四種結果會對應不同的推薦憂鬱症資訊，舉例來說，
分數高的使用者代表很可能有憂鬱症，他就會看到憂鬱症的專業醫療資訊；分數低的使 用者表示他的心理健康狀況近期內還滿穩定的，他就會看到比較輕鬆的憂鬱症小知識。
12 5.2.3 憂鬱症資訊
我們將整個憂鬱症資料庫劃分為六個種類：如何面對憂鬱症患者、憂鬱症的知識、憂鬱 情緒、憂鬱症影音書籍介紹、憂鬱症醫療資訊和如何面對憂鬱症這個疾病。
5.3 介面設計
近年來國際介面設計的趨勢為扁平化（flat）、物質設計（material design）、動圖（gif）與響 應式設計等動態效果的使用，呈現簡潔明快的風格和趣味性，並且符合各種手持裝置「小 鬱亂入」根據這幾個方向執行介面設計。
13 5.3.1 服務資訊平台
用六種顏色區分六種文章類型，並用縮圖呈現每一篇文章的標題。點進文章內容後，
文章以一頁式的方式呈現，首圖基於文章內容和文章種類繪製，文章本身由文字內容 和插圖組成。
5.3.2 線上憂鬱症量表
跟目前線上現有的憂鬱症量不同，我們使用色塊按鈕呈現題目選項，避免使用者漏填題 目，影響分數的正確性；在作答的同時，使用者可以透過長條色塊進度橫桿知道自己的 答題進度，避免使用者答題時感到不耐煩。
14 5.4 資訊圖像化
憂鬱症資料庫中每一篇文章都以資訊圖像化的方式擷取文章精華，輔以詳細的內文，觀者 可以依照自己的喜好選擇閱讀圖像化後的簡要資訊，或是進一步閱讀文字內文。資訊圖像 化的種類主要有兩種：情境插圖和數字圖表化。
5.4.1 情境插圖
根據每篇文章的內容和情境濃縮、繪製，觀者可以選擇只瀏覽插圖和插圖上面的簡要文 字就能了解整篇文章的大意。
5.4.2 數字圖表化
將帶有數字的資訊以色塊、表格設計等具象方式呈現數字的份量感，觀者可以更容易理 解每個數字代表的意義和影響。
15 5.5 網路社群經營
根據我們的目標族群，我們選擇台灣最流行的社群媒體——臉書來推廣和行銷「小鬱亂入」
的服務資訊平台。從專案開始到 2015 年 6 月 15 日累積訂閱人數已達到 14,161 人。
5.5.1 憂鬱症資訊
我們從服務資訊平台上挑選最重要和最有趣的憂鬱症知識，以相簿單張圖片和簡要文字 說明的方式在台灣最流行的網路社群上呈現，並定時發表相簿，同時利用關鍵字標籤增 加搜尋曝光的機會，讓「小鬱亂入」的網路社群能夠維持穩定的活動狀態。
5.5.2 時事懶人包
除了定時發表憂鬱症知識的圖文相簿，我們也配合時事，不定時製作和時事相呼應的圖 文懶人包，迅速增加「小鬱亂入」網路社群的曝光率和分享數，讓更多人能夠看見小鬱 亂入和小鬱亂入的服務資訊平台、了解憂鬱症的正確觀念。
16 5.5.3 即時互動
我們善用網路無時差、無地點限制的特性，「小鬱亂入」的網路社群能夠即時回答使用者 提出的憂鬱症問題、獲得使用者對於服務資訊平台的心得和回饋，乃至於建議。甚至社 群媒體中的不同使用者之間也能透過留言的方式提問、解答問題，或是分享自己的憂鬱 症故事。
五、 結論與建議
資訊服務平台設計為一個複雜的過程，必須經過資料蒐集、統整濃縮、了解目標族群、概 念發展、網頁架構、服務體驗考量，最後才能完成其成品。而在經營社群時，不應該靠著 突如其來的靈感發布資訊，而是應該要依造數據謹慎的排程與撰寫，這樣子完成的平台才 會真正地貼近使用者。而小鬱亂入是經過與專業醫師合作、蒐集族群資料後而發展出來的 設計，希望藉由這個服務資訊平台，可以讓台灣社會有更多人可以認識憂鬱症，了解疾病 背後的種種。更希望可以藉由理解疾病而擁有同理心，讓社會對憂鬱症的態度更加友善，
達到我們設計此服務平台的目的。最後根據臉書社群和網頁的數據，此專案確實在憂鬱症 及精神病領域中引起傳播與影響，而線上的討論與互動也還在進行中。
17 六、 參考文獻
1. Robert L. Spitzer, Janet B.W. Williams, Kurt Kroenke 等（1999），病人健康狀況問卷－
9。取自http://www.refugeehealth.ca/sites/default/files/PHQ9%20-%20Chinese.pdf。
2. 野村總一郎（2008）。給陷入憂鬱的你 : 圖解憂鬱症小百科。台灣：新自然主義。
3. 田仲実流（2008）。千萬別對躁鬱症的人說加油！一個漫畫家的躁鬱症體驗日記！。
台灣：如果出版社。
4. 台大醫院健康電子報 （http://epaper.ntuh.gov.tw/health/index.html）
5. 亞東紀念醫院 （http://www.femh.org.tw/mainpage/default.aspx）
6. 行政院衛生署藥物資訊網（http://www.nhi.gov.tw/index2015.aspx）
7. 國泰綜合醫院 （http://www.cgh.org.tw/index.html）
8. ComeForHealth - CFH 健康知識網（http://www.cfh.com.tw/Home.aspx）
9. 臺北市政府衛生局（http://health.gov.taipei/Default.aspx）
