B2C電商購物流程設(shè)計(jì)的11則注意事項(xiàng):1.不要先注冊再選商品;2.明確告訴用戶是否有貨;3.方便修改訂單;4.用戶操作過程實(shí)時(shí)幫助;5.“返回”按鈕;6.操作流程指引;7.簡潔的付款界面;8.不要讓用戶離開付款流程;9.告知配送時(shí)間;10.告訴用戶之后會發(fā)生什么;11.發(fā)確認(rèn)郵件。
1.不要讓用戶先注冊再去選商品。
顧客們是來買東西的,不是來填表單的。所以需要確保用戶在付款過程中完成了注冊,而不是付款前就去注冊,也不是讓用戶把商品放到購物車?yán)镏叭プ。注冊表單的需要用戶花功夫去填,注冊過程中還可能有問題,所以這會成為用戶順利完成購物的障礙。
Taget這個(gè)網(wǎng)站就是當(dāng)用戶真正要把錢付了的時(shí)候,才讓他去注冊的。
在購物流程中,把注冊這個(gè)麻煩往后面移,能使最后購買商品的用戶大大增加。用戶既然一開始就花了很多時(shí)間選購他們想買的東西,那如果在付款的時(shí)候因?yàn)樽月闊┒x開,前面選購商品花的時(shí)間久白費(fèi)了。但如果用戶還沒開始選商品酒讓他去注冊,這時(shí),他們還沒花時(shí)間成本,就更容易選擇離開。
2.如果這個(gè)商品有貨,明確地告訴用戶
對商品有的庫存數(shù)量需要明確地告訴用戶。如果商品沒貨了,要早些讓用戶知道,避免用戶購買時(shí)往后操作了好幾步才發(fā)現(xiàn)原來商品沒貨了。不僅要在商品介紹頁面顯示庫存數(shù)量,在用戶搜索商品的結(jié)果頁面也要顯示出來。
Overclockers在商品列表中,就列出了詳細(xì)的庫存數(shù)量信息。
另外,如果某個(gè)商品現(xiàn)在缺貨,但最近就會進(jìn)貨了,可以提供給用戶一個(gè)預(yù)定的功能,這樣不急著買這個(gè)商品的用戶,過幾天來就可以買到了,他也不用擔(dān)心過一陣子來買時(shí),商品又售空了。
3.讓用戶很方便地修改訂單
每個(gè)人都可能出錯(cuò),用戶有可能在購物車?yán)锓佩e(cuò)了商品,或者要付款的時(shí)候改變主意了。這時(shí),要讓用戶在付款的過程中能修改他們購買的商品,如果不能修改他們可能就離開了,而能修改的話,就贏得了許多潛在用戶。
IconDock就讓用戶通過輸入框中的數(shù)字,很方便地修改購買的數(shù)量。
如果用戶想把商品從購物車中刪掉,不要讓他們在輸入框中輸“0”這個(gè)數(shù)字來刪掉。還是提供“刪除”這個(gè)鏈接比較好,通過點(diǎn)“刪除”,可以讓他們把商品從購物車中刪掉,這樣修改既快又簡單。
4.在用戶操作過程中,提供給他們實(shí)時(shí)的幫助
因?yàn)楦犊钸^程需要用戶輸入信息,而用戶很可能在這個(gè)過程中碰到問題,這些問題不一定能靠有限的幾個(gè)界面來解決。這種情況下,提供給用戶專業(yè)的,一對一得幫助,要比給他們一個(gè)寬泛的幫助(比如“常見問題”的頁面)好很多,類似“常見問題”的頁面不一定能解決用戶碰到的問題。
在“戴爾”的購物網(wǎng)站上,用戶就可以通過咨詢電話和在線客服獲得幫助。如果用戶在付款過程中碰到了問題,她可以立刻咨詢客服獲得幫助,問題幾分鐘內(nèi)就輕松解決了。
在用戶付款過程中,提供在線客服或電話咨詢的幫助是個(gè)非常好的主意。不過不是所有公司都能負(fù)擔(dān)得起那么多客服成本的,大中型公司可以考慮這個(gè)方法,特別是那些網(wǎng)上付款流程比較復(fù)雜的公司。
5.使“返回”按鈕充分起到作用
“返回”按鈕是網(wǎng)頁瀏覽器中最常用的按鈕之一,所以許多用戶可能在付款過程中也會經(jīng)常用到。一些網(wǎng)站不提供返回上一頁的功能,當(dāng)用戶點(diǎn)“返回”時(shí),頁面會自動重新指向某個(gè)頁面或是報(bào)錯(cuò),這樣會對用戶的體驗(yàn)造成負(fù)面影響。
Ticketmaster中,點(diǎn)“返回”按鈕出現(xiàn)這樣的報(bào)錯(cuò),就會讓用戶有受挫感。
當(dāng)用戶點(diǎn)“返回”按鈕時(shí),不僅不能老讓他們碰到出錯(cuò)提示,而且如果前一頁是表單的話,要保存他們之前填的數(shù)據(jù)并再次顯示給他們看。這樣用戶只需要在原來填的內(nèi)容上做修改,而無需重新填寫整個(gè)表單。的確,有些情況下,用戶點(diǎn)“返回”已經(jīng)為時(shí)已晚,比如他點(diǎn)了“確定支付”的按鈕。不過別的一些頁面都能支持“返回”按鈕的話,既節(jié)省了用戶時(shí)間又減少了他們的挫敗感。
Oxfam提供了每件商品的縮略圖,讓用戶能快速瀏覽。另外,如果用戶想確認(rèn)這個(gè)商品是否確實(shí)是自己想買的,還可以通過鏈接返回原商品介紹頁面。
6.提供操作流程的指引
付款通常是一個(gè)包括多步操作的流程。這意味著用戶完成支付前會經(jīng)過好幾個(gè)頁面。所以最好加一個(gè)操作流程指引,告訴用戶他們現(xiàn)在的位置,即他們目前走到付款流程的哪一步,哪個(gè)頁面上了,以及離完成過程還有哪幾步。
蘋果網(wǎng)站在所有付款頁面上,都放了一個(gè)簡潔的流程指引。
讓用戶知道自己在流程中的哪個(gè)位置,會給他們一種控制感,從可用性角度來說,這是很有必要的。當(dāng)然,讓用戶知道后面還有哪幾步操作,就可以完成了也會減少他們的疑惑。這樣他們在完成付款前,根據(jù)自己的情況和想法,來調(diào)整或取消訂單的自由度更大。
7.付款界面保持簡潔
付款過程和網(wǎng)站上瀏覽型的網(wǎng)頁不同。在付款過程中,用戶并沒有在購物。這意味著所有的瀏覽型操作在這里都是多余的,這只會分散用戶的注意力,影響他正在完成的任務(wù)。設(shè)計(jì)時(shí),要把那些不需要的元素去掉—比如,商品目錄鏈接,熱銷商品推薦等,使界面保持簡潔。
戴爾網(wǎng)站的付款頁面,就沒有商品的目錄鏈接,而是讓用戶把所有注意力放在付款流程上。
有時(shí)用戶會返回,再買一些商品,再來付款,所以需要提供一個(gè)“返回繼續(xù)購物”的鏈接。另外,要確保所有指向“下一步”的按鈕都大一些,避免用戶找不到。
8.不要讓用戶離開付款流程
用戶在付款過程中不要被打斷很重要,比如,把用戶引到一個(gè)和付款不相關(guān)的頁面。把用戶帶離開付款流程會有以下兩個(gè)問題:1)他們會搞不清自己究竟在哪里,甚至有可能付款的頁面找不到了2)他們可能會因?yàn)楸淮驍喽鴽]有成功完成整個(gè)付款流程。
Laskys網(wǎng)站的付款頁面上,當(dāng)鼠標(biāo)懸停在某些元素上,會有幫助信息彈出告訴用戶相關(guān)的功能說明。
不能打斷用戶付款流程,那么我們要找到一個(gè)方法顯示不要的信息。如果需要提供一些幫助信息,而這些信息又不適合在當(dāng)前頁面上顯示,可以考慮通過浮動窗口或彈出窗口顯示。
9.告知用戶商品配送時(shí)間
線上購物比起實(shí)體店購物,有個(gè)較大的弊端:用戶需要等待幾天才能收到購買的商品。所以當(dāng)用戶購買成功后,需要告訴他們大致需要等待的時(shí)間。
蘋果網(wǎng)站會根據(jù)不同用戶的訂單顯示相應(yīng)的送貨時(shí)間。
告知用戶商品配送時(shí)間有以下幾個(gè)原因:首先,用戶要確?爝f公司送貨上門時(shí),家中有人收快遞。其次,這樣用戶會對貨什么時(shí)候到有個(gè)心理預(yù)期,而不用老擔(dān)心買的東西怎么還沒送到。送貨時(shí)間顯示得越早越好,最好在商品介紹的頁面上就顯示。這樣的話,想購買該商品的用戶,就能根據(jù)商品送到時(shí)間是否能滿足需求,來決定他們是否購買。
10.告訴用戶之后會發(fā)生什么
當(dāng)用戶完成了商品購買,并點(diǎn)擊了最后一步操作的按鈕后,接著會出現(xiàn)什么?以“感謝您購買本商品”為結(jié)束語。這對用戶來說,是一種禮貌的表示,而用戶也一定很樂意接受這些體貼的話。
亞馬遜網(wǎng)站,在用戶付款完成時(shí),就會顯示:感謝您購買了此商品,并且告訴用戶接下去可以做些什么。
另外,還要告訴用戶接著還會發(fā)生什么——比如,當(dāng)商品發(fā)貨時(shí),他們會收到一封郵件通知。這會消除用戶對訂單是否真正成功購買的不確定,他們安心。
11.發(fā)一封確認(rèn)郵件
用戶可能完成了商品訂購并付款了,但其實(shí)還沒結(jié)束。網(wǎng)站需要發(fā)一封確認(rèn)郵件,告知用戶購買商品的詳細(xì)信息和送貨到達(dá)的時(shí)間。這個(gè)信息還是很有幫助的,因?yàn)檫@讓用戶再次確定他們沒買錯(cuò)商品,比較安心。
亞馬遜網(wǎng)站會在用戶付款后,發(fā)送關(guān)于購買的商品詳細(xì)信息的郵件,并告訴用戶如果買錯(cuò),如何在商品發(fā)貨前修改。
如果用戶買錯(cuò)了商品,在商品發(fā)貨前,需要提供給他們重新登陸并返回修改訂單的機(jī)會。簡單的出錯(cuò),比如選擇錯(cuò)了尺寸,顏色,經(jīng)常會發(fā)生,所以網(wǎng)站需要讓用戶感覺在線上購物既簡單又可靠。