電子商務(wù)網(wǎng)站設(shè)計(jì)頁面各類分析雜談之頭部細(xì)節(jié)-_第1頁
電子商務(wù)網(wǎng)站設(shè)計(jì)頁面各類分析雜談之頭部細(xì)節(jié)-_第2頁
電子商務(wù)網(wǎng)站設(shè)計(jì)頁面各類分析雜談之頭部細(xì)節(jié)-_第3頁
電子商務(wù)網(wǎng)站設(shè)計(jì)頁面各類分析雜談之頭部細(xì)節(jié)-_第4頁
電子商務(wù)網(wǎng)站設(shè)計(jì)頁面各類分析雜談之頭部細(xì)節(jié)-_第5頁
已閱讀5頁,還剩4頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、電子商務(wù)網(wǎng)站設(shè)計(jì)頁面各類分析雜談之頭部細(xì)節(jié)本文由易開店進(jìn)行整理現(xiàn)在大家都知道同類型的電子商務(wù)網(wǎng)站越來越多,除了比特色比價(jià)格之外,對(duì)網(wǎng)站本身的用戶體驗(yàn)也格外的重視起來,這里所說的重視是指真的意識(shí)到了這個(gè)問題,知道好的體驗(yàn)?zāi)芰糇∮脩?能產(chǎn)生更多訂單,能產(chǎn)生更多回頭客,能在業(yè)界確立口碑形成壁壘,還有,能炫耀扎臺(tái)型。既然談到用戶體驗(yàn),那就得要做數(shù)據(jù)方面的分析,通過這些手段來確定,那么一大推互聯(lián)網(wǎng)用戶中,哪些才是你的用戶,不同的用戶是不同的,作為產(chǎn)品設(shè)計(jì)人員是否已經(jīng)摸準(zhǔn)了下面這些內(nèi)容:本商城出售的商品是符合哪一類用戶的需求的,并且會(huì)激發(fā)用戶的哪些潛在屬性,譬如母愛,童趣,公益心等,如何利用合理的設(shè)計(jì)去引

2、導(dǎo)這些情感,目標(biāo)用戶是偏理性還是偏感性的,需要用什么樣的設(shè)計(jì)來迎合用戶,這類用戶平時(shí)網(wǎng)上購物經(jīng)驗(yàn)是否豐富,是否屬于高端用戶,是否需要培養(yǎng)使用習(xí)慣這類用戶對(duì)支付安全性、流程便捷性、選擇商品精準(zhǔn)性的要求分別是怎么樣的,關(guān)注度的優(yōu)先級(jí)是怎樣的情況關(guān)于用戶的研究,這些往往是容易被忽視的,忽視的表現(xiàn)即每方面都追求大眾化,其他網(wǎng)站如何我們也如何,這是要不得的,網(wǎng)站和網(wǎng)站是不同的。具體不同可以延伸到很多方面,譬如·網(wǎng)站出售商品不同·網(wǎng)站發(fā)展未必與我們同步·輻射的用戶群未必相同·對(duì)不同群體的政策傾斜未必相同·同一時(shí)期所受到的上層運(yùn)營壓力也不同因此我們做用戶需求

3、的過程中,必須睜大雙眼,仔細(xì)看清楚哪些是值得我們借鑒的,千萬不可盲目參考哪些已經(jīng)獲得成功的網(wǎng)站。其實(shí)作為一個(gè)愿意動(dòng)腦子的產(chǎn)品設(shè)計(jì)人員,當(dāng)你的同事用某某大網(wǎng)站是如何來處理這塊內(nèi)容的時(shí)候,你需要有理由來支持自己想對(duì)正確的想法,你為之研究了數(shù)月的體驗(yàn)方面的心得,大多數(shù)時(shí)候應(yīng)該強(qiáng)于同事們臨時(shí)而起的念頭,產(chǎn)品設(shè)計(jì)人員應(yīng)該有這樣的自信。我所在的公司,電子商務(wù)網(wǎng)站建立兩年有余,尚處于一個(gè)初級(jí)階段,而因?yàn)橘Y源分配方面的問題,始終沒有進(jìn)行優(yōu)化,我所說的優(yōu)化包括頁面、流程、設(shè)計(jì)、體驗(yàn)等各個(gè)方面,因此水準(zhǔn)停留在兩年前或者更早。適逢此次有改版可能,所以趁此機(jī)會(huì)對(duì)市面上那寫電商網(wǎng)站們做了一些小小的研究,在此分享一二。首

