當(dāng)前位置: 首頁 > 設(shè)計資訊 > 設(shè)計教程 > 正文

5個破壞產(chǎn)品頁面最常見的UX設(shè)計元素(附解決方案)

2020-06-19 1599 0

破壞產(chǎn)品頁面最常見的UX設(shè)計元素

     電子商務(wù)產(chǎn)品頁面中有一個隱藏在表面之下的問題,而網(wǎng)站所有者可能很高興地不知道這一點(diǎn),直到他們開始思考為什么他們的銷售沒有達(dá)到他們的預(yù)期。

      即使在這樣一個時代,世界上很多商業(yè)活動都是在線進(jìn)行的,而且銷售額每年都在增長,但在他們的商店里,除了蜘蛛網(wǎng),他們可能什么也找不到。當(dāng)然,他們的商店可能不是亞馬遜,但他們?nèi)匀粦?yīng)該吸引顧客,不是嗎?

     所以商店檢查了所有的東西。從網(wǎng)站的個人品牌,到拷貝,再到圖片。對所有資產(chǎn)和要素進(jìn)行審查和重新評估。他們可能還需要一段時間才意識到這一點(diǎn):問題可能是UX設(shè)計元素。

吸引顧客注意的正確方法

      即使你的網(wǎng)站表面看起來“完美”,有正確的標(biāo)準(zhǔn),甚至一個偉大的外觀,UX對客戶如何接收你的網(wǎng)站做出了很大的貢獻(xiàn)。如果你有一些專門的插件來決定你的工作進(jìn)展情況,他們可能會給你一些洞察力。如果你看到網(wǎng)站訪問者和他們中有多少人在結(jié)帳之間有明顯的脫節(jié),網(wǎng)站內(nèi)的體驗(yàn)可能會導(dǎo)致他們離開其他地方。

      在一些產(chǎn)品頁面中,錯誤可能會讓你的客戶望而卻步,不然就會成為一個繁榮的市場??紤]一下這些統(tǒng)計數(shù)字:

-2019年的電子商務(wù)統(tǒng)計

  • 退貨客戶: 30%的網(wǎng)上購物者以前在商店里有過積極經(jīng)驗(yàn)的人更有可能回來。
  • 他們會讓你知道的::30%的客戶也非常積極地與網(wǎng)站互動,留下評論和反饋有關(guān)的服務(wù)。
  • 他們不喜歡驚喜:在網(wǎng)上購物中,意外的額外費(fèi)用或奇怪的體驗(yàn)大致有60%的購物者在結(jié)賬時放棄購物車。.
  • 移動體驗(yàn)將塑造游戲。*移動購物現(xiàn)在負(fù)責(zé)46%的在線訂單.

      這就是它的最終結(jié)果:設(shè)計和元素。設(shè)計是用戶體驗(yàn)中不可忽視的一個組成部分,尤其是在試圖確保用戶按下簽出按鈕時。問題仍然存在。你需要做些什么才能達(dá)成交易?

      完成交易意味著使這個過程更舒適、更誘人、更方便于客戶。讓他們走上這條路總是從出色的UX設(shè)計開始。記住,第一印象很重要;94%的購物者在評判時會考慮網(wǎng)站的設(shè)計。網(wǎng)站是否值得信任。

想想2020年的時尚設(shè)計

  •       微觀相互作用這些設(shè)計元素是小動畫、調(diào)整、運(yùn)動等等,它們看起來很小,但對用戶的體驗(yàn)有所貢獻(xiàn)。它們可能是確認(rèn)彈出窗口,滾動視覺,等等。這些不同的互動吸引了更多的顧客,使他們的購物更加令人難忘。

    但是,盡管讓用戶始終保持參與和了解正在發(fā)生的事情是很重要的,但同樣重要的是,不要過度地進(jìn)行微觀交互,因?yàn)檫@會影響用戶體驗(yàn)。

  •       沉浸元素:允許用戶與網(wǎng)站進(jìn)行交互的網(wǎng)站,如交互式3D,能夠改變?yōu)楹诎的J?,更多地使用戶感興趣,并使他們更快樂。他們可能看起來像個小菜一碟,但讓顧客覺得他們在掌控之中,讓他們享受更多。   
  • 極簡導(dǎo)航:設(shè)計元素之間的簡單、平滑和直觀的導(dǎo)航使事情更容易理解。不要迷失尋找一個或另一個頁面;用戶(他們的注意力跨度很短)將進(jìn)入,隨時看到他們想要什么,并想要購買它很快。

UX的陷阱

      建立一個有用的電子商務(wù)網(wǎng)站意味著你想確保你的客戶帶著他們的手推車去結(jié)賬和付款。但是如果你的UX從一開始就違背了你的游戲計劃,你就不會達(dá)到目標(biāo)。注意這些陷阱:

