(樂購網專欄 作者：李學江)對于B2B行業網站的頁面設計，大家可能更多考慮頁面用色、導航條、按鈕、標題欄的設計，內容設計可能常常被大家忽略。但是如果內容設計的不好，可能會讓你的所有設計被毀于一旦。比如如何讓內容有主次之分、層次感，使內容看起來不會太亂、太多，使用戶不愿意繼續閱讀下去，很快離開網站，不能留住用戶繼續訪問。在本研究報告前面章節我講過，永遠要記得用戶在沒有明確的閱讀內容前是掃描而不是閱讀，在導航頁面，用戶很樂于掃視一句一句的內容，對于大面積沒有重點的內容，沒有耐心，我們必須在網頁上提供既簡短又有一定視覺焦點的內容。這種焦點可以吸引用戶的注意力，讓他們在看到喜歡內容的時候，采取進一步的行動，點擊鏈接瀏覽詳細信息，或看其他更多內容，讓用戶留下來，如果我們不區分重點，就很難讓用戶很快發現他想找的焦點內容，尤其是對于新用戶，第一印象很重要。
了解到用戶瀏覽頁面時的需求和行為后，在頁面設計時就要滿足用戶的需求和習慣，有那些辦法可以突出焦點內容呢?一般常用：文字加粗、文字配圖片、文字變顏色、加導讀、文字變大、重點突出的部分四周多一點空白、增加小圖標或按鈕等方法，都能突出焦點內容。下面來簡要講解。
1 標題及重點突出內容設計一般標準
瀏覽者來到網站，會試圖找出他們需要的東西。再次重復，用戶并不一定是來閱讀的，他們是來做他們想做的事情，每個人的目的不一定相同，網站要節省他們的時間并且突出優質內容來吸引每個用戶的注意力，從而讓他們更加便于在幾秒鐘內掃描整個頁面。用戶只有在這幾秒內掃描并發現他們想要的東西，才會繼續在你的網站上停留更長的時間。所以對于B2B行業網站的首頁、一級欄目首頁等導航頁面來講，焦點內容就是推薦內容標題，信息分類名稱，信息圖片等幾個方面。使焦點內容更突出的方法有很多，下面來詳細講解。
(1) 文字加粗
無論什么內容，只要我們將少部分的內容加粗，將大部分不加粗，那么加粗的內容肯定就會非常突出，這個是常用的制造焦點內容的方法。在一個頁面上我們會見到很多加粗的文字，這些加粗的文字就會是焦點內容的一個部分，推薦的鏈接內容標題、主要分類名稱等經常使用。這個是頁面設計時創造焦點內容的主要方法。
(2) 字號變大
這個方法與文字加粗一樣，屬于設計焦點內容的常用方法，對于最重點的內容，通常都是既加粗，字號又變大。同樣是推薦鏈接內容標題、主要分類名稱等經常使用的。
(3) 文字變顏色
一般字號變大、字體加粗，也會與變顏色同時出現，更加突出，但是變顏色也會出現在一些次突出內容上出現，只變顏色，不加粗，不變大字體。
圖(69) 阿里巴巴產品列表頁截圖
如圖(69)所示，首先產品名稱，是最重要的，用戶將通過名稱看是否是自己感興趣的產品，所以阿里的設計師采用了最突出的做法，既變顏色，又增大字體，還加粗。公司名字是第二個需要突出的，在這里只采用了變顏色，如果又加粗的話，就會使頁面看起來很累，突出的內容太多了，就沒有突出了。同時標題下面為產品的導讀，將產品的參數表示出來，當訪問者通過掃描對某個產品感興趣了，就可能進一步看產品的介紹，屬于掃描到感興趣內容后的第二步動作，所以在頁面上，要弱化，設計師采用了灰色，以及地區、起訂量等都是灰色。搜索出來的產品都很類似，價格的比較就變的很重要，所以價格采用了瀏覽者眼球最關注的顏色：紅色。正如我在《B2B行業門戶網站策劃實戰研究報告》里講的，要研究電子商務網站的設計，阿里巴巴是最重要的研究對象。
(4) 文字配圖片
為了突出某個內容，我們常常配個圖片，吸引用戶的眼球，當然有時是這個內容本身就包含圖片，但是更多的時候我們會配個圖標、按鈕、小圖片，為了突出這個內容，與周圍的內容區別開來。
(5) 四周留空白
為了突出某個內容，我們常采用把這個內容的四周留白，這也是突出這個內容的方法，這種方法常常與加粗、字體變大、變顏色等一起使用。
(6) 為內容加導讀
加導讀的方法，除了讓用戶增加對突出內容有更多的了解，吸引用戶點擊，還從視覺上讓用戶覺得這個內容相比其他信息占的空間更多，習慣上認為這個信息更加重要，突出這個部分的內容。
圖(70) 食品商務網資訊欄目的推薦資訊
圖(70)為食品商務網資訊欄目的推薦資訊，相比其他資訊，用戶更愿意閱讀這個內容。
2 內容鏈接設計一般標準
網站內容鏈接要遵守用戶習慣，讓用戶看著就像一個鏈接，想去點擊。鏈接設計也是網站設計與平面設計最大的區別之一。一般的設計師對鏈接都能處理好，但是仍然有一些網站在這方面經常犯一些錯誤，也許各位讀者覺得這些錯誤太低級，但是據我看過的一些做的不好的網站，他們在鏈接設計上存在如下的問題。
(1)重要鏈接放圖片上
網站大部分的鏈接都應該使用文字，尤其是內容的鏈接，盡量減少對圖片做鏈接，不僅對搜索引擎優化不利，而且用戶使用時更習慣點文字鏈接。
(2)鼠標放鏈接上時文字顏色無變化
鼠標放鏈接上時文字顏色變化是一個習慣用法，幾乎所有主流網站，當鼠標經過鏈接時，都會變顏色，目的是讓用戶更清楚的知道，他準備點擊的是那個具體的內容。如果鏈接顯示的時候沒有加下劃線，鼠標放上去后必須要加下劃線。
(3)鏈接文字之間行距太小，看起來很累
鏈接與鏈接之間，要有一定的行距，一般字號在12PX-13PX之間，行距在25-30象素之間，行距太高，太粗糙，行距太低，看起來太累，這些都一定要符合標準，常用的行距是：150%。
(4)鏈接的背景顏色很深
一般導航頁面鏈接背景都是白色，為了使看起來不累或美觀，可以用淺灰色的背景，或很淺的其他顏色作為背景，背景顏色不能對閱讀鏈接內容造成視覺噪聲，干擾用戶的視線。
推薦閱讀
9月6日上午消息，網易正在從搜索方向布局電商領域，悄然用獨立域名huihui.cn推出導購平臺惠惠網，其功能包括搜搜比價、返現及導購文章等。 根據惠惠網的官方介紹，其定位是網購優惠平臺，希望“以第三方身份提供客觀>>>詳細閱讀
本文標題：做好B2B行業網站頁面內容設計，留住用戶
地址：http://www.xglongwei.com/a/b2b/20120906/83775.html
網友點評
精彩導讀
科技快報
品牌展示