4、先介紹下我采納的競(jìng)品列表,對(duì)于進(jìn)入這份名單的網(wǎng)站,我只想說謝謝你們的網(wǎng)站,帶給了我們很多借鑒的思路,祝愿大家共同進(jìn)步。這些網(wǎng)站包括:D1 優(yōu)尚網(wǎng)、OLOMO、八點(diǎn)優(yōu)購、逛街網(wǎng)、好樂買、呼哈網(wǎng)、酷噻網(wǎng)、樂友網(wǎng)、麥包包、美合美妝、趣玩網(wǎng)、銳意網(wǎng)、燒包網(wǎng)、時(shí)尚起義、手表折扣網(wǎng)、淘寶網(wǎng)、淘寶商城、淘鞋網(wǎng)、微樂、香港莎莎、新鉆網(wǎng)、佑一良品、一號(hào)店、衣服網(wǎng)、走秀網(wǎng)、鉆石小鳥、麥網(wǎng)、京東、新蛋、當(dāng)當(dāng)、卓越、紅孩子等。而分析的類別比較多,其中可毫無保留分享的是前臺(tái)頁面的一些模塊取舍和設(shè)計(jì)上,包括以下這些方面·網(wǎng)站頭部·首頁設(shè)計(jì)·列表頁設(shè)計(jì)·詳情頁設(shè)計(jì)·購物流程

5、設(shè)計(jì)網(wǎng)站頭部對(duì)于網(wǎng)站頭部,大家可能一下子就能想到很多可以擺放的元素,事實(shí)上的確如此,在我做分析和比較的過程中,總結(jié)下來的列表的確能體現(xiàn)這一點(diǎn)。l LOGO副標(biāo)題所有的網(wǎng)站都會(huì)有LOGO,這個(gè)毋庸置疑,而且大部分網(wǎng)站都是放在左上角,其中將近一半的網(wǎng)站有自己的口號(hào)性副標(biāo)題,其中包括了從這些內(nèi)容中可以看出網(wǎng)站在Logo旁設(shè)置一段能彰顯網(wǎng)站價(jià)值短語,或者直接接入LOGO 的做法,已經(jīng)得到了一定程度的認(rèn)同,并且在后期的設(shè)計(jì)中,發(fā)現(xiàn)還能夠利用起LOGO旁的大片空白處。·頭部寬度自適應(yīng)問題超過25%的網(wǎng)站,采用了自適應(yīng)寬度的做法,而這些網(wǎng)站中包括麥網(wǎng)、OLOMO、趣玩、燒包、佑一良品等網(wǎng)站。這部分

6、有個(gè)很有趣的對(duì)比:麥網(wǎng)用了自適應(yīng),但是一號(hào)店卻沒有,再結(jié)合下面的分類設(shè)置,一號(hào)店顯得布局過于局促了,當(dāng)然這是仁者見仁智者見智的問題。燒包網(wǎng)使用了自適應(yīng)的寬度,但是麥包包卻沒有,但是麥包包顯得更大氣因此我覺得這不是一個(gè)是與非的問題,我傾向于當(dāng)設(shè)計(jì)有能力做出有質(zhì)量的頭部時(shí),未嘗不可嘗試寬度自適應(yīng),但是如果沒有這方面絕對(duì)的把握,隨大流是個(gè)不錯(cuò)的想法,接下來要注意的是頭部以下內(nèi)容的合理擺放,切勿密度太大,導(dǎo)致臃腫,干擾用戶瀏覽頁面。·導(dǎo)航條中的菜單層次和邏輯關(guān)系網(wǎng)站在導(dǎo)航條上放置的內(nèi)容并不會(huì)太多,更多的內(nèi)容是采用層的方式顯示。有將近40%的網(wǎng)站并沒有采用層的方式顯示更多,導(dǎo)航條上緊緊是一個(gè)頻

