台北大學X漸凍人協會-VoiceBank語音銀行 :AI語音模型系統平台

UI/UX設計

程式設計

網站以語音相關功能為核心服務，透過漸凍人病友所錄製的聲音來建立出客製化且獨特的語音資料庫，記錄數條語音後交由智慧溝通系統的語言合成模型訓練，訓練完成後語音模型便能發出相似於紀錄者的音色與說話方式，藉此功能服務來輔助不便溝通的病友們。
網站由「台北大學語音暨多媒體訊號處理實驗室」及「中華民國運動神經元疾病病友協會」共同合作開發，中華民國運動神經元疾病病友協會另一個眾人較為熟知的名稱為「漸凍人協會」，透過雙方所制定的計劃與技術，並由善於網頁設計的傑立來協助將網站開發等相關工作，成功輔助並轉換成更友善使用者的網站。
我們在UIUX介面設計提供更便於使用者操作與瀏覽的方案及經驗，希望使用者能夠更輕鬆且直覺的完成所需操作。
而程式設計也提供更為安全的方式與做法，協助讓語音資料的傳輸更順暢，也讓各個使用者的個人資料及資訊更加安全。
另外也透過RWD響應式網頁設計的技術來開發製作，提供不同裝置的使用者皆能夠擁有良好的網頁瀏覽及操作體驗。

[網站概要]
全力協助漸凍人使用者溝通，透過錄製個人聲音，並經由智慧溝通系統的合成技術，進而產出具有使用者個人音色與說話方式的語音。在網站中訓練完成個人的語音模型後，透過文字輸入或點擊預先設置好的文字，便可發出個人說話特色的語音內容。

[介面設計]
以Figma及Photoshop工具來進行介面設計，透過草稿與設計稿做為網站成品的概念依據，提高雙方需求想法的一致性及專案進行的順暢度，並能更快速的完成並上線。設計稿可以提供版面配置、風格顏色、動態效果及網站流程等相關資訊，是網頁設計中不可或缺且非常重要的階段。

[樣式一致性]
在顏色、字體、尺寸、圓角或組合物件等...，設計皆保持一致性，確保使用者瀏覽網站時保持同一使用邏輯，不必轉頁後重新學習新的使 用習慣。

[​佈局一致性]
統一網站整體佈局設計，保持操作時在同一套系統流程中使用，減少需要重新思考的時間，給予使用者操作過程中一致性的網站體驗，增 加整體使用速度。

請病友至該網站進行註冊，就可以將自己會使用到的對話預錄下來，提供給漸凍人協會進行後製處理。
之後就可以將此錄音應用至日常生活中，以方便與親友、看護溝通使用。

響應式(RWD)網頁設計，設計UI/UX使用者體驗，可於各種裝置進行網頁瀏覽(PC、平板、手機)。
本次網站調整範圍前後台網頁設計與程式管理。