隨著移動(dòng)互聯(lián)網(wǎng)思維的滲透，以及智能手機(jī)浪潮的影響，一波波app前仆后繼，截至2015年7月，App Store應(yīng)用程序總數(shù)已達(dá)到150萬個(gè)，先做個(gè)app幾乎成為所有項(xiàng)目的第一步?？梢岳斫獾氖牵蠹覂A心于app必定源于其獨(dú)特優(yōu)勢(shì)，例如酷炫的交互效果、優(yōu)質(zhì)的用戶界面、支持離線模式消息推送，以及在用戶客戶端和各渠道的”存在感”等等。對(duì)于需要體驗(yàn)性極強(qiáng)的大型手游、社交類應(yīng)用、拍照類工具型應(yīng)用、以及金融類功能復(fù)雜的平臺(tái)應(yīng)用，app無疑是目前最適合不過的載體。可是，所有項(xiàng)目都必須做成app嗎?對(duì)于那些無需做成app的項(xiàng)目，還有比app更適合的實(shí)現(xiàn)方式嗎?這是我們的商業(yè)計(jì)劃書，雖然還沒有開始推廣，但我們真的擊中了用戶的痛點(diǎn)。總之，先做個(gè)app吧。答案是肯定的，有。那就是移動(dòng)Web。這也是上海網(wǎng)站設(shè)計(jì)的專業(yè)之一。移動(dòng)Web的最大特點(diǎn)，是用戶可以直接通過瀏覽器訪問網(wǎng)絡(luò)上的應(yīng)用程序。那么，移動(dòng)Web和app相比具備哪些優(yōu)勢(shì)呢?

1. 節(jié)約成本

app：需要投入客戶端和服務(wù)端開發(fā)，以及耗費(fèi)開銷支持多平臺(tái)和多設(shè)備。移動(dòng)Web：僅需H5頁面開發(fā)，使用響應(yīng)式設(shè)計(jì)的移動(dòng)Web可到處運(yùn)行。

2. 降低門檻

app：需要下載并等待安裝，占用手機(jī)容量，無Wi-Fi下流量耗費(fèi)大。移動(dòng)Web：支持跨平臺(tái)，無安裝成本，用戶門檻較低。

3. 追蹤數(shù)據(jù)

app：下載來源無法追蹤，對(duì)渠道細(xì)分統(tǒng)計(jì)能力有限。移動(dòng)Web：方便追蹤用戶來源，媲美PC瀏覽器下常規(guī)站點(diǎn)統(tǒng)計(jì)。

4. 快速調(diào)整

app：傷不起的審核周期，遇到緊急問題無法快速處理。移動(dòng)Web：站點(diǎn)服務(wù)器自己可控，利于快速更新迭代。

盡管移動(dòng)Web有如上諸多優(yōu)勢(shì)，但不可否認(rèn)的是，瀏覽的體驗(yàn)短期內(nèi)還無法超越原生應(yīng)用。那么，對(duì)于生長(zhǎng)在移動(dòng)Web上的業(yè)務(wù)和服務(wù)，如何做好設(shè)計(jì)確提升用戶體驗(yàn)將尤為重要。

移動(dòng)Web并不是把PC端內(nèi)容直接搬到手機(jī)上來顯示，而是需要結(jié)合移動(dòng)端用戶的使用場(chǎng)景，突出最核心的功能給用戶，并保持界面簡(jiǎn)潔。

我們簡(jiǎn)單總結(jié)了一些重要的移動(dòng)Web設(shè)計(jì)原則與大家分享。

一、針對(duì)首頁與網(wǎng)站瀏覽方式

1. 快速取得用戶需要的內(nèi)容：

PC首頁通常身兼迎賓、資訊中心和廣告推薦多重角色，但是移動(dòng)Web首頁的主要用途應(yīng)該是將用戶和他們所需要的內(nèi)容快速連接，一個(gè)好的移動(dòng)Web首頁能夠幫助用戶立即取得所需信息。

2. 網(wǎng)站下載速度越快越好：

手機(jī)用戶不耐于等待，網(wǎng)站內(nèi)容顯示過慢會(huì)讓用戶果斷離開你的網(wǎng)頁。因此，網(wǎng)站的圖片大小、瀏覽器的緩存、JavaScript、CSS、HTML、伺服器的回應(yīng)時(shí)間，都是你可以優(yōu)化的空間。

3. 將用戶直接導(dǎo)入移動(dòng)Web：

確保用戶從搜索結(jié)果頁等站點(diǎn)自動(dòng)導(dǎo)入手機(jī)版網(wǎng)頁是成功留住使用者的第一步。

4. 將行動(dòng)點(diǎn)擺在顯眼的位置：

手機(jī)用戶很容易漏看菜單，因此一定要把主要的行動(dòng)點(diǎn)放在用戶絕對(duì)看得到的地方，使用戶最容易完成你想讓他完成的事。

5. 保持菜單簡(jiǎn)潔有力：

詳盡的菜單也許在PC端效果很好，但對(duì)手機(jī)用戶而言，可沒耐心在冗長(zhǎng)的菜單尋找類目，所以想辦法盡量縮減菜單類目的數(shù)量。

