電商ui界面設(shè)計(jì)中需要注意的設(shè)計(jì)細(xì)節(jié)？

電子商務(wù)是一個(gè)熱門行業(yè)，這也給許多年輕朋友帶來了非常好的商機(jī)。隨著電子商務(wù)競(jìng)爭(zhēng)的激烈，許多朋友非常重視電子商務(wù)UI設(shè)計(jì)，那么如何做電子商務(wù)UI設(shè)計(jì)呢？電商ui界面設(shè)計(jì)中需要要注意的設(shè)計(jì)細(xì)節(jié)呢？一起看看。

電子商務(wù)ui設(shè)計(jì)應(yīng)注意哪些細(xì)節(jié)？

1.靈活登錄

登錄頁面通常是用戶體驗(yàn)中第一個(gè)難以解決的問題，所以在做這項(xiàng)工作時(shí)，盡量提高登錄的靈活性，避免一些復(fù)雜的登錄操作步驟。也就是說，登錄是可選的，直接到達(dá)購物車或使用應(yīng)用程序的其他功能，然后要求用戶注冊(cè)。

在創(chuàng)建賬戶之前，允許新用戶嘗試應(yīng)用程序進(jìn)行探索和體驗(yàn)，即登錄是可選的，直到他們到達(dá)購物車或使用應(yīng)用程序的其他功能。它的價(jià)值，以便更好地留住它們。此外，考慮通過外部賬戶（如微信、支付寶等）添加其他登錄選項(xiàng)，使用戶可以跳過信息填寫，只需點(diǎn)擊兩次即可快速登錄。

完全允許用戶瀏覽，只有在添加購物車或使用愿望清單時(shí)才需要注冊(cè)。此外，外部賬戶可以登錄，簡(jiǎn)化了注冊(cè)的所有步驟。

2.搜索的多樣性

我相信相機(jī)會(huì)成為下一個(gè)鍵盤，PinterestCEOBensilbermann曾經(jīng)說過。互聯(lián)網(wǎng)搜索欄正在發(fā)展，不再局限于文本。越來越多的應(yīng)用程序?qū)⑽谋九c其他功能結(jié)合起來，通過視覺Al增強(qiáng)搜索的交互性。同時(shí)，我們不僅可以通過視覺線索識(shí)別產(chǎn)品，還可以獲得更多的相關(guān)信息。例如，如果你拍了一張鱷梨的照片，搜索結(jié)果可能會(huì)顯示鱷梨沙拉的食譜。

此外，掃描條形碼可以大大降低錯(cuò)誤的可能性，讓你直接找到商品，增強(qiáng)語音搜索的可訪問性，為忙于其他活動(dòng)的用戶提供方便。

3.按產(chǎn)品類別瀏覽

在使用電子商務(wù)應(yīng)用程序時(shí)，除了直接搜索外，用戶還會(huì)瀏覽界面以找到新事物，而產(chǎn)品分類只是為這個(gè)過程提供了便利。目前，許多應(yīng)用程序都以直觀的方式改進(jìn)了用戶的產(chǎn)品分類，希望用戶能更快地找到所需的產(chǎn)品。

就像當(dāng)你走進(jìn)雜貨店，貨物放在貨架上，肯定比走廊好得多?？纯词袌?chǎng)上的電子商務(wù)應(yīng)用程序，你會(huì)發(fā)現(xiàn)有些人甚至設(shè)置了一個(gè)獨(dú)立的產(chǎn)品分類界面。同時(shí)，為了讓用戶獲得更愉快的瀏覽體驗(yàn)，我們可以考慮將圖片或圖標(biāo)與類別標(biāo)簽結(jié)合起來。

4.卡片多樣一致

卡片是用戶與之互動(dòng)的第一個(gè)UI元素。如果你能使卡片多樣化和一致，它將有助于為你的應(yīng)用程序創(chuàng)造一個(gè)難忘的第一印象。

在多樣性方面，我們可以嘗試為不同類型的信息創(chuàng)建不同風(fēng)格的卡，這可以在視覺上區(qū)分信息，幫助用戶學(xué)習(xí)視覺語言。如果缺乏多樣性，用戶將很難理解卡設(shè)計(jì)的含義。

同時(shí)，我們也應(yīng)該努力使卡在每個(gè)屏幕上保持一致。如果你有一種特定的信息卡類型，試著保持相同，這樣它就很容易識(shí)別。蘋果商店的設(shè)計(jì)就是一個(gè)很好的例子。

5.不同階段有不同的行動(dòng)指導(dǎo)

在閱讀了許多電子商務(wù)應(yīng)用程序后，你可以清楚地注意到他們有不止一個(gè)行動(dòng)按鈕，通常是2-3個(gè)按鈕涵蓋了客戶旅程中不同的用戶階段。

例如，Ebay有連續(xù)的保存、添加到購物車和下載購買按鈕。當(dāng)你想立即購買商品時(shí)，立即購買是一個(gè)不錯(cuò)的選擇。然而，當(dāng)你等待折扣或比較商品時(shí)，手機(jī)按鈕會(huì)更好。

添加購物車對(duì)你一次購買少量商品很有意義，但當(dāng)用戶還沒有完全準(zhǔn)備好購買時(shí)，只有一個(gè)潛在購買按鈕顯然是不夠的，這也可能會(huì)破壞用戶的購物體驗(yàn)。

6.特定產(chǎn)品設(shè)置頂部標(biāo)簽

在電子商務(wù)應(yīng)用程序中，產(chǎn)品頁面通常很長(zhǎng)，這通常是因?yàn)槲覀冊(cè)噲D介紹所有的細(xì)節(jié)。根據(jù)尼爾森的一項(xiàng)研究，以下是產(chǎn)品頁面中最受歡迎的功能列表：

(1)必須有：產(chǎn)品名稱、圖像、價(jià)格、選項(xiàng)、可用性，添加到購物車中，描述。

(2)選擇：評(píng)級(jí)或評(píng)論、附加圖片、視頻、縮放/平移、相關(guān)建議、愿望清單。

在頂部放置標(biāo)簽可以幫助用戶快速找到感興趣的內(nèi)容。需要注意的是，選項(xiàng)卡應(yīng)包含相同層次結(jié)構(gòu)層次的相關(guān)內(nèi)容。選項(xiàng)卡需要可伸縮，添加主題時(shí)可以使用滾動(dòng)固定選項(xiàng)卡。

7.漸進(jìn)展示

在顯示大量信息時(shí)，可以通過多頁拆卸，以降低其復(fù)雜性。否則，用戶可能會(huì)覺得結(jié)賬很麻煩，面對(duì)這一系列的選擇和填寫項(xiàng)目，會(huì)有點(diǎn)難以接受，甚至放棄購物。然而，看到同樣的表單并分為多個(gè)步驟要容易得多。同時(shí)，需要注意的是，我們需要在屏幕的下半部分留出放置鍵盤的空間。

以上是關(guān)于電商ui界面設(shè)計(jì)中需要要注意的設(shè)計(jì)細(xì)節(jié)，希望各位在電商建設(shè)過程中可以尊選以上要點(diǎn)及規(guī)范，如果您有和電子商務(wù)相關(guān)的建設(shè)需求請(qǐng)誰是與維好維可-體驗(yàn)創(chuàng)新聯(lián)系哦。