現(xiàn)在人們漸漸用智能手機(jī)代替PC，連購(gòu)物也是如此。正當(dāng)越來(lái)越多的人由電腦桌面向移動(dòng)網(wǎng)頁(yè)轉(zhuǎn)移，購(gòu)買(mǎi)產(chǎn)品和服務(wù)，佛山網(wǎng)站建設(shè)可以使用已存的設(shè)計(jì)模式來(lái)開(kāi)啟移動(dòng)電子商務(wù)計(jì)劃。擁有良好的電子商務(wù)經(jīng)驗(yàn)非常重要。實(shí)際上，近期的研究發(fā)現(xiàn)，如果能用手機(jī)登陸購(gòu)物網(wǎng)站且過(guò)程體驗(yàn)良好，多于67%的人都愿意下單。
佛山網(wǎng)站建設(shè)-零度網(wǎng)絡(luò)認(rèn)為使用設(shè)計(jì)模式的優(yōu)點(diǎn)在于，你可以看到其他設(shè)計(jì)師是如何解決類(lèi)似的問(wèn)題，這樣你就不用走彎路。還能使你了解到人們?cè)谄渌W(wǎng)站使用類(lèi)似功能時(shí)的需求，并以此為參考來(lái)設(shè)計(jì)網(wǎng)站；并鼓勵(lì)你思考自己一個(gè)人做設(shè)計(jì)時(shí)不會(huì)想到的設(shè)計(jì)方法。
本文中，佛山網(wǎng)站建設(shè)-零度網(wǎng)絡(luò)專(zhuān)注于智能手機(jī)，而不是圖表。我們將介紹一些用于移動(dòng)電子商務(wù)功能的設(shè)計(jì)模式和方法，如下：·主頁(yè) ·導(dǎo)航 ·搜索建議 ·搜索結(jié)果·搜索過(guò)濾和分類(lèi)·產(chǎn)品頁(yè)·圖片庫(kù)·購(gòu)物車(chē)·賬戶(hù)或游客登錄·表格
本文中所有例子都來(lái)源于移動(dòng)網(wǎng)頁(yè)，在智能手機(jī)瀏覽器中運(yùn)行。大多數(shù)屬于大型百貨零售商，因?yàn)樗麄冇旋嫶蟮漠a(chǎn)品目錄，這就需要考慮周全的設(shè)計(jì)方式，以突出搜索，并將搜索結(jié)果進(jìn)行過(guò)濾和分類(lèi)。本文還有許多基于電子商務(wù)的原生app，許多模式都能很好的運(yùn)用其上。
主頁(yè)
在移動(dòng)設(shè)備上訪(fǎng)問(wèn)網(wǎng)頁(yè)，主頁(yè)內(nèi)容通常較少，更多是幫助用戶(hù)找到所需的內(nèi)容。常見(jiàn)的模式就是一欄促銷(xiāo)，一欄鏈接列表或產(chǎn)品目錄，很簡(jiǎn)單。關(guān)鍵詞搜索一般都有，還有店鋪的鏈接，訂閱促銷(xiāo)郵件及忠誠(chéng)度計(jì)劃的登記表。
亞馬遜和梅西都使用促銷(xiāo)商品和列表目錄混排的方式。
塔吉特的促銷(xiāo)內(nèi)容比簡(jiǎn)單列表占據(jù)屏幕更大的空間，極具視覺(jué)沖擊力。
Threadless使用儀表盤(pán)模式，比起移動(dòng)電子商務(wù)網(wǎng)頁(yè)，在原生應(yīng)用中較為常見(jiàn)。
如果購(gòu)物者來(lái)你的網(wǎng)站是為了快速比較價(jià)格，那么他們更需要的便是簡(jiǎn)單的列表樣式和搜索功能。如果他們是來(lái)關(guān)注促銷(xiāo)和打折的，那么塔吉特的設(shè)計(jì)模式就更合適。因此，你需要分析消費(fèi)者來(lái)你的網(wǎng)站的目的，以此決定合適的設(shè)計(jì)模式。
導(dǎo)航
除了使用主頁(yè)作為主要的導(dǎo)航中心，許多網(wǎng)站也在多數(shù)頁(yè)面上設(shè)置了導(dǎo)航目錄，通常是作為頁(yè)頭。這讓消費(fèi)者能輕松在頁(yè)面間跳轉(zhuǎn)，而無(wú)需回到主頁(yè)。
lowe的導(dǎo)航目錄中，每個(gè)選項(xiàng)都有圖標(biāo)。best buy的目錄則使用了兩欄的排版，并且用按鈕替代列表。Lowe的目錄出現(xiàn)時(shí)會(huì)覆蓋整個(gè)頁(yè)面，而B(niǎo)est Buy的目錄出現(xiàn)時(shí)會(huì)向下推擠屏幕上的其他內(nèi)容。
Macy的導(dǎo)航目錄包含下級(jí)選項(xiàng)。CVS則具有雙欄目錄，每個(gè)選項(xiàng)也有圖標(biāo)。它們的目錄都在頁(yè)面頂端展示。
看了上面的屏幕截圖，設(shè)計(jì)網(wǎng)頁(yè)導(dǎo)航的方式多種多樣。Lowe的設(shè)計(jì)很簡(jiǎn)潔，而且圖標(biāo)帶來(lái)了一些視覺(jué)上的亮點(diǎn)。而導(dǎo)航以外的其余內(nèi)容都隱入背景，這使用戶(hù)在選擇導(dǎo)航內(nèi)容時(shí)，更集中于當(dāng)前目標(biāo)。CVS的版式相對(duì)雜亂，兩欄的選項(xiàng)，每個(gè)項(xiàng)目都搭配了圖標(biāo)。CVS的目錄上有許多可以點(diǎn)擊的bar，相互之間很接近，這在觸摸屏上可能導(dǎo)致可用性問(wèn)題。
有趣的是，大型電子商務(wù)網(wǎng)站通常不會(huì)一次顯示許多導(dǎo)航選項(xiàng)。它們嘗試在導(dǎo)航的視覺(jué)設(shè)計(jì)和網(wǎng)頁(yè)信息構(gòu)架之間尋求平衡，仔細(xì)考慮應(yīng)存在于全站導(dǎo)航上的項(xiàng)目的數(shù)量。通過(guò)網(wǎng)站分析來(lái)確定消費(fèi)者會(huì)點(diǎn)擊哪個(gè)目錄選項(xiàng)，可以幫助你決定目錄上的內(nèi)容。可對(duì)不同的設(shè)計(jì)進(jìn)行A/B測(cè)試和可用性測(cè)試，看看哪種設(shè)計(jì)選項(xiàng)太多太雜，理想方案應(yīng)使人們不但找到建議內(nèi)容，也能找到需要的內(nèi)容。——為了商業(yè)需求，也為了用戶(hù)需求。
搜索建議
搜索建議，也叫輸入提示或自動(dòng)填寫(xiě)，當(dāng)消費(fèi)者鍵入前幾個(gè)字幕的時(shí)候就顯示出可能的輸入結(jié)果。在常用搜索中，這對(duì)消費(fèi)者來(lái)說(shuō)真的很方便，特別是當(dāng)輸入內(nèi)容很長(zhǎng)的時(shí)候。而搜索建議的一個(gè)局限就是：在虛擬鍵盤(pán)上很容易輸錯(cuò)字，這會(huì)改變建議的結(jié)果。而顯示常見(jiàn)“正確”的結(jié)果可能更有用。而且，考慮使用改進(jìn)的自動(dòng)建議模式來(lái)減少輸入內(nèi)容，在有效率的前提下使用更慢的移動(dòng)帶寬。
在Office Depot網(wǎng)站的搜索框中輸入“draf”時(shí)，會(huì)自動(dòng)提示數(shù)個(gè)可能的結(jié)果。如果錯(cuò)打成“drag”，就會(huì)顯示出一些和搜索內(nèi)容無(wú)關(guān)的結(jié)果。在虛擬鍵盤(pán)上輸錯(cuò)字母是很常見(jiàn)的問(wèn)題。
人們?cè)谳斎霑r(shí)的錯(cuò)誤，設(shè)計(jì)師也無(wú)可奈何。不過(guò)他們可以用其他方式使消費(fèi)者找到產(chǎn)品頁(yè)，例如，產(chǎn)品類(lèi)別或頂層類(lèi)別的目錄可以向下延展出列表。網(wǎng)站管理者也可以?xún)?yōu)化搜索引擎的功能，如當(dāng)用戶(hù)輸入“dragt”時(shí)，再建議“draft”的結(jié)果。你使用的搜索引擎技術(shù)將決定你解決問(wèn)題的方式。
搜索結(jié)果
在移動(dòng)電子商務(wù)網(wǎng)站上的搜索結(jié)果主要使用兩種樣式：表格展示和網(wǎng)格展示。表格展示會(huì)顯示一張產(chǎn)品縮略圖和一些密集排列的基本信息如產(chǎn)品名稱(chēng)、價(jià)格。網(wǎng)格展示則會(huì)顯示較大的圖片而使用更少的描述信息。一些網(wǎng)站允許消費(fèi)者在兩種展示方式之間切換。
zappos以網(wǎng)格顯示搜索結(jié)果，這使它可以使用更大的產(chǎn)品圖片，使消費(fèi)者買(mǎi)鞋的時(shí)候偏于以感性作出選擇。Walgreens使用包含按鈕的表格，按鈕的功能一個(gè)是在店中找到商品，另一個(gè)是將商品加入購(gòu)物車(chē)。
OfficeMax讓消費(fèi)者在海量的搜索項(xiàng)目中——如輸入“紙”搜索——選擇子類(lèi)別。一旦選擇了子類(lèi)，搜索結(jié)果將以表格展示出來(lái)。如果搜索“剪刀”，搜索結(jié)果的子類(lèi)別會(huì)較少，這讓消費(fèi)者能直接在表格中看到結(jié)果。
如果產(chǎn)品的分級(jí)雜亂不清，此時(shí)讓消費(fèi)者選擇子類(lèi)別可能會(huì)導(dǎo)致一些問(wèn)題。如上面在OfficeMax的例子中，某人想買(mǎi)8.5x11英寸的家用打印紙，他可能不知道該在“復(fù)印紙&多用紙”還是該在“激光紙”的目錄下找。一種比較好的解決方式就是在搜索過(guò)濾器下邊列出子目錄，可以與其它過(guò)濾方式并列呈現(xiàn)，如“顏色”和“尺寸”。每隔一段時(shí)間（4-6周）就對(duì)具有代表性的用戶(hù)、常見(jiàn)搜索項(xiàng)目和熱銷(xiāo)產(chǎn)品進(jìn)行測(cè)試，這可有助于你洞察哪種解決方式更佳。A/B測(cè)試也可以揭示出哪一種方式能讓更多用戶(hù)到達(dá)產(chǎn)品頁(yè)并具有更高的支付率。
Gap的默認(rèn)搜索結(jié)果以表格展示，同時(shí)提供網(wǎng)格展示方式的選擇。注意，Gap也在關(guān)鍵詞區(qū)域保持搜索項(xiàng)目。
Gap的用戶(hù)可以選擇搜索商品的展示方式，這讓它們可以隨時(shí)在易于瀏覽的形式和具有大圖的形式之間轉(zhuǎn)換。但其實(shí)Gap可以在網(wǎng)格展示方式中保留一些商品信息——如價(jià)格（像Zappo所做的那樣）
一些諸如價(jià)格和顏色的細(xì)節(jié)讓用戶(hù)更容易決定想要了解哪個(gè)商品的更多信息。
在關(guān)鍵詞區(qū)域保持搜索文字也可以提醒用戶(hù)他們正在搜索的內(nèi)容，讓他們更容易通過(guò)添加一些限制詞（如“紅色”）來(lái)細(xì)化搜索結(jié)果。
在Gap中搜索“男式tshirts（正確寫(xiě)法為t-shirts）”，你會(huì)來(lái)到無(wú)搜索結(jié)果頁(yè)面（本文未截圖），而且也不提供“男式 t-shirts”的搜索鏈接。Gap可以在搜索結(jié)果頁(yè)面添加“你是否要搜索-某物品”的搜索建議來(lái)提升其用戶(hù)體驗(yàn)。Google就會(huì)列出“mens t shirts”的搜索建議，如果用戶(hù)忽略，它就會(huì)直接呈現(xiàn)出“men’s t-shirts”的搜索結(jié)果。
結(jié)果分類(lèi)
將搜索結(jié)果分類(lèi)可以幫助購(gòu)買(mǎi)用戶(hù)以一種有規(guī)律的方式組織起海量的搜索結(jié)果，通常會(huì)按照價(jià)格和消費(fèi)者評(píng)分排列。常見(jiàn)的分類(lèi)界面樣式是按鈕和<選擇>菜單。
Walmart讓用戶(hù)點(diǎn)擊三個(gè)按鈕之一來(lái)將結(jié)果分類(lèi)。Sears使用了類(lèi)似的方式，但有一個(gè)“分段控制”，Javas cript框架如jQuery移動(dòng)開(kāi)發(fā)正在使這些類(lèi)似app的界面小部件對(duì)設(shè)計(jì)師來(lái)說(shuō)更易用。
J.C. Penney可以通過(guò)有點(diǎn)自定義樣式的<選擇>菜單來(lái)分類(lèi)結(jié)果，Eddie Bauer則使用了瀏覽器的默認(rèn)<選擇>菜單。兩者都通過(guò)瀏覽器的本地控制來(lái)觸發(fā)<選擇>菜單（本例中為iphone選擇器）
Walmart的按鈕之間空間較大，點(diǎn)擊起來(lái)不易出錯(cuò)，但同時(shí)也因此無(wú)法容納更多選項(xiàng)，而Sears有四個(gè)按鈕，包含一個(gè)“全部”的按鈕，這使得用戶(hù)在分類(lèi)篩選后沒(méi)有找到所需商品時(shí)可以回到初始頁(yè)面。用<選擇>菜單是一種很安全的選擇，因?yàn)楝F(xiàn)代移動(dòng)瀏覽器都支持這種方式，這使應(yīng)用可以列出更長(zhǎng)的分類(lèi)選項(xiàng)。但是，也占用了許多有用空間。這些都是可用常規(guī)測(cè)試方法來(lái)評(píng)估的折中設(shè)計(jì)類(lèi)型。
結(jié)果過(guò)濾
過(guò)濾器讓用戶(hù)可以縮小搜索范圍，一般基于諸如顏色，品牌和尺寸等屬性。過(guò)濾器通常要?jiǎng)澐诸?lèi)型（稱(chēng)為分面），每個(gè)分面下會(huì)顯示數(shù)個(gè)值（比如，顏色就是一種分面，紅色是一種分面值）常見(jiàn)的展示過(guò)濾選項(xiàng)的界面樣式是<選擇>菜單，下拉式菜單和可折疊菜單。現(xiàn)在在技術(shù)上使單個(gè)搜索包含數(shù)個(gè)分面值是可以實(shí)現(xiàn)的，但也因此帶來(lái)更高的交互成本，并導(dǎo)致無(wú)搜索結(jié)果（比如，低于75美元的交叉訓(xùn)練運(yùn)動(dòng)鞋）。
CVS在其高級(jí)搜索中使用<選擇>菜單來(lái)過(guò)濾結(jié)果，選擇一個(gè)菜單選項(xiàng)將立即對(duì)結(jié)果進(jìn)行過(guò)濾。JC Penney則提供了一個(gè)下拉菜單來(lái)過(guò)濾結(jié)果，并會(huì)提示出符合過(guò)濾值的產(chǎn)品數(shù)量。JC Penney也允許一個(gè)分面帶有多個(gè)值，以供用戶(hù)進(jìn)行一次性的選擇，確認(rèn)信息用戶(hù)要觸碰“apply”按鈕。
Kohl’s在其每個(gè)過(guò)濾類(lèi)型中使用折疊方式收納系列復(fù)選框。Threadless把所有搜索分面的值以按鈕體現(xiàn)。兩個(gè)網(wǎng)站中，你只需選擇一個(gè)過(guò)濾值就能立刻看到結(jié)果。
在每個(gè)分面值下面顯示商品數(shù)量能讓消費(fèi)者更清楚地了解每個(gè)選擇為他們帶來(lái)的結(jié)果。Threadless的方式是用整一屏展示出所有可用的分面值，讓消費(fèi)者對(duì)所有可用搜索結(jié)果一目了然。你是選用這種方式還是使用Kohl的方式，取決于你打算為指定產(chǎn)品目錄提供多少過(guò)濾分面值。如果你的產(chǎn)品目錄在分面值方面變化不定，那么你就需要進(jìn)行試驗(yàn)找出合適的設(shè)計(jì)方式。你可以?xún)?yōu)化那些熱門(mén)的產(chǎn)品目錄的過(guò)濾結(jié)果顯示頁(yè)面。
產(chǎn)品頁(yè)面
產(chǎn)品頁(yè)是電子商務(wù)網(wǎng)站真正展示產(chǎn)品細(xì)節(jié)的頁(yè)面。它們并不關(guān)于某種模式，而是關(guān)于系列模式，包括標(biāo)簽，折疊導(dǎo)航和照片庫(kù)等系列元素。產(chǎn)品頁(yè)有兩種展示方式，一是包含所有產(chǎn)品信息的長(zhǎng)頁(yè)面，二是包含標(biāo)簽或折疊導(dǎo)航能將信息收起的短頁(yè)面。
三星和戴爾都在產(chǎn)品頁(yè)上逐步揭開(kāi)內(nèi)容，為消費(fèi)者提供許多信息。三星使用折疊導(dǎo)航來(lái)展開(kāi)大段內(nèi)容，戴爾則使用標(biāo)簽。
Cabela和Office Depot都使用一整個(gè)長(zhǎng)頁(yè)面來(lái)展示產(chǎn)品信息。這種方式需要用戶(hù)頻繁滑動(dòng)屏幕來(lái)獲取信息，但他們就不用觸碰標(biāo)簽或展開(kāi)折疊導(dǎo)航欄。你需要根據(jù)產(chǎn)品信息量的多少和分解信息的方式來(lái)選擇合理的方式。
長(zhǎng)的產(chǎn)品頁(yè)比起帶折疊導(dǎo)航和標(biāo)簽的頁(yè)面需要用戶(hù)進(jìn)行更多滾動(dòng)操作，也令購(gòu)買(mǎi)者需要更費(fèi)力地找出特定信息。在我自己的可用性測(cè)試中，我了解到人們對(duì)兩種方式各有偏好，但是似乎對(duì)網(wǎng)頁(yè)信息進(jìn)行劃分具有更高的可用性。如果你要采用這種方式，確保在人們觸碰標(biāo)簽或折疊導(dǎo)航欄的時(shí)候，被收起來(lái)的信息能快速顯示。
一種辦法就是開(kāi)始便一次性加載所有信息內(nèi)容，這樣觸碰標(biāo)簽或折疊導(dǎo)航的時(shí)候時(shí)，被收起的內(nèi)容就會(huì)立即顯示。如果采用這種辦法，即使用戶(hù)在各種信息之間切換的過(guò)程中掉線(xiàn)了也沒(méi)關(guān)系。但是有個(gè)弊端：不管用戶(hù)閱讀與否，也必須下載所有的產(chǎn)品信息；這為服務(wù)器帶來(lái)更大負(fù)荷，而且也會(huì)占用戶(hù)較多帶寬。
照片庫(kù)
照片庫(kù)對(duì)電子商務(wù)領(lǐng)域如服裝和消費(fèi)電子行業(yè)來(lái)說(shuō)特別重要。在Home Depot上購(gòu)物時(shí)，看衣服、鞋子、高端智能機(jī)或平板電腦你可能并不需要看到商品的三視圖，但圖片總是越多越好。常用的展示方式是可滑動(dòng)的照片庫(kù)，“雙擊照片放大”，單擊縮略圖以選擇照片。
Payless非常英明地將“雙擊放大”的提示框放在屏幕中心并持續(xù)幾秒，給購(gòu)物者充分的時(shí)間去消化理解網(wǎng)頁(yè)的操作方式。對(duì)服裝和鞋子來(lái)說(shuō)，放大商品圖片查看細(xì)節(jié)非常重要。
Dockers（上左圖）具有可滑動(dòng)的照片庫(kù)，雙擊放大查看細(xì)節(jié)，而且購(gòu)物者可以查看同一商品的不用顏色。Levi（上右圖）也用了類(lèi)似方式，但添加了商品縮略圖，顯示照片庫(kù)內(nèi)不同視角的照片。在Docker上，選擇另一種顏色的商品會(huì)令網(wǎng)頁(yè)刷新，但Levi不會(huì)。
Levi網(wǎng)站在用戶(hù)選擇商品的不同色彩時(shí)大多數(shù)網(wǎng)頁(yè)不會(huì)刷新，這似乎能帶給用戶(hù)更好的體驗(yàn)。但是，如果對(duì)比Levi和Dockers網(wǎng)站在同一天同一時(shí)刻的表現(xiàn)，你會(huì)發(fā)現(xiàn)觸碰Levi上的顏色標(biāo)簽并等待響應(yīng)照片載入所花的時(shí)間，竟然比Dockers刷新一整個(gè)網(wǎng)頁(yè)的時(shí)間要多。Levi之所以這么慢，可能是因?yàn)樗€要刷新那5個(gè)縮略圖，加上主要照片和其他不可見(jiàn)的元素，這種負(fù)載比較重。看來(lái)每種方式都有利有弊。
三星（上圖左）和戴爾（上圖右）的照片庫(kù)都可以左右滑動(dòng)。三星還將折疊導(dǎo)航合并到產(chǎn)品也，戴爾則單純只有照片。
三星的方式似乎更人性化，因?yàn)轫?yè)面相對(duì)更少。三星和戴爾都使用了高分辨率的照片，顯然在展示價(jià)值不菲的產(chǎn)品時(shí)圖片質(zhì)量很重要。戴爾的方式有一個(gè)好處，那就是消費(fèi)者會(huì)更專(zhuān)注于產(chǎn)品本身，而不被頁(yè)面的其他內(nèi)容干擾。
購(gòu)物車(chē)
購(gòu)物車(chē)通常用表格來(lái)展示商品。除了展示需要購(gòu)買(mǎi)的商品，還提供其他功能，比如可以保存訂單，保存商品到收藏夾，刪除商品或更新數(shù)量，選擇快遞或?qū)嵨锏昴秘洠邮艽黉N(xiāo)卷或優(yōu)惠券，以及結(jié)賬等。一旦加入了商品，就可以通過(guò)網(wǎng)站頁(yè)頭的購(gòu)物車(chē)圖標(biāo)或者全網(wǎng)站導(dǎo)航菜單進(jìn)入購(gòu)物車(chē)。
Lowe的購(gòu)物車(chē)（上左）允許購(gòu)物者從購(gòu)物車(chē)中移除類(lèi)似的商品，并提供快遞或?qū)嶓w店取貨的選項(xiàng)。Bed Bath&Beyond（上右）的購(gòu)物車(chē)也可以移除商品，商品數(shù)量可以在表格中修改，在頁(yè)面下部還有一個(gè)按鈕可以刷新網(wǎng)頁(yè)。
Crate&Barrel（上左）的購(gòu)物車(chē)每欄也允許用戶(hù)移除商品，保存到收藏夾以及更新數(shù)量。每欄還包含快遞信息如費(fèi)用及送貨時(shí)間。Payless（上右）也允許消費(fèi)者更新商品數(shù)量，移除商品；它的購(gòu)物車(chē)還提供送貨選項(xiàng)，可以送到Payless實(shí)體店（沒(méi)展示截圖）
購(gòu)物車(chē)應(yīng)該提供大的實(shí)用性，因?yàn)橘?gòu)物者已經(jīng)接近購(gòu)買(mǎi)的后幾步了。允許購(gòu)物者改變數(shù)量，移除商品，使用優(yōu)惠券或促銷(xiāo)券而無(wú)須跳轉(zhuǎn)到它頁(yè)，這些功能在引導(dǎo)消費(fèi)者快速購(gòu)買(mǎi)的過(guò)程中十分重要。如果你覺(jué)得這會(huì)使網(wǎng)頁(yè)上內(nèi)容太多，可以先將其隱藏到折疊導(dǎo)航欄，然后使用逐步展開(kāi)的方式來(lái)顯示內(nèi)容（比如事先隱藏促銷(xiāo)券區(qū)域）。
結(jié)賬
結(jié)賬更像是一個(gè)流程而不是模式，但是模式可以應(yīng)用到結(jié)賬的流程中。許多電子商務(wù)網(wǎng)站允許其移動(dòng)端應(yīng)用的顧客使用現(xiàn)有賬戶(hù)或以游客身份結(jié)賬。對(duì)于已經(jīng)擁有賬戶(hù)的用戶(hù)，使用已存的支付和快遞信息，結(jié)賬的過(guò)程將非常順暢。
Crutchfield和Nordstrom都允許顧客以游客身份或使用現(xiàn)有賬戶(hù)來(lái)結(jié)賬。都允許以游客身份結(jié)賬的移動(dòng)端應(yīng)用的購(gòu)買(mǎi)者在下訂單之后創(chuàng)建賬戶(hù)，都支持重置密碼。
Amazon在結(jié)賬頁(yè)要求填寫(xiě)郵件地址，無(wú)論購(gòu)物者以現(xiàn)有賬戶(hù)抑或以游客身份結(jié)賬。整個(gè)流程與使用電腦網(wǎng)頁(yè)的支付流程很相似。Target在移動(dòng)端網(wǎng)頁(yè)提供了幾個(gè)選項(xiàng)：登陸或以游客身份結(jié)賬或創(chuàng)建賬戶(hù)，支持密碼重置。
允許顧客登錄或以游客身份結(jié)賬，并可以重置密碼對(duì)于移動(dòng)電子商務(wù)的網(wǎng)站來(lái)講是必要的功能。并且，應(yīng)該考慮邀請(qǐng)手機(jī)端用戶(hù)在提交訂單后創(chuàng)建賬戶(hù)，因?yàn)樗麄円呀?jīng)提供了足夠多的信息（除了密碼之外）。而且到了這一步，顧客們創(chuàng)建賬戶(hù)已經(jīng)非常輕松了，他們一般不會(huì)拒絕。
按下“創(chuàng)建Target.com賬戶(hù)”的按鈕之后，會(huì)導(dǎo)致顧客的購(gòu)物車(chē)被清空，顧客會(huì)覺(jué)得太麻煩而放棄。因此，確保下單后再在發(fā)貨單邀請(qǐng)用戶(hù)注冊(cè)可能更好。限制結(jié)賬頁(yè)面上只有兩種選項(xiàng)能提升支付率，因?yàn)轭櫩托枰龀龅臎Q定更少了。在主要任務(wù)流程中如結(jié)賬，越少選擇通常效果越好。
表格
表格常用于移動(dòng)電子商務(wù)的搜索，結(jié)賬，注冊(cè)和輸入優(yōu)惠券、促銷(xiāo)券代碼時(shí)。在為小屏設(shè)計(jì)表格時(shí)，需明白一些好用的技巧：
·將表格標(biāo)簽放到輸入欄的上面，以免當(dāng)用戶(hù)輸入時(shí)，標(biāo)簽偏離了屏幕。
·使用HTML輸入類(lèi)型來(lái)為輸入?yún)^(qū)域選擇合適的鍵盤(pán)。如果輸入郵件地址，使用；如果輸入號(hào)碼，如ZIP代碼，使用或者（或者會(huì)顯示帶有大按鍵的數(shù)字小鍵盤(pán)）
·僅把非常必要的項(xiàng)目設(shè)置為必填項(xiàng)。這會(huì)使顧客在結(jié)賬的過(guò)程中更加順暢。
在智能手機(jī)上，處理表格的理想方式就是要盡可能的少用它們。你可以使用地理位置服務(wù)來(lái)獲取并給與購(gòu)物者郵編提示，你可以利用顧客早先在使用你的網(wǎng)站時(shí)輸入的賬戶(hù)信息來(lái)引導(dǎo)它們進(jìn)入結(jié)賬流程。記住知名的表格是用戶(hù)不需要填完的表格。
CVS（上左）當(dāng)用戶(hù)觸碰結(jié)賬頁(yè)面的ZIP碼時(shí)，并不會(huì)彈出數(shù)字鍵盤(pán)。這使得用戶(hù)還要再多一步（點(diǎn)擊123）才能彈出正確的鍵盤(pán)。CVS還把所有的標(biāo)簽都左對(duì)齊了，這樣如果用戶(hù)放大查看某個(gè)表格區(qū)域時(shí)，這些標(biāo)簽就可能被擠到了屏幕外。Crate&Barrel（上右）的表格則具有更好的可用性。當(dāng)用戶(hù)觸碰ZIP碼區(qū)域，就會(huì)彈出大的數(shù)字鍵盤(pán)，所有的表格標(biāo)簽頁(yè)都是放到表格區(qū)域的底部對(duì)齊。
記住，表格決定了購(gòu)物者如何在網(wǎng)頁(yè)上完成交易。一定要特別重視它們，盡一切努力簡(jiǎn)化用戶(hù)完成表格所需的交互。有時(shí)候這甚至意味著嘗試一些完全不同的東西。例如，Typeform近建議采取一種新的方式，使網(wǎng)絡(luò)表格更積極響應(yīng)，更簡(jiǎn)單，也更可用。這種方式就是一次問(wèn)一個(gè)問(wèn)題，問(wèn)題要顯著地展示，使用戶(hù)填表時(shí)可以鍵入快捷鍵。雖然這種方法不一定適用于所有情況，但有時(shí)候確實(shí)很有效。
佛山網(wǎng)站建設(shè)-零度網(wǎng)絡(luò)總結(jié)
移動(dòng)電子商務(wù)是商家的收入來(lái)源，其重要性與日俱增。優(yōu)化的移動(dòng)網(wǎng)頁(yè)提供了許多用戶(hù)在桌面購(gòu)物體驗(yàn)中需要和期望的功能，根據(jù)Sterling Brands and SmithGeiger的調(diào)查顯示，移動(dòng)用戶(hù)更愿意通過(guò)移動(dòng)網(wǎng)頁(yè)購(gòu)物，如果網(wǎng)頁(yè)可用性高的話(huà)。
你可以使用現(xiàn)存的設(shè)計(jì)模式來(lái)探索不同的方法，使電子商務(wù)網(wǎng)頁(yè)能在小屏上更快載入。不要滿(mǎn)足于已存的樣式；把它們作為發(fā)掘設(shè)計(jì)和幫助你多思考新問(wèn)題的跳板。隨著瀏覽器性能提升，考慮將原生應(yīng)用程式的界面設(shè)計(jì)和交互模式應(yīng)用到基于瀏覽器的智能手機(jī)購(gòu)物體驗(yàn)中來(lái)。
網(wǎng)頁(yè)設(shè)計(jì)
企業(yè)網(wǎng)站建設(shè)一條龍
找零度飛易網(wǎng)絡(luò)公司-fslingdu所做php
網(wǎng)站建設(shè)方案、
網(wǎng)站設(shè)計(jì)、
網(wǎng)站制作由
北京上海深圳龍崗衢州蘭州常州東營(yíng)南通濟(jì)寧桂林淮安煙臺(tái)長(zhǎng)春無(wú)錫天津昆山蘇州合肥貴洛陽(yáng)昆明天津唐山泉州惠州萬(wàn)州新鄉(xiāng)商丘臺(tái)州哈爾濱太原攝影海口隨州學(xué)校商丘廣東湖南廣西江西海南廣州企業(yè)中小企業(yè)武漢南山羅湖福田虎門(mén)肇慶汕尾汕頭廣州佛山成都杭州濟(jì)南重慶福州西安廈門(mén)昆山沈陽(yáng)青島徐州鄭州南京寧南寧長(zhǎng)沙大連淄博石家莊南昌溫州珠海番禺順德南三水高明中山東莞合肥江門(mén)嘉興西寧大良容桂倫教勒流陳村均安杏壇龍江樂(lè)從北滘祖廟石灣南莊等地區(qū)
企業(yè)網(wǎng)站建設(shè)(廣告)公司提供專(zhuān)業(yè)做網(wǎng)站價(jià)格規(guī)劃書(shū)及
營(yíng)銷(xiāo)型網(wǎng)站制作,
網(wǎng)站建設(shè)基礎(chǔ)知識(shí)
零度飛易是一家專(zhuān)業(yè)網(wǎng)站設(shè)計(jì),網(wǎng)站制作、seo優(yōu)化,網(wǎng)站推廣,網(wǎng)站建設(shè)的佛山網(wǎng)絡(luò)運(yùn)營(yíng)公司。零度飛易在