7、道的入口而非層級(jí)菜單,這里顯示的也是一級(jí)分類。剩下的網(wǎng)站,將此處顯示的目錄層次,分別深入到了二級(jí)和三級(jí),此處出現(xiàn)的不僅是分類,同時(shí)會(huì)與特別推薦、品牌進(jìn)行混搭。部分網(wǎng)站對(duì)于多級(jí)分類的載體下拉層,都做了一定程度的美化和利用如果商城的商品分類繁多,而且不愿意犧牲頭部以下的主題版面的,可以考慮借鑒這些方式,不論是分類和品牌混搭,還是特別推薦的內(nèi)容,都能有所側(cè)重。·登錄信息大部分網(wǎng)站都是很簡(jiǎn)單的登錄、注冊(cè)而已,也有三分之一的網(wǎng)站,在此基礎(chǔ)上,用更能取得認(rèn)同感的語句來重新組織從中可以發(fā)現(xiàn),并不是所有的表面看來有認(rèn)同感的語句都能起到好的效果,歸根結(jié)底,要看網(wǎng)站本身的設(shè)計(jì)風(fēng)格簡(jiǎn)約與否、以及元素之間是

8、否協(xié)調(diào)。登陸后的文字信息,基本上都是千篇一律的,將會(huì)員名和退出鏈接放在其中,而且大部分網(wǎng)站會(huì)將個(gè)人中心的相關(guān)信息在這里體現(xiàn)出來。這部分內(nèi)容包括訂單信息、積分信息、收藏信息、賬戶信息·購物車信息根據(jù)出售的商品,網(wǎng)站會(huì)將這一塊命名為購物車或者購物袋,普通情況下,叫做購物車的還是占九成以上,這與淘寶的購物車形象根深蒂固也是有一定的關(guān)系。個(gè)人覺得時(shí)尚類的,特別是飾品類網(wǎng)站,命名為購物袋還是很有優(yōu)勢(shì)的,會(huì)體現(xiàn)出精致的時(shí)尚感,加強(qiáng)用戶對(duì)網(wǎng)站所售商品時(shí)尚度的認(rèn)同感。大部分網(wǎng)站都會(huì)在購物車區(qū)域?qū)徫镘噧?nèi)商品信息作展示,同時(shí)大部分也是采用層的方式。展示的內(nèi)容,普遍有商品名,商品價(jià)格,數(shù)量和總計(jì)。提供商

9、品縮略圖的和刪除這類消極按鈕的并不多。個(gè)人分析下來,這部分對(duì)于無購買動(dòng)作的用戶幾乎是忽視的,同時(shí)表現(xiàn)形式上也應(yīng)當(dāng)做到忽視,如果采用浮動(dòng)層,需要注意這一點(diǎn)影響,不可干擾未購買的用戶。對(duì)于有購買動(dòng)作的用戶,此處讓用戶了解詳情的作用和目的并不大,主要是針對(duì)一些需要了解當(dāng)前購物車內(nèi)概況的用戶,此時(shí)層內(nèi)顯示的內(nèi)容是用戶關(guān)注列表中的首要,因此層的負(fù)面影響會(huì)降低到最低,可以忽略不計(jì)50%以上的網(wǎng)站在購物車區(qū)域安排了去結(jié)算的按鈕,并且大部分將其命名為去結(jié)算,其中麥網(wǎng)在此處用了更簡(jiǎn)明的“結(jié)賬”,趣玩網(wǎng)采用了“查看購物車”。前者簡(jiǎn)單扼要,后者給用戶心理暗示并非非買不可,也符合趣玩網(wǎng)輕松購物的整站風(fēng)格。·

