分類頁面
回顧一下站點地圖,我們需要定義8個分類頁面,我們將遵循和制作首頁線框圖相同的過程來創(chuàng)建。昆明網站建設小編認為先創(chuàng)建一個比較粗糙的線框圖,然后在與客戶和助手一起提煉分類頁的細節(jié)。
不過,分類頁的設計與首頁有很大區(qū)別:因為有8個不同的分類,其中7個是商品分類,1個是視頻分類,我們要仔細考慮它們的工作模式。如果愿意的話,我們可以創(chuàng)建7個不同的商品分類頁面布局,但這樣做并沒有什么價值和意義。我們決定創(chuàng)建統一的商品分類頁面模板,將其應用到7個不同的分類頁,這樣可以對整個網站建立統一的用戶體驗,讓用戶更加輕松地穿行于不同分類中,也可以為我們節(jié)省一些工作量,降低工作難度。
下面是昆明網站制作小編整理的分類頁面從最初草圖到精煉后線框圖的過程,見圖7、圖8和圖9。
分類頁的主要目的是顯示出不同分類中的商品,經過與客戶溝通后我們得知,客戶銷售的商品種類和數量并不多,而且十分細化。因此我們決定采用更加靈活的分類頁商品顯示方法。一種是列表顯示(單列),這種方式的優(yōu)點是一目了然,用戶甚至不用進入商品詳情頁就可以了解商品的相關信息,并且可以更加便捷地購買或收藏。另外一種是切換到網格顯示(雙列)。
(圖7)
(圖8)
(圖9)
商品類別的層級結構是我們必須考慮的另一件事情。如果客戶有更多商品銷售,我們可能需要給主導航添加另一層子類,也就是二級類目甚至三級類目。這樣可以把一個大的商品類別分割成不同的小類別,便于管理的同時也便于用戶瀏覽。
雖然這個分類頁面的線框圖可以作為模板應用于其他幾個不同的商品分類頁面,但我們仍然需要創(chuàng)建另外6個,用來詳細描述所需的不同文本內容和圖像。不過總體來講,我們可以通過重復使用這里的頁面布局節(jié)省大量的時間精力。篇幅所限,這里不再附加另外幾個不同商品分類頁線框圖。
當前文章標題:分類頁面
當前URL:http://51zuanshi.com.cn/news/wzzz/3463.html
上一篇:繪制頁面和內容的線框圖
下一篇:商品詳情頁