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

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

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

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

導(dǎo)航

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

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

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

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

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

搜索建議

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

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

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

網(wǎng)站欄目：專業(yè)手機(jī)網(wǎng)站設(shè)計(jì)之部分模塊建議
分享URL：http://redsoil1982.com.cn/news20/166870.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)