分享手機網(wǎng)站設(shè)計

功成網(wǎng)絡(luò)今天跟大家分享手機網(wǎng)站設(shè)計：專業(yè)手機網(wǎng)站設(shè)計文中，上海專業(yè)網(wǎng)站制作-功成網(wǎng)絡(luò)專注于智能手機，而不是圖表。我們將介紹一些用于移動電子商務(wù)功能的設(shè)計模式和方法，如下：·主頁 ·導(dǎo)航 ·搜索建議 ·搜索結(jié)果·搜索過濾和分類·產(chǎn)品頁·圖片庫·購物車·賬戶或游客登錄·表格

專業(yè)手機網(wǎng)站設(shè)計文中所有例子都來源于移動網(wǎng)頁，在智能手機瀏覽器中運行。大多數(shù)屬于大型百貨零售商，因為他們有龐大的產(chǎn)品目錄，這就需要考慮周全的設(shè)計方式，以突出搜索，并將搜索結(jié)果進(jìn)行過濾和分類。本文還有許多基于電子商務(wù)的原生app，許多模式都能很好的運用其上。

在移動設(shè)備上訪問網(wǎng)頁，主頁內(nèi)容通常較少，更多是幫助用戶找到所需的內(nèi)容。常見的模式就是一欄促銷，一欄鏈接列表或產(chǎn)品目錄，很簡單。關(guān)鍵詞搜索一般都有，還有店鋪的鏈接，訂閱促銷郵件及忠誠度計劃的登記表。亞馬遜和梅西都使用促銷商品和列表目錄混排的方式。塔吉特的促銷內(nèi)容比簡單列表占據(jù)屏幕更大的空間，極具視覺沖擊力。Threadless使用儀表盤模式，比起移動電子商務(wù)網(wǎng)頁，在原生應(yīng)用中較為常見。如果購物者來你的網(wǎng)站是為了快速比較價格，那么他們更需要的便是簡單的列表樣式和搜索功能。如果他們是來關(guān)注促銷和打折的，那么塔吉特的設(shè)計模式就更合適。因此，你需要分析消費者來你的網(wǎng)站的目的，以此決定合適的設(shè)計模式。

導(dǎo)航

除了使用主頁作為主要的導(dǎo)航中心，許多網(wǎng)站也在多數(shù)頁面上設(shè)置了導(dǎo)航目錄，通常是作為頁頭。這讓消費者能輕松在頁面間跳轉(zhuǎn)，而無需回到主頁。

lowe的導(dǎo)航目錄中，每個選項都有圖標(biāo)。best buy的目錄則使用了兩欄的排版，并且用按鈕替代列表。Lowe的目錄出現(xiàn)時會覆蓋整個頁面，而Best Buy的目錄出現(xiàn)時會向下推擠屏幕上的其他內(nèi)容。

Macy的導(dǎo)航目錄包含下級選項。CVS則具有雙欄目錄，每個選項也有圖標(biāo)。它們的目錄都在頁面頂端展示。

設(shè)計網(wǎng)頁導(dǎo)航的方式多種多樣。Lowe的設(shè)計很簡潔，而且圖標(biāo)帶來了一些視覺上的亮點。而導(dǎo)航以外的其余內(nèi)容都隱入背景，這使用戶在選擇導(dǎo)航內(nèi)容時，更集中于當(dāng)前目標(biāo)。CVS的版式相對雜亂，兩欄的選項，每個項目都搭配了圖標(biāo)。CVS的目錄上有許多可以點擊的bar，相互之間很接近，這在觸摸屏上可能導(dǎo)致可用性問題。

有趣的是，大型電子商務(wù)網(wǎng)站通常不會一次顯示許多導(dǎo)航選項。它們嘗試在導(dǎo)航的視覺設(shè)計和網(wǎng)頁信息構(gòu)架之間尋求平衡，仔細(xì)考慮應(yīng)存在于全站導(dǎo)航上的項目的數(shù)量。通過網(wǎng)站分析來確定消費者會點擊哪個目錄選項，可以幫助你決定目錄上的內(nèi)容?？蓪Σ煌脑O(shè)計進(jìn)行A/B測試和可用性測試，看看哪種設(shè)計選項太多太雜，最佳方案應(yīng)使人們不但找到建議內(nèi)容，也能找到需要的內(nèi)容?！獮榱松虡I(yè)需求，也為了用戶需求。

搜索建議

搜索建議，也叫輸入提示或自動填寫，當(dāng)消費者鍵入前幾個字幕的時候就顯示出可能的輸入結(jié)果。在常用搜索中，這對消費者來說真的很方便，特別是當(dāng)輸入內(nèi)容很長的時候。而搜索建議的一個局限就是：在虛擬鍵盤上很容易輸錯字，這會改變建議的結(jié)果。而顯示常見“正確”的結(jié)果可能更有用。而且，考慮使用改進(jìn)的自動建議模式來減少輸入內(nèi)容，在最有效率的前提下使用更慢的移動帶寬。

Macy的導(dǎo)航目錄包含下級選項。CVS則具有雙欄目錄，每個選項也有圖標(biāo)。它們的目錄都在頁面頂端展示。設(shè)計網(wǎng)頁導(dǎo)航的方式多種多樣。Lowe的設(shè)計很簡潔，而且圖標(biāo)帶來了一些視覺上的亮點。而導(dǎo)航以外的其余內(nèi)容都隱入背景，這使用戶在選擇導(dǎo)航內(nèi)容時，更集中于當(dāng)前目標(biāo)。CVS的版式相對雜亂，兩欄的選項，每個項目都搭配了圖標(biāo)。CVS的目錄上有許多可以點擊的bar，相互之間很接近，這在觸摸屏上可能導(dǎo)致可用性問題。

專業(yè)網(wǎng)站設(shè)計-功成網(wǎng)絡(luò)的目標(biāo)就是與更多的客戶達(dá)成合作關(guān)系，從而構(gòu)造一個龐大的用戶群體，形成流量集成平臺，并捆綁在一起，讓每一個客戶從他和我們合作的第一天開始就遙遙領(lǐng)先，具有先天優(yōu)勢，快捷地走向成功。