網頁分析|臺灣科大視傳系網頁分析


面對少子化的衝擊,各大學繃緊神經的準備每一次到來的招生,所以各校的特色及品牌定位就顯得特別重要了。

如何在各個平台中脫穎而出,是每個校系共同面對的問題,臺灣私立大學設計系多以得獎為主要招生宣傳,國立大學則是在台灣普遍的觀念下,學費便宜,名聲好,大多數在於招生上是較沒有問題的,但是許多國立大學抱持著這個心態,學校除了「國立」兩個字之外,讓人想不到該校的特色,補助拿的比私立學校多,看到的成果卻比私立學校少。面對105年少子化最大的衝擊,國立大學現在正應該思考「拿掉國立」還剩下什麼?

數位時代的來臨,「網頁」是民眾認識單位最主要的窗口,從網頁中帶來的資訊可以讓民眾迅速了解這個企業、機關的內容、內涵及特色,所以在於網頁資料的呈現就顯得格外的重要了。

但是除了網頁資料的呈現之外,網頁是視覺性的東西,如何將本身所含的資料清楚明瞭的在網頁上呈現也是一門學問。

以下以台中科大商業設計系為例,分析與他校北、中、南,較指標性的視傳系網頁有和差異。






















台科大 工商業設計系:http://www.dt.ntust.edu.tw/



































台中科大 商設系:http://cd.nutc.edu.tw/





























台南科大視傳系:http://www.vcd.tut.edu.tw/bin/home.php



























樹德科大視傳系:http://www.vcd.stu.edu.tw/main.php



•網頁色彩

•台科大

台科大在網頁色彩呈現上,背景使用無色系的灰色,主要框架則用鮮明的顏色分類,整體有活潑的感覺。

•雲科大

雲科大在網頁色彩呈現上較複雜,雖然背景為和色,但是背景的花紋呈現顯得較雜亂。


•台中科大

台中科大在網頁的色彩呈現以灰、白兩色呈現,簡潔明瞭,不會干擾文字資訊的傳達。


•台南科大

台南科大在網頁色彩呈現上以灰、黑呈現,簡潔明瞭,讓文字訊息能夠清楚的表達。



•樹德科大


台南科大在網頁色彩呈現上以淡灰、深灰呈現,簡潔明瞭,讓文字訊息能夠清楚的表達。


•小結

上列範例網頁色彩風格多為反差色,簡單明瞭的背景色配上反差色的資訊色塊,讓人一目了然重點在哪裡,如果背景多了花紋反而會影響視覺的辨識。





•網頁資訊性

上述網頁在資訊性呈現方面,各校都大同小異,以大標題子母頁方式呈現。

大標題不外乎是:系所公告、系所簡介、系所成員、招生資訊、聯絡我們...等等。


•台科大




•雲科大





•台南科大














































•樹德科大 





















與上述幾個網頁不同的,台中科大在資訊呈現方面較沒有那麼多機關。




除了上排列大標題資訊外,也在首頁下方增加了許多資訊連結。




一目了然的資訊呈現及條列式的分類,讓訪客及學生無需進入其他選單就可以更迅速的搜尋到所需要的資訊與連結。



•師資呈現

•台科大




































台科大在師資呈現方面,採用的是子母式分類,在母式頁面上有各個教師的選單,點入連結後有教師的詳細簡介。


•雲科大



































雲科大在師資呈現方面採取直接切換頁面的方式,點選上方選單後,畫面會轉移至該教師介紹。


•台中科大



























台中科大在師資呈現方面,採用的是子母式分類,在母式頁面上有各個教師的選單,點入連結後有教師的詳細簡介。



•台南科大





































台南科大師資介紹的畫面採用單一頁面呈現,無其他連結。



•樹德科大

















樹德科大師資呈現方式採用子母頁方式,在母頁有全系教師名單,點入名單後有個教師詳經歷,詳細經歷點擊後可展開子頁,顯示各個資訊。



•優點分析

•台科大

子母頁的呈現可以讓民眾以教師照片方式迅速的瀏覽要找的對象,點入子頁後呈現詳細資訊,不浪費母頁版面空間,師資呈現方面有較完整的資訊,如照片、教師專業、聯絡方式、學經歷等等...。


•雲科大

教師有照片呈現,增加民眾認識的方便性,單一頁面切換資訊,無需在進入子頁。

•台中科大

條列式的編排方式可以讓資訊更加清楚,有教師相關經歷的呈現。

•台南科大

教師有照片呈現,增加民眾搜尋的方便性,一目了然的表格式呈現。

•樹德科大

以色塊方式分類各個教師,並有教師照片,增加民眾搜尋的方便性,進入子頁後有教師完整資訊呈現,個經歷列表以收縮方式呈現,讓版面更加簡潔,教師經歷及產學資訊豐富且完整。


•缺點分析

•台科大

許多教師無個人網頁及個人簡歷,如果沒有資訊就不需要在列出標題。
教師學經歷太少,應放上當學期課表及該教師該課的課程大綱。

•雲科大

教師資訊過少,如經歷、產學案、課程資訊、教師課程大綱等等..。
以文字姓名連結教師資訊不夠直覺化,應以色塊及照片加以分類。

•台中科大

缺少教師照片,照片是認識對象最重要的一環,就像履歷表都需附上照片一樣。
經歷分類過於沒有系統化。

•台南科大

表格式的教師分類顯得較陽春,教師資訊也相當少。


•宣傳呈現

•台科大



台科大宣傳呈現方式主打進入世界大學排名百大,其他訊息則是系所空間呈現。



•雲科大



























雲科大宣傳訊息多為競賽及系務資訊,在首頁方面無圖片式宣傳訊息。



•台中科大



















台中科大首頁宣傳訊息呈現以得獎及競賽共同呈現。



•台南科大





















台南科大宣傳訊息則是以競賽得獎為主,首頁播放各個競賽得獎作品。


•樹德科大


















樹德科首頁宣傳主打各個國際競賽得獎作品。



•小結

首頁的宣傳是民眾認識系所最快的地方,所以宣傳內容應以系所特色為主,活動公告部分可以用其他訊息方式呈現。


•課程資訊

•台中科大



























課程資訊方面建議可用圖表示的方式成現,如下列樹德科大呈現方式



























將年級及選必修以表格方式區分,在將課程特色分類,每個課程都有連結至課程大綱的超連結。




•作品典藏


•台中科大























台中科大作品建構多為研究生展覽,更新較多,內容較豐富,建議可以收錄歷屆大學部畢業專題作品。



•樹德科大
























樹德科大完整收錄歷屆專題作品,以及歷年來國際競賽得獎作品。


•小結

數位典藏是設計科系相當重要的一環,當民眾認識完首頁外觀時,就需要更加認識系所的資訊及內涵,這時作品典藏就顯得相當重要,就像每一個去面試的設計師都會準備一份自己的作品集一樣,從作品集當中可以看出系所的特色與資質。


每一間設計系所都應該建構。




待續...

0 意見:

張貼留言