南京工業(yè)大學網頁設計課程設計報告?zhèn)€人網站分析報告學院： 經濟管理學院 專業(yè)： 信息管理與信息系統(tǒng) 學號： P2202100117

南京工業(yè)大學

網頁設計課程設計報告

個人網站分析報告

學院： 經濟管理學院 專業(yè)： 信息管理與信息系統(tǒng) 學號： P2202100117 姓名： 邵宇劼

成績： 優(yōu)秀

2012年12月

個人網站設計報告

一、 選定的2家標桿網站名錄

二、 標桿網站分析（目標定位、版面的總體設計和欄目設置、提供的內容信息是否準確、網頁的制作結構、色彩和導航、交互設計是否合理方便等方面對其進行評析比較，請配合截圖）

美麗說（圖1）

目標定位：城市中的年輕、時尚、愛美的白領女性，商品全部是中高檔女裝及其相關產品，以時尚和高端品牌為主體。

版面的總體設計和欄目設置：版面以大圖片展示產品為主，真人穿著照展示服裝效果。欄目設置分為個人主頁、翻雜志、站內搜索、逛寶貝、達人搭配、福利社、手機客戶端等等功能。如圖（2）

圖（2）

提供的內容信息是否準確：內容比較準確，每一幅圖片都配有相應文字說明描述產品特征。每類產品采用九宮格方式盡可能多的展示了不同顏色和樣式。如圖（3）

圖（3）

網頁的制作結構：如圖（4）

如圖（4）

色彩和導航：色彩以粉色和白色為主，片中女性更喜歡的顏色，整體頁面給人簡潔溫馨感覺，如圖（5）

如圖（5）

導航和標簽也采用想通配色方案，顯得簡潔明快，文字按鈕易于辨認。粉色突出重點推薦商品，黑色為普通商品分類鏈接。如圖（6）

如圖（6）

交互設計是否合理方便：交互模式采用近似社區(qū)化模式，更接近真實購物體驗，在購物時分享感受，有別于傳統(tǒng)電商網站，是網站的特色功能。導航和搜索功能都比較符合用戶使用習慣。

蘑菇街（圖7）

目標定位： 90后對時尚敏感度高的女生為主，以淘貨為目標，主要瞄準當季的盛行元素。相比美麗說，目標商品更為廉價流行。

版面的總體設計和欄目設置：主體頁面是微博的形式的展現(xiàn)，強調了互動功能。除了采用微博形式外，在社區(qū)形態(tài)上也應用了小組的形式，每個用戶都有一個主頁, 將二者結合起來。如圖（8）

如圖（8）

提供的內容信息是否準確：內容提供相對準確，產品描述加個人購物體驗評價，更準確的描述了商品。

網頁的制作結構：如圖（9）

如圖（9）

色彩和導航：配色同樣選擇了粉色作為主色調，翠綠色標注重點強調文字和鏈接，整體感覺簡潔明快，富有活力，較容易吸引年輕女孩分享購物體驗，參與互動。如圖（10）

如圖（10）

交互設計是否合理方便：整合微博和社區(qū)的討論模式分享購物體驗，簡單的操作設計，方便多數微博和社區(qū)用戶上手參與討論分享信息。不提供獨立購物平臺，但籠絡了對一些商品感興趣的人群。