|
設(shè)計網(wǎng)站最重要的當(dāng)然是達(dá)成網(wǎng)站目標(biāo)，而易用性好壞也大大影響網(wǎng)站目標(biāo)的達(dá)成率！下篇將介紹撰寫網(wǎng)頁文案及視覺動線的規(guī)劃，協(xié)助讀者理解高易用性網(wǎng)站建設(shè)的最基本原則：
1、吸引人的第一視覺區(qū)，留住使用者；
2、「接近律」與「封閉律」讓使用者快速理解頁面元素；
3、行動按鍵上的用字遣詞大大影響頁面轉(zhuǎn)換率；
4、可以點的東西就要「看起來可以點」；
5、重要資訊主動展開在頁面上，不要隨易使用頁籤隱藏內(nèi)容；
6、頁面底部與Footer比你想像的重要；
7、網(wǎng)頁文案這樣寫，溝通更容易；
8、如何掌控使用者在網(wǎng)站上的視線。
重點一、吸引人的第一視覺區(qū)，留住使用者
第一視覺區(qū)是進(jìn)入網(wǎng)站后的第一印象，許多網(wǎng)站的跳離率過高，與第一視覺區(qū)的設(shè)計有很大的關(guān)系！設(shè)計第一視覺區(qū)的基本要求就是「吸引使用者留在網(wǎng)站，繼續(xù)瀏覽」，其中四個重點為：(1) 僅保留精華資訊，以節(jié)省高度、(2) 設(shè)置頁面標(biāo)題，協(xié)助使用者快速理解頁面內(nèi)容 (3) 讓使用者理解頁面下方還有內(nèi)容、(4) 運(yùn)用圖片增加畫面吸引力。
重點二、「接近律」與「封閉律」讓使用者快速理解頁面元素
(1) 接近律
簡單的說就是運(yùn)用人類視覺會將鄰近的東西分成同一組的特性，所以在網(wǎng)站上如果想要將一群元素讓使用者視為同一群體，可以增加和其他元素之間的空間，并將同元素之間的距離拉近。
(2) 封閉律
簡單的說就是運(yùn)用線、圖或標(biāo)題分割區(qū)域，讓看的人更能理解區(qū)域間的差別。
重點三、行動按鍵上的用字遣詞大大影響頁面轉(zhuǎn)換率
網(wǎng)頁之間基本上是藉由連結(jié)移動，但是一般連結(jié)的點擊率10%已經(jīng)算是高的，因此用字要讓使用者易于聯(lián)想，增加點擊意愿。
重點四、可以點的東西就是要「看起來可以點」
前面我們提到了，要讓使用者點擊內(nèi)容本身就是一件不容易的事情，如果使用者在網(wǎng)頁上無法辨認(rèn)出連結(jié)的話，即使準(zhǔn)備了吸引人的內(nèi)容也徒勞無功。雖然扁平化的設(shè)計隨著iOS7推出引起風(fēng)潮，但從達(dá)成「讓使用者點下去」的目的來看，能點的東西「看起來可以點」更重要！
(1) 藍(lán)色或有底線的文字
在藍(lán)色文字下方加上底線是沿用到今天的基本手法。由于近年重視文字的易讀性及整體設(shè)計，不使用藍(lán)色底線的網(wǎng)頁也在增加，但觀察到的使用者行為，「藍(lán)色」或「底線」還是讓使用者辨認(rèn)出連結(jié)的重要因素，因此請盡量保留其中元素之一。另外，在并非連結(jié)的文字使用「藍(lán)字」或「底線」的話，會讓人誤認(rèn)為可以點擊，要盡量避免。
(2) 行動按鍵要有按壓感
關(guān)于行動按鍵的裝飾，具有「可以按下」的感覺十分重要。通常在前端加入符號，賦予按鈕網(wǎng)頁連結(jié)感（一般為箭頭或三角形），或在按鍵旁加入層次或陰影，或使用帶有圓角的矩形，便可以為按鍵加上按壓感。
重點五、重要資訊主動展開在頁面上，不要隨易使用頁籤隱藏內(nèi)容
許多網(wǎng)站喜歡用頁籤（Tab）的方式設(shè)計，但頁籤的致命處在使用者沒有強(qiáng)烈動機(jī)尋找資訊時，很容易忽略頁籤以致沒看到藏在頁籤中的重要內(nèi)容。設(shè)計網(wǎng)站時要考慮使用者上網(wǎng)的心境，有些網(wǎng)站偏向功能型網(wǎng)站（如：網(wǎng)路銀行），有些網(wǎng)站是娛樂型網(wǎng)站（如：網(wǎng)購平臺）。使用者造訪功能型網(wǎng)站時，尋找資訊的動機(jī)強(qiáng)烈，即便我們只放一個關(guān)鍵字，使用者也有意愿找到那個關(guān)鍵字并點擊；但娛樂型網(wǎng)站不一樣，一般網(wǎng)購平臺的首頁瀏覽情境都是打發(fā)時間，若使用頁籤等隱藏資訊的設(shè)計，這些被隱藏起來的內(nèi)容很有可能就直接被忽略了！網(wǎng)頁設(shè)計師在思考頁面內(nèi)容應(yīng)該如何配置時，一定要一併考慮使用者造訪網(wǎng)站的積極性，才不會誤將重要內(nèi)容的曝光度打折扣。
|
- 07-19[網(wǎng)站運(yùn)營] 網(wǎng)站運(yùn)營，如何做好網(wǎng)站體驗優(yōu)化
- 05-22[網(wǎng)站運(yùn)營] 網(wǎng)站分析如何做？
- 03-21[網(wǎng)站運(yùn)營] [媒體人的一天]新華網(wǎng)李洪雷：網(wǎng)站
- 03-16[人物訪談] 訪談李勇：SEO博客兩個多月快速提
- 02-06[人物訪談] SEO訪談：初入SEO的苦與樂!seo有沒有
- 02-04[自媒體] 內(nèi)容創(chuàng)業(yè)時代來臨：機(jī)會、趨勢、
- 01-13[網(wǎng)站運(yùn)營] 網(wǎng)站運(yùn)營推廣成功的三大核心問題
- 01-10[自媒體] 內(nèi)容創(chuàng)業(yè):前景光明還是黑暗？
- 03-16[網(wǎng)站運(yùn)營] 網(wǎng)站運(yùn)營之變局-內(nèi)容為王的時代已
