電商網(wǎng)站ui設(shè)計對用戶體驗的影響

電商網(wǎng)站ui設(shè)計

　　一、用戶專注目標(biāo)，但好的UI設(shè)計會引導(dǎo)用戶忘掉直接搜索。

　　人人都需要購物，每個互聯(lián)網(wǎng)公司都需要在網(wǎng)上賣貨，如果說手機(jī)桌面上有什么APP是最不能刪除的，可能就是購物APP了。既然現(xiàn)實生活中有那么多的實體購物MALL、小夜市、大超市，為什么我們還是需要購物APP?

　　個人認(rèn)為最重要的原因，就是因為網(wǎng)購與購物實體店相比更方便。

　　這種方便主要體現(xiàn)在：

　　1、啟動的方便

　　購物更加快捷，可能你到最近的實體店要走10分鐘，但是現(xiàn)在你躺在家里沙發(fā)上就可以買買買。

　　2、選擇的方便

　　如果今天是想買鞋，只需要用搜索框搜索鞋，各種各樣的鞋躍然屏上。如果到實體店，可能只能看到一家鞋店，再找一家又得走上5公里。

　　3、購物過程的方便

　　不用一進(jìn)門就被人饑渴的眼光包圍，再被導(dǎo)購小姐跟著到處走，在網(wǎng)上購物遇到問題，只需要點點客服小按鈕，很輕松自在有木有。

　　4、售后的方便

　　電商以平臺作為擔(dān)保，還有評價系統(tǒng)，比起實體店付了錢就不認(rèn)賬，維權(quán)跑斷腿的情況，確實方便很多。

　　二、相同的產(chǎn)品結(jié)構(gòu)，不同的UI處理，會帶來不同的用戶體驗。

　　總分類導(dǎo)航的處理

　　幾乎所有的電商都有整個網(wǎng)站的分類導(dǎo)航功能，就仿佛進(jìn)入一個大樓首先看到的大樓平面沙盤，它讓用戶能全面的了解應(yīng)用的所有商品，并按照自己的意愿，選擇分類去進(jìn)入。它被各類電商放在頁面不同的位置，主要來說主要分為三個位置：與子分類放在一起、頁面左上角、標(biāo)簽欄。

　　電商網(wǎng)站ui設(shè)計超全面設(shè)計指南

　　1. 簡潔突出，大膽留白

　　“挑剔”是大多數(shù)網(wǎng)購人群的特性，這種“挑剔”不僅體現(xiàn)在他們對商品的態(tài)度，也蔓延到對網(wǎng)站的每個頁面。用戶不喜歡思考和尋找，他們希望所有自己需 要的內(nèi)容都清晰的攤在眼前，甚至眼前只有自己需要的內(nèi)容。這樣的要求聽起來很苛刻，但只有把握類似這樣的細(xì)節(jié)，才能在競爭激烈的電商市場中占有一席之地。

　　很多設(shè)計師對于留白都有些戰(zhàn)戰(zhàn)兢兢，生怕讓別人誤以為是自己偷懶了。其實，在電商登陸頁的設(shè)計中，留白卻是一種挽回用戶好心情的好方法。登錄注冊在用戶心里就是一個很麻煩的過程，而大量的留白能讓用戶感覺“原來只有一個步驟而已”，能很大程度的提升用戶體驗。

　　2. 以訪客利益為主導(dǎo)

　　訪客利益為先的衡量標(biāo)準(zhǔn)說起來可能比較空洞，很多電商網(wǎng)站也因此忽略了這一點。電商網(wǎng)站的主要目的是盡可能的多推廣、多銷售自己的產(chǎn)品，于是有的網(wǎng)站就不放過任何一個可以推銷自己產(chǎn)品的角落，這樣的做法會讓用戶很厭煩，尤其在登陸頁上出現(xiàn)諸如此類的推銷信息。

　　3. 好的標(biāo)題是成功的一半

　　有統(tǒng)計顯示，閱讀標(biāo)題的人是閱讀正文的人的5倍，這意味著“敲門磚”的重要性。如果你的標(biāo)題夠吸引人，也許用戶跟不用等到購買前才登陸注冊，讓用戶心甘情愿的化被動為主動才是交互設(shè)計更深層的意義。

　　4. 簡化頁面副本，切中要害

　　剛才已經(jīng)提到，用戶根本沒有心思在短短的幾秒鐘之內(nèi)做任何思考，因此，這里又涉及到了頁面副本的問題。如今什么都講求要創(chuàng)新獨特，但在登陸頁上還是要盡量避免。登陸頁面上的文案還是應(yīng)該簡單一點，用一些一看就能懂，而且沒有歧義的文字。