6. 提供回到首頁的捷徑：

通常用戶預(yù)期只要按下網(wǎng)頁上方角落的logo就能回到首頁，否則覺得很不方便。

7. 別讓廣告喧賓奪主：

宣傳信息及廣告可能會(huì)遮蓋四周內(nèi)容，或是吸引了眼球而妨礙用戶原本使用路徑。與大型插頁式廣告相比，用戶對(duì)于可以輕松關(guān)閉的橫幅廣告更有好感。

8. 把站內(nèi)搜索功能放在顯眼位置：

用戶通過搜索來取得自己需要的特定咨詢，因此搜索功能必須擺放在網(wǎng)站的顯眼處，一眼就能看見。對(duì)于網(wǎng)頁上方顯眼處且允許自由輸入文字的搜索框，用戶的評(píng)價(jià)最好。

9. 在搜索框輸入關(guān)鍵字時(shí)自動(dòng)列出熱搜：

10. 確保站內(nèi)搜索結(jié)果符合用戶需求：

用戶不想花時(shí)間刷網(wǎng)頁查看多頁搜索結(jié)果，并且會(huì)根據(jù)站內(nèi)搜索功能所傳回的前幾個(gè)結(jié)果來評(píng)斷搜索功能的好壞，因此搜索結(jié)果第一頁必須提供最精確的結(jié)果。用戶也可以使用自動(dòng)即時(shí)查詢和錯(cuò)字修正等智能搜索功能，讓用戶在小熒幕上搜索查詢時(shí)更輕松省力。

11. 提供篩選器更方便站內(nèi)搜索：

用戶使用篩選器來縮小搜尋結(jié)果范圍，有些用戶發(fā)現(xiàn)無法縮減網(wǎng)站的搜尋結(jié)果數(shù)量后，就離開了網(wǎng)站。確保用戶的篩選結(jié)果不會(huì)落入死胡同，為避免用戶遇到這類問題，應(yīng)該告知用戶在套用某篩選器后，系統(tǒng)能傳回幾個(gè)搜索結(jié)果。

12. 引導(dǎo)用戶取得更精確的站內(nèi)搜索結(jié)果：

如果用戶目標(biāo)人群非常多元，不妨考慮在用戶開始搜索前先問他們幾個(gè)問題，確保傳回的結(jié)果來自最符合用戶需求的內(nèi)容區(qū)段。

13. 在首頁顯示用戶最近瀏覽的商品：

二、針對(duì)產(chǎn)品頁面

1. 在商品頁面推薦類似的商品 ：

2. 顯示可展開產(chǎn)品特寫圖片：

3. 提供商品評(píng)論區(qū)供用戶瀏覽并留下評(píng)論：

三、針對(duì)交易與轉(zhuǎn)化

1. 讓用戶先瀏覽，再?zèng)Q定：

2. 顯示所有結(jié)賬步驟，并讓用戶知道目前結(jié)賬進(jìn)度：

3. 讓用戶以訪客身份購(gòu)物：

4. 運(yùn)用現(xiàn)有信息來提升便利性：

針對(duì)注冊(cè)會(huì)員，可以讓系統(tǒng)記住他們的偏好并預(yù)先填入這些資訊。如果是新顧客，可以提供他們可能已經(jīng)用過的第三方結(jié)帳服務(wù)?，F(xiàn)在網(wǎng)站能提供第三方付款服務(wù)的選項(xiàng)，這么做不但能讓原本就使用這些付款服務(wù)的顧客輕松購(gòu)物，網(wǎng)站也能預(yù)先填入出貨信息。

四、針對(duì)表單輸入方式

簡(jiǎn)化必須提供的信息以及輸入方式：

對(duì)用戶來說，網(wǎng)站如果能自動(dòng)顯示數(shù)字鍵盤讓他們輸入郵編或生日等數(shù)字，他們會(huì)很開心。另外，他們也喜歡會(huì)隨著自己輸入信息自動(dòng)換欄的表單。反過來說，不論是為了輸入信息而得重復(fù)按下小小的表單欄位，還是需要自行將手機(jī)鍵盤切換成數(shù)字模式，他們都覺得很麻煩。

五. 避免使用完整版網(wǎng)站的字眼：

研究參與者發(fā)現(xiàn)可以選擇瀏覽完整版網(wǎng)站或移動(dòng)版網(wǎng)站時(shí)，他們會(huì)假設(shè)移動(dòng)網(wǎng)站的內(nèi)容是簡(jiǎn)化版本，因此選擇瀏覽完整版網(wǎng)站。某位研究參與者偏好電腦版網(wǎng)站，因?yàn)檫@版網(wǎng)站的資訊更豐富，但事實(shí)上移動(dòng)和電腦版網(wǎng)站的內(nèi)容完全相同。建議您使用「電腦版網(wǎng)站」這個(gè)字眼來代替「完整版網(wǎng)站」，避免使用者產(chǎn)生上述想法。

更多的經(jīng)驗(yàn)和想法還是需要上海網(wǎng)站設(shè)計(jì)者們集思廣益，拓展更多思路，用戶的體驗(yàn)和反饋是我們上海網(wǎng)站建設(shè)者們的建設(shè)基礎(chǔ)