電子商務(wù)網(wǎng)站頁面設(shè)計寶典第三集報到!!

我相信前兩集的內(nèi)容若能融會貫通，在武林界已非泛泛之輩!但第三集有更多密技可以提升內(nèi)力，讓你功力更上一層樓!! 馬上閱讀~

31.好的視覺階層，閱讀壓力少一半
設(shè)定好的視覺階層(visual hierarchy)，可以幫助使用者辨識頁面上資訊的重要程度。視覺階層要怎么呈現(xiàn)呢?我們可以透過"對齊"、"相近"、"顏色"、"色調(diào)"、"縮排"、"字體大小"、"元素大小"、"邊距"及"留白"等手法來完成。
當(dāng)正確的使用上述的視覺手法時，我們就可以有效的控制使用者的注意力，并改善閱讀性。某種程度上，視覺階層也可被視為閱讀動線的摩擦力，避免使用者一下就掃視完頁面，而忽略我們想要他們注意的資訊。
雖然設(shè)計視覺階層會增加實做的時間，但結(jié)果會是好的，因為可以借此安排或布局更多增加行銷、注冊或購買的機會。

32.群組相關(guān)項目，避免無邏輯的擺放
將相關(guān)的項目群組化是增加頁面使用性的基本方式之一，因為遵守著大部分使用者的分類邏輯可減少頁面對他們的認知缺口。譬如很容易聯(lián)想"開啟"與"儲存"是放在同一區(qū)塊內(nèi)，若還有其它相關(guān)功能，使用者也會在這區(qū)進行尋找。
SO，別讓使用者浪費時間在找尋功能的位置吧!!

33.即時告知"值"的正確性，不要提交后再說
當(dāng)使用者填寫錯誤的資訊于欄位時(例如密碼不符合規(guī)則或格式錯誤)，試著在頁面上即時告知，并提示錯誤的原因!相對的，我們要避免他們填完并提交后，才告知因某幾項資訊填錯而執(zhí)行失敗，這樣會浪費使用者來回確認的時間。

34.彈性的輸入格式，不要嚴格的限制
嘗試讓系統(tǒng)更人性化、能理解人們輸入的資料吧!
因使用者差異甚大，要求他們填寫的資訊，可能因習(xí)慣而出現(xiàn)不同的格式。若開發(fā)團隊能預(yù)先思考各種可能格式，并讓系統(tǒng)自動判斷與轉(zhuǎn)換它。就頁面的友善性而言，絕對優(yōu)于霸道的限制使用者只能填寫唯一的格式。
這里有個好的例子:當(dāng)我們要求使用者填寫電話號碼時，欄位能判定與接納各種填寫的格式，再轉(zhuǎn)換為資料庫記錄的格式(如示意圖)。雖然會增加開發(fā)的難度，但想追求卓越的使用者體驗，請堅持這個理念吧。

35.限時限量
要讓顧客馬上行動或購買，常使用的策略就是限時限量。因為讓產(chǎn)品或服務(wù)備有稀有性，就可替使用者產(chǎn)生"當(dāng)下做出決定"的價值。
同樣的，"把握機會"這件事情也有這樣的特性，當(dāng)大家都討厭"錯過機會"時，我們就可以利用"緊迫性"做為刺激使用者行動的策略。但使用這樣的手段，我們還是要保持誠信，不然它會像兩面刃般傷了自己。

36.利用"資源缺乏"的行銷策略，喚起使用者注意力
當(dāng)資源缺乏 (scarcity) 時，我們就會更加珍惜，這就是人性!
我們來比較一下量販店與精品店訂價的差異，肯定是精品店較高，且顧客的認知亦同。主要就是量販店的商品源源不絕，顧客并沒有感受到"資源缺乏"可提升的價值感。若今天發(fā)生戰(zhàn)爭，貨源斷絕，價格定會提高。知悉人性就可以找到創(chuàng)造價值的機會，例如有一些量販店利用"售完就不補充"的策略來吸引顧客購買。
然而，軟體業(yè)長期忽視"缺乏"的行銷策略，因為對程式碼而言，復(fù)制貼上是一件容易且習(xí)慣的事情。但網(wǎng)路普及后，多種電子商務(wù)模式興起，我們可以透過頁面來傳達產(chǎn)品的"稀少"、"缺乏"與"限制"。例如強調(diào)票劵的數(shù)量、僅能接待幾組客戶、此批貨源數(shù)量等。

這些"稀少"、"缺乏"與"限制"的行銷手法，可以喚起使用者更多的注意 !!嘗試著使用這樣的方式吧!! Think less is more.

37.填表單時，提供線索幫助使用者喚起回憶
在頁面上提供一些線索可協(xié)助使用者喚起過去的經(jīng)驗，進而提供我們更多回饋；若毫無提示，使用者則需更多的時間深入回想，反而耗時或遺漏更多資訊，就如同選擇題較填充題更快完成般。

綜上所述，想得到使用者回饋時，與其期待他們記得所有的事項，不如提供若干線索，來刺激他們的記憶，其效果肯定大于你的預(yù)期。

38.為什么不讓”點擊區(qū)域”更大一點
為求更佳的使用者體驗，網(wǎng)頁上的連結(jié)、表單及按鈕的尺寸設(shè)定應(yīng)該以讓使用者更好點擊為主要考量因素。
根據(jù)費茨法則 (Fitts’ Law)，我們了解到目標(biāo)越小、距離越遠，要達到目標(biāo)定位點的時間就越長；且移動速度越快或目標(biāo)尺寸越小時，引發(fā)錯誤的機率越高。
因此，我們可以試著增加欄位、關(guān)鍵行為按鈕(calls to action)或連結(jié)的尺寸；或是維持外觀，但增加可點擊的范圍。

39.想盡辦法降低載入或上傳的時間
速度就是王道!!
“網(wǎng)頁載入"與"操作后的反應(yīng)"速度皆會影響使用者體驗，甚至還可能降低網(wǎng)站的流量與轉(zhuǎn)換率。

我們該如何改善呢?其中一個方法即是透過技術(shù)減少載入時間，例如 spriter、再壓縮圖片大小或優(yōu)化程式碼。另外，也可以利用心理學(xué)的技巧，來降低使用者對載入的感知時間，讓他們覺得等待其實沒那么久。例如，在畫面上提供進度條，讓使用者可設(shè)定預(yù)期完成的時間；或系統(tǒng)正在上傳或載入時，提供另外一件事情讓使用者做。 (有些app會讓使用者選擇上傳的照片后，再讓他們輸入資訊或微調(diào)，系統(tǒng)便于這兩個行為間將圖片上傳完成)

40.提供鍵盤熱鍵

使用者肯定希望需重復(fù)操作的任務(wù)能快速方便，特別是專業(yè)用戶，而提供熱鍵功能就是一個好的解決方案。因為相較于圖形頁面上的按鈕操作，熱鍵能讓使用者提高執(zhí)行任務(wù)的效率。

本文名稱：電子商務(wù)網(wǎng)站頁面 設(shè)計寶典 (三)
本文地址：http://jinyejixie.com/news/143687.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有電子商務(wù)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)