　　5. 有趣美觀的頁面設(shè)計

　　“人不愛美，天誅地滅”，視覺上美觀的是事物總能給人更好的第一印象，對于網(wǎng)頁設(shè)計也是一樣的道理。從色彩到布局，登陸頁設(shè)計要的是一種和諧，如果能在和諧舒適的體驗基礎(chǔ)上增添一些趣味性，用戶會更樂于使用和點擊。

　　6. 必要時加入動畫效果

　　雖然登陸頁面講求簡潔，但不可否認(rèn)動態(tài)的事物總能在第一時間抓住用戶的眼球。當(dāng)用戶不愿閱讀文字的時候，在網(wǎng)頁中加入動畫或小視頻就是個提高轉(zhuǎn)化率的另一個方法。但這樣的做法如果把握不好界限反而會破壞整個頁面的效果，甚至影響用戶體驗，所以還是要謹(jǐn)慎而行。

　　7. 撰寫充滿號召力的文案

　　要用僅僅幾個字的短句就抓住用戶的心，文案的號召力是很重要的因素，尤其對新用戶。這里所說的號召力也并非一定要用短句來實現(xiàn)，使用大動態(tài)字體的“注冊”也能產(chǎn)生相應(yīng)的效果，總之能讓用戶感受到你的活力和朝氣，他們才會更愿意去做。

　　8. 盡量減少表單域

　　從視覺角度來說，表格狀的形式不僅能把雜亂的數(shù)據(jù)清晰化，也能把原本簡單的內(nèi)容復(fù)雜化。有調(diào)查顯示，電商網(wǎng)站登陸頁上顯示的表單域越少，轉(zhuǎn)化率就越高，由此可見，用戶對于填寫表格并不感興趣。

電商網(wǎng)站ui設(shè)計

　　9. 感謝頁面社會化

　　與其想盡辦法讓廣告在網(wǎng)站內(nèi)無處不在，不如把握住感謝頁面，效果可能也會好得多。當(dāng)用戶完成登錄頁的轉(zhuǎn)化后，我們可以在頁面上添加一些選項，比如為登陸頁點個贊，又或是分享到社交網(wǎng)站上，這樣能第一時間集中更多的客戶群。

　　10. 使用單開式登陸頁

　　無論從實際操作還是用戶體驗角度出發(fā)，單開式的登錄頁都是目前最理想的打開方式。如果選擇彈框或者直接本頁登錄，會很明顯的不利于用戶的使用;另外，有些瀏覽器會有屏蔽彈框的功能。

　　電商網(wǎng)站ui設(shè)計的趨勢

　　更小的屏幕，更長的頁面

　　無限滾動，或者說長滾動頁面，現(xiàn)如今已經(jīng)成了電商設(shè)計師的最愛。移動端設(shè)備成為了用戶瀏覽、獲取信息的主要渠道，長滾動頁面成了大量內(nèi)容展示的最佳方式。由于手指觸摸是移動端的主要交互方式，你會在移動端設(shè)備上看到更多的手勢操作的加入。在長滾動頁面當(dāng)中，用戶可以通過滑動交互更好地控制滾動的速度?；瑒咏换ヒ哺舆m合講述故事，在電商領(lǐng)域，長滾動頁面會成為潮流的引領(lǐng)者。當(dāng)長滾動頁面和故事走到一起的時候，視差和動效就自然而然地可以容融入進(jìn)來了，它會讓體驗更加具有吸引力，它們會讓長滾動頁面擁有更加視覺化的表現(xiàn)力，也可以幫助用戶在短時間內(nèi)消費更多的內(nèi)容。

　　多渠道呈現(xiàn)，但是移動端優(yōu)先

　　更多人開始使用智能手機(jī)消費和購物，而非使用電腦。越來越多的品牌開始采取移動端優(yōu)先的策略。你不用擔(dān)心移動端APP會塞滿用戶的手機(jī)，響應(yīng)式設(shè)計時下流行的Web APP將會降低移動端設(shè)備的壓力，移動端優(yōu)先的策略則讓用戶在移動端設(shè)備上優(yōu)先獲取信息，響應(yīng)式設(shè)計則讓你所設(shè)計的內(nèi)容無縫地自適應(yīng)到大屏幕上。

　　通過以上的內(nèi)容，我們已經(jīng)了解了電商網(wǎng)站ui設(shè)計對于用戶體驗的影響的情況了，大家在做電商網(wǎng)站ui設(shè)計的時候，就可以參考上面的指南去做。