10、頭部搜索框談及搜索框,其實(shí)這部分涉及到了哪些用戶會(huì)用搜索,而哪些用戶會(huì)用網(wǎng)站提供的分類導(dǎo)航??傮w來說,搜索框,是提供給這些人的·通過對(duì)已掌握的信息有把握找到目標(biāo)商品(群·對(duì)于網(wǎng)站提供的搜索不持不認(rèn)可態(tài)度的·無法精確定位商品分類,需要通過搜索關(guān)鍵詞來獲取更精準(zhǔn)信息的總結(jié)這部分用戶,可以發(fā)現(xiàn),這部分用戶更有自主性,有控制欲,這里說的這部分用戶,在這個(gè)網(wǎng)站可能傾向于使用搜索,在另一個(gè)網(wǎng)站傾向于使用分類,這都是有可能的,因?yàn)檫@取決于商品和網(wǎng)站。那么這些用戶大部分是偏理性且有序的。而是用分類的用戶,一般是這些人·各種原因不愿意通過搜索來尋找目標(biāo)商品(群,其中原因包

11、括怕重怕漏等不信任因素、也包括對(duì)于輸入內(nèi)容的不自信·對(duì)目標(biāo)所屬分類有足夠自信的·欣賞目標(biāo)網(wǎng)站提供的商品分類專業(yè)性,熱衷于使用和嘗試的總結(jié)這部分用戶,可以發(fā)現(xiàn),這部分用戶在目標(biāo)網(wǎng)站缺乏非常強(qiáng)的自主個(gè)性以及控制欲,需要借助網(wǎng)站提供的專業(yè)的分類來確定目標(biāo)所在的范圍。搜索框內(nèi)形式,大部分網(wǎng)站都不使用聯(lián)動(dòng)菜單的方式,種類特別繁多的百貨類商城,譬如淘寶、一號(hào)店,對(duì)于原本分類并不豐富,或者分類之間交集比較多的商城,用聯(lián)動(dòng)菜單的方式比較少。搜索框內(nèi)的默認(rèn)文字,也是很多網(wǎng)站重視的內(nèi)容,不僅可以起到引導(dǎo)用戶的作用,還能幫助用戶養(yǎng)成使用特定搜索框的習(xí)慣和能力,譬如告訴用戶如何進(jìn)行多關(guān)鍵詞搜索等。

12、目前大部分商城是不設(shè)立默認(rèn)關(guān)鍵詞的,設(shè)立默認(rèn)關(guān)鍵詞的網(wǎng)站,主要有兩種形式,一種為設(shè)置隨機(jī)關(guān)鍵詞,另一類為告訴用戶此處可輸入關(guān)鍵詞。個(gè)人認(rèn)為,此處可將兩種目的結(jié)合起來,以運(yùn)營部門指導(dǎo)建議此處默認(rèn)加載的關(guān)鍵詞,以關(guān)懷性語句包裝,并提示可進(jìn)行組合查詢,例如:輸入您要搜索的內(nèi)容,譬如皇家,成犬這樣用戶就從中知道,這里可以通過輸入多個(gè)內(nèi)容搜索,并且多個(gè)內(nèi)容之間以逗號(hào)相隔,這比簡(jiǎn)單的教育用戶如何操作,更能使用戶產(chǎn)生成就感和認(rèn)同感。輸入框內(nèi)的交互設(shè)計(jì),也是非常重要的,但是這一點(diǎn)大部分商城都沒有注意到,此類輸入框應(yīng)該有設(shè)計(jì)方面的約定。·輸入框內(nèi)有默認(rèn)系統(tǒng)提示內(nèi)容,鼠標(biāo)點(diǎn)擊輸入框,內(nèi)容清空·

13、鼠標(biāo)焦點(diǎn)離開輸入框,如果此時(shí)輸入框內(nèi)的內(nèi)容與原內(nèi)容相比未改變,則再次出現(xiàn)原內(nèi)容,若有改變,以改變后的內(nèi)容為準(zhǔn)·再次點(diǎn)擊輸入框,如果此時(shí)輸入框內(nèi)的內(nèi)容與原內(nèi)容相比未改變,則內(nèi)容再次清空,若有改變,則不需要清空這部分的設(shè)計(jì),對(duì)提高用戶使用搜索框的愉悅度會(huì)有幫助,別小看這些小細(xì)節(jié),網(wǎng)站易用性就是這樣點(diǎn)滴積累起來的。有條件的商城,還可提供輸入內(nèi)容的聯(lián)想、提醒功能,可以顯著的幫助用戶縮短鎖定目標(biāo)所需的時(shí)間。在選項(xiàng)的匹配方面,有人力物力的項(xiàng)目組,應(yīng)當(dāng)對(duì)一些相似的產(chǎn)品關(guān)鍵詞進(jìn)行歸納,目的就是讓用戶在搜索例如貓咪這個(gè)關(guān)鍵詞時(shí),同時(shí)貓這個(gè)關(guān)鍵詞對(duì)應(yīng)的產(chǎn)品也會(huì)出現(xiàn)在搜索列表中。·關(guān)鍵詞的推薦一

14、半以上的網(wǎng)站都提供了關(guān)鍵詞的推薦,同時(shí)大部分都安排在了搜索框旁邊的位置,但是平心而論,對(duì)于提供商品種類很多的網(wǎng)站而言,這樣的推薦命中率高么?如果不高的話,頭部這么出挑的位置不能放別的更重要的內(nèi)容嗎。當(dāng)然對(duì)于一些下單密集度比較高的單品、種類,的確有比較高的命中率,包括一些運(yùn)營方面需要的促銷、推薦文字,那么其實(shí)此處放置的文字鏈接,為何不能以圖文或者專題的方式出現(xiàn)在頁面主體中呢,干擾源太多對(duì)用戶不怎么好。而這一塊地方,可以安排一些口號(hào)性質(zhì)、或者服務(wù)特性的內(nèi)容,一半以上的商城,都提供了一些能夠迎合用戶對(duì)安全、便利、產(chǎn)品質(zhì)量方面的需求圖文。例如:·頭部客服電話信息只有極少數(shù)幾家商城沒有提供客服

15、電話,的確對(duì)于一號(hào)店這樣的商城來說,有沒有客服電話并不重要,不過對(duì)于在詳情頁都不放置客服電話,我稍有不解,這會(huì)等到分析詳情頁的時(shí)候再細(xì)說。另外一家八點(diǎn)優(yōu)購,采用的是懸停浮動(dòng)層的方式顯示客服電話和在線客服的,我個(gè)人覺得未必很妥,畢竟用戶需要客服時(shí),并不希望在做游戲,而是希望第一時(shí)間得到幫助,此時(shí)如何在最少的步驟內(nèi)提供用戶相應(yīng)的信息是很有講究的??傮w而言,大部分網(wǎng)站還是很注重在頭部顯要處提供客服電話的。·工作時(shí)間只有少數(shù)的幾家網(wǎng)站提供了工作時(shí)間,譬如趣玩網(wǎng)、仁和春天,其實(shí)個(gè)人覺得提供一個(gè)諸如7*24小時(shí)的信息提示,對(duì)用戶來說,對(duì)于網(wǎng)站專業(yè)性的認(rèn)可又更近了一步,何樂而不為。退一步講,即使因?yàn)閷?shí)際情況無法提供這么周全的全天候服務(wù),那么把有人伺

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論