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

2020-06-19 1826 0

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

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

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

吸引顧客注意的正確方法

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

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

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

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

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

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

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

微觀相互作用這些設(shè)計(jì)元素是小動(dòng)畫、調(diào)整、運(yùn)動(dòng)等等，它們看起來很小，但對(duì)用戶的體驗(yàn)有所貢獻(xiàn)。它們可能是確認(rèn)彈出窗口，滾動(dòng)視覺，等等。這些不同的互動(dòng)吸引了更多的顧客，使他們的購物更加令人難忘。
但是，盡管讓用戶始終保持參與和了解正在發(fā)生的事情是很重要的，但同樣重要的是，不要過度地進(jìn)行微觀交互，因?yàn)檫@會(huì)影響用戶體驗(yàn)。
沉浸元素：允許用戶與網(wǎng)站進(jìn)行交互的網(wǎng)站，如交互式3D，能夠改變?yōu)楹诎的Ｊ?，更多地使用戶感興趣，并使他們更快樂。他們可能看起來像個(gè)小菜一碟，但讓顧客覺得他們?cè)谡瓶刂校屗麄兿硎芨唷?nbsp;
極簡(jiǎn)導(dǎo)航：設(shè)計(jì)元素之間的簡(jiǎn)單、平滑和直觀的導(dǎo)航使事情更容易理解。不要迷失尋找一個(gè)或另一個(gè)頁面；用戶(他們的注意力跨度很短)將進(jìn)入，隨時(shí)看到他們想要什么，并想要購買它很快。

UX的陷阱

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

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

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

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

解:

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

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

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

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

解:

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

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

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

解:

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

4.上車

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

解:

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

5.零掃描

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