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

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

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

32.群組相關(guān)項(xiàng)目，避免無邏輯的擺放
將相關(guān)的項(xiàng)目群組化是增加頁面使用性的基本方式之一，因?yàn)樽袷刂蟛糠质褂谜叩姆诸愡壿嬁蓽p少頁面對(duì)他們的認(rèn)知缺口。譬如很容易聯(lián)想"開啟"與"儲(chǔ)存"是放在同一區(qū)塊內(nèi)，若還有其它相關(guān)功能，使用者也會(huì)在這區(qū)進(jìn)行尋找。
SO，別讓使用者浪費(fèi)時(shí)間在找尋功能的位置吧!!

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

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

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

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

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

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

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

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

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

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

40.提供鍵盤熱鍵

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

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

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

廣告

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