我CE故我在成大土木系網遴選-成大土木系網遴選

我CE故我在

加系網很健康，設計系網很搞剛！

004
1149
1

系網不僅是土木系的門面，更是高中生對系上產生初步認知之重要管道。本次設計以高中時瀏覽經驗為核心，融入高中生需求及使用者體驗向外發散，配色呈現土木人樸實穩重的特質卻不失活力，網頁架構也力求簡潔直觀，期望帶給未來的使用者更好的體驗，也希望能獲得各位同學的喜愛！

我是剛從高中畢業的大一新生，對於高中欲認識各科系時，瀏覽各系系網的經驗記憶猶新，但也因為入學時間不長，對系上諸多事情尚不甚了解，故僅先針對網站架構、使用者體驗及配色部分改善。

現行系網問題：

網頁配色以暗紅及黑色為底，字為白色，長時間瀏覽網頁時易造成眼睛不適，並給人沉重及無生氣之感。

各按鈕聯結有諸多錯誤及不直觀之處，使資料無法有效查找。

多處網頁內容均已過時，未能實際反映我們的現況。

解決方法：

配色選擇以淺色為主，予人舒適之瀏覽環境。並考慮到土木系樸實穩重的風格，以咖啡色系為主要色調。

針對網站整體架構已重新設計，設計理念秉持簡約直觀、樹狀分支不超過三層，以及同路線不導至同一畫面為原則。

網頁內容過時問題須透過定期更新系網內容，方能使問題獲得解決。

接下來針對系網個別問題與解決方式說明：

--首頁

說明：

目前系網在首頁分為「本系公告、系所簡介、系務規章、師資介紹、課程專區、入學資訊、資料下載、服務檢測」等8項。而我將此8項條目精簡為6項，分別為「系所簡介、學術活動、國際交流、電子報、下載專區、相關連結」。

以下將針對各項條目說明：

--本系公告

本系公告內點擊進入後為公布欄之延伸，並下分「系所公告、系友資訊及線上報名」，而「系所公告」為首頁最新消息之延伸，此部分可由首頁「最新消息」旁之「更多消息」連結。「系友資訊」內僅有2條消息，「線上報名」則無任何內容。

故將本條目全部刪除。

--系所簡介

原系網的「系所簡介」及我設計的系所簡介分為以下條目

其中，將原系網的「本系位置、本系簡介、本系沿革、各組簡介」併入新系網的「認識本系」，「試驗室」則併入「硬體資源」，其餘「成大土木系所郵件招領、整體教學/研究成果、國際化/產學成果」因無實際內容亦無存在之意義，故皆予以刪除(若「成大土木系所郵件招領」此欄位有保留之需要，仍以校務實際需求為主)。另外，硬體資源可再加入介紹國家地震工程研究中心。

--系務規章、師資介紹、課程專區、入學資訊、資料下載、服務檢測

如前文所述，「系務規章、師資介紹、課程專區」已轉移至新「系所簡介」，而「資料下載」改名為「下載專區」。「入學資訊、服務檢測」將於後文說明。

接著，說明我新增的條目：

--學術活動

學術活動主要希望將我們系上每年大致會參加的活動呈現出來，包括「抗震盃、橋梁設計比賽、工程參訪」等等，這部分在詢問系上行政人員後，發現這些活動並無固定主辦方，且水平溝通也有隔閡，此問題希望可透過各行政教職人員及學生會溝通協調取得共識，畢竟，這對高中生來說是個非常重要的資訊，不論是否有得名，都應該讓高中生知道我們有這些活動。(若有其他比賽遺漏可直接補上)

--國際交流

此條目希望可將系上與國際交流相關活動列出，包括「交換生、跨國雙聯學位」及構築未來宣傳片中提及與「伊利諾大學香檳分校」的合作皆可列入，此部分因為我才大一了解有限，還有賴系上成員整理補足。

--電子報

放我們系上定期出刊的電子報

--相關連結

此部分可放入系學會粉專/NCKU HUB/實驗室總網頁/國家地震工程研究中心/iOH開放個人經驗平台/新鮮人查榜/成大土木文教基金會等各網站連結，提供各訪客更方便的體驗。

接下來討論原網頁右下角之5個專區，其中「電子報專區」已移至上方條目，「入學資訊」將在後文說明，而其餘3專區皆為登入頁面，經過對系上行政人員的詢問表示「教職專區」有在使用，其餘部分因為我也進不去所以不清楚實際情況，故先將其保留。因此我將此空間規劃為「訪客分流」，讓有特定需求的訪客能更快找到自己需要的資料。

--校內專區

細分為4條目，分別為「場地租借、教室使用、教職專區、學生專區」，皆為原系網存在之內容。

--高中生專區

此條目主要針對高中生需要的資訊

但本條目牽涉許多學生會之負責事項，若學生會無長期經營之意願或有其他不可克立之因素則直接將本條目或本條目之子類別刪除。

--系友專區

系友專區部分較簡單，提供「電子報、成大土木文教基金會」2連結

--校外委託

此條目據本系行政人員所述仍有提供此服務亦有人在使用，然皆以電話溝通較多，因此若能完善此設計將可增加使用率，但仍需行政人員視需求更動或刪除。

備註：

至於各頁面內容的文案包括「認識本系、硬體資源」及介紹實驗室的部分，我盡力了！但我無法在如此短的時間將整個土木系研究的如此透徹，而且這些文案應由專業人士來寫會更具說服力，畢竟目前了解到得土木系仍不夠全面。

以上為網頁的基本架構，接下來是系網的視覺及使用者體驗的設計細節：

配色部分如圖示，以淺色咖啡色調為主，版面配置將「最新消息」與「專區」左右調換，給人較直觀的使用體驗。上層條目採觸碰下拉式清單(如圖二)，左側條目採觸碰往右伸展之設計(如圖三)，右上角之4項不再多做說明，惟須注意「聯絡我們」一欄應加上系上之聯絡電話、電子郵件、傳真、地址等資訊，不應只有問卷表單。另外，在「最新消息」上方加置一條「站內搜尋」，「最新消息」右側之「更多消息」導至原網頁之「系所公告」，而「English Version」之內容為翻譯問題，故不再此多加贅述。