1.我在哪里?這是什么?

      錯誤的圖像、布局或視覺暗示--尤其是關(guān)于你正在銷售的產(chǎn)品--是產(chǎn)品頁面中常見的問題??蛻魧@種脫節(jié)感到困惑的可能性甚至更小。股票圖像對任何人都沒有吸引力。

      他們想要真實(shí)物品的漂亮、清晰的照片,這樣他們就知道自己要買什么了。顏色太鮮艷和浮華,使文字不可讀?可以讓顧客按后退按鈕。

解:

      如果您需要在這之后進(jìn)行一次大修,這對您的站點(diǎn)來說將是一個小小的挑戰(zhàn),但是您會驚訝地發(fā)現(xiàn),即使是小的調(diào)整也會產(chǎn)生很大的轉(zhuǎn)換差異。整理頁面,淡化顏色,并使用更好的圖片。這些變化會產(chǎn)生很大的影響。此外,使用面包屑作為輔助導(dǎo)航方案可以幫助用戶更清楚地了解他們在網(wǎng)站上的位置或正在經(jīng)歷的過程。

 

Breadcrumbs Navigation

 

      正如您在上面所看到的,它對于具有多個級別的導(dǎo)航方案來說是一個很好的工具,因?yàn)槿绻脩粜枰艘徊交蛳蚯耙徊?,他們就會確切地知道他們需要去哪里。

2.一輛裝有瘋狂車輪的手推車

      頂級產(chǎn)品頁面錯誤的另一個可能是無效的購物車。就像在超市里沒有人想要有瘋狂輪子的購物車一樣,沒有人想要一個麻煩的網(wǎng)上購物車。放棄購物車(當(dāng)顧客把東西放在購物車?yán)锏毁I東西時)是電子商務(wù)中一個太常見的問題。當(dāng)你的商店的購物車充滿了阻礙顧客進(jìn)入購物的身份驗(yàn)證和過程時,他們會把購物車拋在后面。

解:

      讓事情更直接,更方便的客戶。解決方案可以從增加更多的支付選項(xiàng)到取消簽出過程僅為一個,簡單易懂的一頁。

3.這一切都是關(guān)于生活方式的

      產(chǎn)品頁面上的另一個重大錯誤是,該公司正在自行銷售一種產(chǎn)品。雖然是的,這是最終的游戲(做銷售),一個產(chǎn)品是不會銷售的,如果一個客戶無法想象使用它。它是關(guān)于出售一種生活方式,一個目的的對象,使它貪得無厭。一件物品本身是賣不出去的,但了解你的市場,并使它看起來值得得到,會使它飛離貨架。

解:

      而不是僅僅是照片,例如,正在出售的鞋子,炫耀他們是你的目標(biāo)觀眾穿。以最好的方式展示化妝,而不僅僅是調(diào)色板的外觀。讓你的客戶看到你的產(chǎn)品是如何看待他們的(或使他們受益),這對推動購物車到購買都有很大的幫助。

4.上車

      如前所述,如今移動購物占電子商務(wù)支出的近一半.通過在您的移動設(shè)計元素、樣式和演示文稿上節(jié)省開支,您可能會疏遠(yuǎn)廣大的客戶群。如果移動站點(diǎn)看起來不對,或者它的導(dǎo)航很糟糕,那么您的客戶就不會麻煩了。

解:

      好好看看你的網(wǎng)站在移動平臺(Android和iOS)上的表現(xiàn)和表現(xiàn)。使它易于導(dǎo)航和理解,并給予它類似的使用水平,你的桌面網(wǎng)站。確保維護(hù)所有必要的元素,這樣客戶就可以在桌面和移動設(shè)備上獲得相同的體驗(yàn)。

5.零掃描

      當(dāng)訪問者來到你的產(chǎn)品頁面時,他們會快速瀏覽一遍,看看這是否是他們想要的東西。許多商店被誘惑用關(guān)鍵字塞入標(biāo)題,以確保它們出現(xiàn)在搜索字符串中,但是訪問者不喜歡被這些詞轟炸,這些詞很可能不符合他們想要的內(nèi)容??紤]一下樂天(Rakuten)及其每一個產(chǎn)品名稱中的單詞沙拉。它往往會使許多購物者望而卻步。

解:

      使用空白。有了簡潔的標(biāo)題和描述,準(zhǔn)確地提供了產(chǎn)品的功能和適合的內(nèi)容,您不會過度地填充頁面。有足夠的空間讓眼睛四處游走,欣賞照片,并做一些關(guān)于這個項(xiàng)目的閱讀。

讓用戶體驗(yàn)(UX)記住

      把你的網(wǎng)上店面當(dāng)作實(shí)體店。顧客希望看到他們想要的是什么,想要感受到歡迎,他們希望一切都盡可能的方便和輕松。通過使他們的用戶體驗(yàn)在網(wǎng)站上容易和難忘,他們更有可能完成購買。

      你還為你的網(wǎng)上商店找到了其他的技術(shù)嗎?您的用戶喜歡在您的頁面上看到什么?請在下面的評論,讓我們知道。



0
評論區(qū)(0)
正在加載評論...