【正文】 結(jié)果篩選頁面 而與京東商城相比，淘寶商城的站內(nèi)搜索則有較大的區(qū)別，淘寶只提供了兩種標(biāo)簽對結(jié)果進(jìn)行排序，用戶可根據(jù)商品或者店鋪查看商品，但在每一標(biāo)簽下卻提供了更多的搜索功能如詳細(xì)的排序方式和更為豐富的篩選（圖23）。在頁面頂部顯示的是根據(jù)該關(guān)鍵詞所搜索的結(jié)果數(shù)量，同時(shí)也在左側(cè)導(dǎo)航欄上提供了分類篩選的功能，并顯示在各類別下符合該關(guān)鍵詞的商品數(shù)量，這樣方便了用戶對結(jié)果的進(jìn)一步篩選，點(diǎn)擊其中某一條，便會顯示在該條下的所有符合條件的商品。當(dāng)用戶點(diǎn)擊搜索之后，能夠很快的顯示出搜索結(jié)果，如圖21所示：圖21京東商城站內(nèi)搜索結(jié)果頁面在這個(gè)頁面上為用戶提供了五種排序方式，分別是相關(guān)性、銷量、價(jià)格、好評度、上架時(shí)間，并且以圖片和文字相結(jié)合的方式顯示所搜索的商品，并提供購買、收藏、對比等基本購物功能，同時(shí)在具體商品下面會顯示評論數(shù)量。因此對于B2C電子商務(wù)網(wǎng)站而言，站內(nèi)搜索的重要性主要體現(xiàn)在以下幾個(gè)方面：（1）能幫助用戶快速獲取自己想要的產(chǎn)品資源，同時(shí)也對網(wǎng)站去理解用戶的意圖有所幫助；（2）在對站點(diǎn)的用戶體驗(yàn)進(jìn)行優(yōu)化的同時(shí)，也能根據(jù)用戶所輸入的內(nèi)容去收集用戶喜好；（3）能根據(jù)用戶的搜索結(jié)果對產(chǎn)品的冷熱程度進(jìn)行一個(gè)大致的估計(jì)，從而使產(chǎn)品結(jié)構(gòu)得到優(yōu)化；因此對于B2C商城而言，站內(nèi)搜索的要求相對較高，不僅要求搜索速度快，而且要求搜索結(jié)果要盡量保證準(zhǔn)確。但調(diào)查發(fā)現(xiàn)很多歐洲網(wǎng)站的站內(nèi)搜索引擎功能并不能滿足用戶的搜索需求，超過一半的被調(diào)查網(wǎng)站（56％）在站內(nèi)搜索功能和搜索界面上沒有達(dá)到Forrester擬訂的站內(nèi)搜索引擎標(biāo)準(zhǔn)。圖20淘寶商城注冊成功頁面根據(jù)以上可知，在注冊的過程上，京東商城更為簡潔，省略了短信校驗(yàn)碼和郵箱\手機(jī)激活這兩大步驟，但是在注冊過程中，淘寶更為人性化，在用戶名重復(fù)問題上采用系統(tǒng)再用戶輸入的名字基礎(chǔ)上提示用戶哪些名字還未被注冊，這樣便省去了用戶在去想另外名字的麻煩，而且在密碼的要求上，淘寶更為嚴(yán)格，雖然這樣會比京東稍微麻煩，但是對于用戶賬號的安全則有很大的幫助，同樣，采用雙重驗(yàn)證方式，也更增加了用戶賬號的安全性保證。圖18京東商城注冊成功頁面而淘寶則會跳轉(zhuǎn)到驗(yàn)證賬戶信息的頁面，并提供了兩種驗(yàn)證方式，分別為手機(jī)驗(yàn)證和郵箱驗(yàn)證，選擇郵箱驗(yàn)證后，會通過短信將校驗(yàn)碼發(fā)送到用戶手機(jī)，并在用戶輸入由短信接收到的校驗(yàn)碼后，再發(fā)送激活郵件到用戶郵箱，并要求登錄郵箱進(jìn)行賬戶的激活（圖19）。圖16淘寶商城用戶名重復(fù)提示而在密碼的輸入上，淘寶商城除了會提醒用戶所使用的密碼的強(qiáng)度外，還不允許使用全為數(shù)字所組成的密碼，京東則沒有這方面的要求（圖17）。圖13京東商城用戶名輸入框圖14京東商城用戶名重復(fù)提示 同樣在填寫登陸密碼時(shí)，京東商城會對用戶所輸入的密碼進(jìn)行一個(gè)安全程度的檢查，并在輸入框下方給與提示，以方便用戶對自己密碼的強(qiáng)弱性有一個(gè)大概的了解（圖15）。并且在注冊過程中對當(dāng)前注冊所填選項(xiàng)的相關(guān)細(xì)則或者規(guī)矩進(jìn)行了相應(yīng)的提示，提示信息清晰明確但并不喧賓奪主，其主要顏色為灰色，與標(biāo)簽的顏色有著明顯但并不過于巨大的差別，在視覺上對用戶不會造成較大的干擾。 圖11京東商城用戶注冊頁面圖12淘寶商城用戶注冊頁面采用簡潔的注冊頁面能很好的避免繁雜的頁面給用戶帶來的恐懼和厭惡感，對于一個(gè)新來的用戶而言，注冊電子商務(wù)網(wǎng)站會員的根本目的是為了更方便快速的進(jìn)行購物，以及享受網(wǎng)站所提供的其他相關(guān)服務(wù)，因此注冊過程因盡量做到簡潔和方便，從而節(jié)省用戶在注冊上所耗費(fèi)的時(shí)間和精力。在每一層級的分類版塊里，商品信息的呈現(xiàn)方式是一致的，并且具有相關(guān)性的分類，在視覺表現(xiàn)方式上也是具有相連性的，這樣用戶能很容易的將不同的分類信息區(qū)分開來，不會視覺上導(dǎo)致混淆，并且給人一種整潔清晰的感覺，整個(gè)頁面顯得較有層次性，即使圖片很多的情況下也不會讓用戶感到雜亂和太過花哨，并且在視覺上的一致性也保證了頁面的整體風(fēng)格，從而保證了網(wǎng)站頁面的整體的美觀。京東商城在首頁的幾大主要板塊的標(biāo)簽上采用的是相同的背景樣式和字體顏色，而在這些板塊之下的平行分類的視覺樣式也是一致的，并且具有一定的相關(guān)性，這樣方便了用戶的辨認(rèn)和查找所需信息。 對于前來購物的用戶，其所關(guān)心的內(nèi)容一般都是特價(jià)、折扣和新上市的商品，因此京東商城將這三個(gè)方面的內(nèi)容依次放置在首頁的不同位置，這樣對于用戶而言，自己所關(guān)心的信息能夠在最短時(shí)間內(nèi)獲得，而不必再去搜索和查找。京東商城的網(wǎng)站首頁如圖10所示：其第一屏中的重要位置放置的是搶購的商品信息，以幻燈片形式呈現(xiàn)的是一些折扣商品，而廣告則放置在頁面的兩側(cè)。由于用戶所用的瀏覽器不盡相同，因此對于B2C網(wǎng)站而言，應(yīng)盡可能的保證用戶即使使用不同的瀏覽器也能看到同樣的頁面顯示效果，從而優(yōu)化用戶客戶端方面的體驗(yàn)，無論是京東商城還是淘寶商城對四大主流瀏覽器“ Safari、Chrome、IE、FireFox的兼容性都很好，頁面顯示和網(wǎng)站功能都能正常顯示和使用。在每一個(gè)部分里面列出了與該分類相關(guān)的網(wǎng)站所提供的各項(xiàng)功能，并且以板塊分類的方式展現(xiàn)，每個(gè)功能前配以圖片和文字說明，顯得更為直觀形象，讓用戶能夠很快的找到自己所需的功能。網(wǎng)站地圖結(jié)構(gòu)的合理，不僅是對搜索引擎的友好表現(xiàn)，同時(shí)也能讓用戶對整個(gè)網(wǎng)站有個(gè)初步的印象。圖8淘寶商城分類導(dǎo)航在這個(gè)搜索結(jié)果頁面里，原有的分類導(dǎo)航被替換為了該大類的詳細(xì)分類導(dǎo)航，如果要重新選擇商品大類，即點(diǎn)擊所有商品分類鏈接時(shí)會在新窗口打開頁面，這點(diǎn)感覺比較煩人，沒有京東的設(shè)計(jì)人性化和方便.如圖9所示，輔助導(dǎo)航顯示在頁面緊靠著分類導(dǎo)航欄的右側(cè)，仍然是以“”作為分隔的標(biāo)志，突顯出分類的層次性和邏輯性，點(diǎn)擊鏈接可以返回上一個(gè)分類，但是點(diǎn)擊 “所有商品分類”鏈接時(shí)依舊是在新窗口中打開頁面，在這點(diǎn)上京東的分類導(dǎo)航設(shè)計(jì)在用戶使用體驗(yàn)上要優(yōu)于淘寶商城，用戶無需進(jìn)行多次的重復(fù)和頻繁的窗口切換便能跳轉(zhuǎn)到自己需要的信息所在頁面上，而淘寶商城則需要較為繁瑣的點(diǎn)擊才能讓用戶達(dá)到操作的目的。當(dāng)點(diǎn)擊其中的任一分類鏈接時(shí)，依舊是在瀏覽器的新窗口中打開頁面，同樣也是一個(gè)搜索結(jié)果的集合頁，用戶依舊可以根據(jù)自己的喜好和習(xí)慣對搜索結(jié)果進(jìn)行篩選、排序等基本操作。并且在緊靠分類導(dǎo)航欄的上方顯示出輔助導(dǎo)航條，以“”來對層級進(jìn)行分割，直觀而又形象的從視覺上顯示了瀏覽層次的遞進(jìn)關(guān)系，同時(shí)也能讓用戶對自己目前所在的位置一目了然，用戶也可通過輔助導(dǎo)航依次返回上一頁、首頁，其鏈接形式采用的是文本而非圖片鏈接，頁面如圖7所示。 點(diǎn)擊進(jìn)入后是類似于搜索結(jié)果的頁面，用戶可按照自己喜好對該頁面的搜索結(jié)果進(jìn)行篩選、排序等操作。圖4淘寶商城全局導(dǎo)航(截圖日期20110406)圖5淘寶商城全局導(dǎo)航路徑指引(截圖日期20110406)二、分類導(dǎo)航對于B2C商城而言，為了能滿足用戶的多種需求，讓用戶能夠快速的找到自己所需的商品，分類導(dǎo)航是不可或缺的，由于每個(gè)B2C商城的商品不盡相同，所設(shè)置的商品分類也肯定會有所區(qū)別，但無論是怎樣的商品分類導(dǎo)航，都必須做到分類清晰明了，而頁面的點(diǎn)擊數(shù)應(yīng)控制在三次以內(nèi)。淘寶商城的全局導(dǎo)航如圖4所示，導(dǎo)航條的整體顏色以黑色為主，字體顏色則是白色，這樣顯得比較醒目，同樣點(diǎn)擊其中一個(gè)欄目跳轉(zhuǎn)到相應(yīng)頁面后也有返回商城首頁鏈接，只是導(dǎo)航條已經(jīng)消失了，只剩下路徑的指引，如圖5所示，但點(diǎn)擊淘寶商城四個(gè)字依舊能夠返回，與京東商城不同的是淘寶商城在點(diǎn)擊導(dǎo)航條欄目時(shí)所打開的頁面是在瀏覽器的新窗口中，而京東則是在原來頁面內(nèi)打開鏈接，大概是因?yàn)檫@個(gè)原因，所以打開的頁面上導(dǎo)航條并沒有保留。一、全局導(dǎo)航京東商城的全局導(dǎo)航如圖3所示，可以看出其全局導(dǎo)航是一組以一致的外觀出現(xiàn)在網(wǎng)站的所有頁面的通用導(dǎo)航元素，其對用戶的訪問起到最基本的方向性指引，并且包含了搜索欄與購物工具這兩大元素，這樣用戶在京東商城任何頁面都能對商品進(jìn)行搜索和與購買相關(guān)的行為，比如將商品加入購物車。網(wǎng)站的導(dǎo)航一般包括全局導(dǎo)航、輔助導(dǎo)航和站點(diǎn)地圖等，主要起到體現(xiàn)網(wǎng)站結(jié)構(gòu)和引導(dǎo)用戶的作用。淘寶商城的廣告位起到一個(gè)分割的作用，如商城的樓層之間，活動(dòng)專區(qū)與商城之間，其廣告圖片與網(wǎng)站的整體色調(diào)相一致，雖然位于頁面正中，但由于與頁面的非廣告內(nèi)容的區(qū)別較大，所以并不會對用戶的瀏覽造成妨礙，也不會干擾用戶的視線。在第十一樓下面則是商品的具體分類和一些知名品牌的店鋪鏈接，最底部則是商城保障、新手上路、支付方式、商家入駐等網(wǎng)站服務(wù)。以第一廣告位為界，首頁分為了上下兩部分，第一部分主要是品牌推薦和促銷活動(dòng)專區(qū)，在這一部分的頁面左側(cè)首先展示的是新進(jìn)駐的商家，然后是淘品牌。而網(wǎng)站的導(dǎo)航欄則是根據(jù)商品的類別劃分，而非是網(wǎng)站的功能，感覺這樣更加直觀，更易于用戶使用，用戶可以根據(jù)自己的購買目的去點(diǎn)擊相應(yīng)的導(dǎo)航。頁面的整體布局和京東商城類似，頁面最頂部是用戶的一些基本服務(wù)，如登錄、注冊，以及一些網(wǎng)上購物所需要的基本功能，如查看賣出買進(jìn)的商品，查看自己的購物車、收藏夾以及進(jìn)行搜索（此處搜索范圍是淘寶網(wǎng)而非淘寶商城）。圖片排列既不過于密集，也不會過于疏遠(yuǎn)，不會讓人感到雜亂，并能對用戶查找信息起到一定的輔助作用，其廣告幾乎都位于頁面兩側(cè)，廣告圖片與頁面的整體風(fēng)格相符合，在瀏覽過程中，對用戶的視線不會造成不必要的干擾，使得整個(gè)頁面保持了整潔。從上面信息可以看出京東商城首頁的頁面兩側(cè)主要是一些與商品有關(guān)的各種服務(wù)，這些服務(wù)對于網(wǎng)站的用戶而言，使得他們的購物能夠變得簡便和快捷，也節(jié)省了時(shí)間，能夠讓用戶將更多的時(shí)間用于商品的挑選而非是查找、搜索，這樣使得網(wǎng)站的布局和服務(wù)更為人性化。在每一個(gè)分區(qū)里面所顯示的商品都是以圖片并配以簡要的文字說明，并在圖片上面以顯眼的紅色標(biāo)明了價(jià)格，這樣用戶可以從首頁所展示的內(nèi)容中獲取商品的大致信息，如外觀、基本功能、價(jià)格、商品介紹等，用戶只要查看首頁分區(qū)里所展示的商品，并只點(diǎn)擊自己感興趣或者需要的商品，而無需每一個(gè)都去點(diǎn)擊查看，這樣能為用戶節(jié)省大量的時(shí)間，也提升了用戶的購物體驗(yàn)。在導(dǎo)航欄下面是搜索框和購物車，搜索框旁顯示了近期的一些熱門搜索的關(guān)鍵詞，這樣當(dāng)用戶所想搜索的物品是熱門關(guān)鍵詞時(shí)便無需手動(dòng)輸入，比較人性化。京東商城的logo位于左上角的空白處，這樣，既突出了京東的品牌特色，確保了品牌的清晰展示，logo展示空間的安排也恰到好處，在頁面的右側(cè)是商品的分類列表，前面幾項(xiàng)都是京東主要的銷售項(xiàng)目，如圖書音像、數(shù)碼產(chǎn)品等，鼠標(biāo)移至分類名稱上面會自動(dòng)顯示所屬分類下面的更詳細(xì)分類，這樣方便了用戶快速選擇自己所需要的商品信息。圖1京東商城首頁(截圖日期20110406)京東商城的頁面如圖