網際網路應用系統設計

首頁   Homework   Lab

2011年3月8日 星期二

Homework 3

現有學校網頁:
http://www.cycu.edu.tw/


首先我們先從大家熟悉的學校網頁去分析,現有學校網頁面頁較精簡,不用上下拉動瀏覽器去調整要看的內容。然後三種使用者(在校生、教職員、校友)的登入選項擺在左方的空間,一進入網頁就映入眼簾,非常合適。登入選項的左邊一列分類明顯,方便查詢所需資訊,也適合校外人士快速了解學校的架構。右上的圖片跑馬燈顯示現行公告與活動對於宣導有實質的幫助,也可更添面頁色彩,在典雅的配色下加入活潑的氣氛。而右下角的各類面頁可以放置各項活動與公告,讓前來網頁的學生可以看到即時的資訊也加快了行政推行的速度。

綜合以上可以歸納成以下幾點:
1.      面頁精簡,方便瀏覽
2.      登入容易,方便使用
3.      分類明確,方便查詢
4.      圖示跑馬,更添色彩
5.      公告摘要,圖文並茂
 另版首頁設計:
http://www.eztrust.tw/cycu/

        在這面頁我可以看到全然不同的排版,可能是已經使用習慣了現今版本,對於新型配版的觀點會有些許個人好惡觀點,新型版面使用白藍互襯的希臘式風格設計,不同於現行的典雅有令人放鬆的觀感。而將就面頁的連結移置頂方並加入{未來學生}的選項,應該是設計給選填志願學生參考,而連結方面可能可以加入些較明顯的效果來方便使用,保留原本的圖示跑馬燈也讓人可以依小圖選擇想看的資訊,而不是舊有面頁的小小圖。在右側擺入站內搜尋與熱門連結並加入圖示方便使用。精簡原有面頁右下角區塊並在{校園活動此列}保留空間以利之後可以加入新項目。原本畫面中的麥當勞校門配合工程拿掉,並擺入二一鐘*2與懷恩樓(麥當勞換雙二一與懷恩!)

        綜合以上可以歸納成以下幾點:
1.      色彩使用白藍配色 活潑
2.      登入面頁較無上版明顯
3.      保留圖示跑馬燈並修改小圖 給個讚。
4.      站內搜尋拉出並加入熱門連結 –NEW!
5.      精簡原有右下面頁並保留空間可用於新增資訊。


總結:學校首頁在現今網路發達的時代也可以算是學校的門面之一,所以網頁的設計是有講究的必要性,但畢竟每位使用者的愛好都不同,故只要是可以在網頁上順利的找到所需的資訊就是好網頁!

18 則留言:

  1. 評論具洞察力,撰寫作業態度積極。

    回覆刪除
  2. 非常專業且用心的評論,排版整齊一目了然

    回覆刪除
  3. 看得出來很用心而且還有劃記@@GOOD!!

    回覆刪除
  4. 在條列優缺點前,詳細的概敘一番,感覺很棒

    回覆刪除
  5. 列出要點以不同顏色表明非常明瞭
    非常好

    回覆刪除
  6. 做得非常用心,讓人一看就懂

    回覆刪除
  7. 以圖示完整表達以代替純文字說明,並且撰寫有經過編排,井然有序
    認真!!

    回覆刪除
  8. 表達能力良好,有主標題又有條理敘述,加上圖片襯托,很好!

    回覆刪除
  9. 敘述的非常好,都有把重點抓到,而且條理分明。

    回覆刪除
  10. 不只有列出優缺點,還有個人評論,非常認真的學生!

    回覆刪除
  11. 極具用心!洞悉力強!分析透測!值得嘉獎~給你鼓掌!!

    回覆刪除
  12. 很用心寫作業,圖片自己去圈選出各排版,很認真,講述的也很有重點!

    回覆刪除
  13. 作業排版的方式很舒服,這樣報告的方式很簡單就可以抓到重點。

    回覆刪除
  14. 很用心,籃框跟紅框能清楚表示想表達的地方

    回覆刪除
  15. 點出兩個頁面的不同,論點清楚
    讓人一眼看出兩個頁面的版排不同,以及細節部份

    回覆刪除