七步設(shè)計輕松提高手機端App微網(wǎng)站用戶體驗

現(xiàn)在手機App很火爆，看到最近很流行的游戲很多人就會去裝一個。可實際上不少應(yīng)用都是一些偶發(fā)性的需求，比如我最近要租房子裝了個58同城，可我不可能天天租房子，租完房子之后這個應(yīng)用我就幾乎不會打開了。想想我們平常經(jīng)常使用的應(yīng)用也就3-5個，微博、微信、瀏覽器等，一般最多不會超過7個。普通人的大腦無法同時處理七件以上的信息單位，人們在列出必須記牢的事項上多半只列到第七項：一周有7天，音樂有7個音符，電話號碼通常是7位數(shù)，世界奇跡是7個、七仙女、白雪公主和7個小矮人等。

一方面是用戶偶發(fā)性的需求，一方面卻是開發(fā)者面對移動互聯(lián)網(wǎng)海量用戶的渴求，如何平衡這兩者之前的矛盾呢?專為移動設(shè)備優(yōu)化的移動手機APP微網(wǎng)站是可行的方案之一。下面是幾個案例。

2012年淘寶無線網(wǎng)站的訪問量增長了6.4倍，占淘寶流量的比例也從2%上升到11%，其中并不包含來自于App應(yīng)用的訪問。攜程也是個很好的例子，其手機app微網(wǎng)站推出后訂單成交量增加了5倍。攜程通過向訪問手機網(wǎng)的消費者進(jìn)行了調(diào)研，對預(yù)訂過程進(jìn)行優(yōu)化。并且采用了HTML5技術(shù)，訪問網(wǎng)站可以很清晰的看到機票、酒店、航班動態(tài)、門票、火車篇、我的攜程6個模塊，看上去和APP非常像。

既然移動網(wǎng)站如此重要，那應(yīng)該如何來優(yōu)化移動站點，向手機用戶提供良好的用戶體驗?zāi)?這七條策略或許可以給大家一些啟發(fā)：

1.考慮多元化場景

移動用戶的訪問場景經(jīng)常是多元化的，公交車上、廁所、排隊等人等各種場景都有，而且隨時都可能被打斷，更多的是利用碎片化的時間，所以網(wǎng)站簡便快捷非常重要。可以利用數(shù)據(jù)分析移動用戶最感興趣的內(nèi)容，切記避免大量文字的堆積。如果不能避免大量文字，也要注重排版，分成多個節(jié)點來顯示。盡可能地壓縮圖片，幫助用戶節(jié)省流量，加快載入速度。即使你的圖片做的再精美但訪問需要30秒那極有可能用戶在看到網(wǎng)站之前就關(guān)掉了。電梯、公交車等場景還要考慮擁擠的空間，你的按鈕是否足夠大，流程是否足夠順暢簡單，以至于用戶單手也能完成。另外你還需要考慮當(dāng)用戶切換手機屏幕方向時(如由豎屏切換到橫屏)你如何處理，是否需要對此進(jìn)行適配，是否需要展示其他的一些內(nèi)容(如圖表)。還有就是通過文字、背景配色等方式，讓用戶在光線不足，甚至是陽光下也能有效捕捉信息。

或許有人覺得這些情況過于極端，但在極端情況下如果仍舊能保證良好的用戶體驗，這樣高標(biāo)準(zhǔn)下正常情況的體驗也會相應(yīng)提高，同時超出了用戶的預(yù)期，用戶對產(chǎn)品的好感度也會增加。

2.簡化導(dǎo)航，減少輸入

導(dǎo)航的目的就是方便用戶從大量內(nèi)容中快速找到自己需要的內(nèi)容。移動站點受限于屏幕尺寸和用戶習(xí)慣，導(dǎo)航要盡可能少而精。如果內(nèi)容過多時還需要在顯眼處添加搜索框，支持諸如語音等方式搜索。如果你有兩個導(dǎo)航方案不知道哪個更好，可以分別在兩個時間點分別部署在網(wǎng)站上，看看頁面訪問量、持續(xù)時間等數(shù)據(jù)的變化來輔助你做判斷，一切用數(shù)據(jù)說話。當(dāng)然這并不是讓你頻繁改版，頻繁的改版會讓用戶茫然無措。

3.為不同設(shè)備優(yōu)化

考慮為不同的設(shè)備做優(yōu)化，比如塞班手機或者低端手機、大屏智能手機、iPhone、iPad平板電腦訪問時分別顯示什么。利用響應(yīng)式網(wǎng)頁設(shè)計(RWD)等技術(shù)讓頁面自適應(yīng)，同時針對不同的設(shè)備做不同的優(yōu)化和響應(yīng)(觸屏、重力感應(yīng)、定向等)。雖然前期實現(xiàn)成本相對大一些卻一勞永逸，以后改動成本很小。通過HTML5等強化頁面表現(xiàn)層次、加強多媒體信息的展示(取決于網(wǎng)站定位和性質(zhì)，一般的網(wǎng)站不建議用過多使用多媒體資源)，改善人機交互體驗等。移動設(shè)備訪問時可以通過重定向等方式引導(dǎo)到適合移動設(shè)備訪問的站點。

另外，要提供其他版本的切換方式，如果用戶用移動設(shè)備時需要切換到電腦版通常是因為他需要用到電腦版中存在但移動版舍棄的部分功能，也有可能是對用戶的設(shè)備進(jìn)行了錯誤的判斷。切到電腦版之后也要提供讓他可以方便切回移動版的選項。比如移動購物網(wǎng)站，手機上搜索對于用戶來說比較麻煩，所以大家更喜歡直接去逛，因此對于無線的導(dǎo)購產(chǎn)品來說就需要把直接、精準(zhǔn)、精品的貨品交到客戶的手上。另外，手機上通常小額的商品比如說彩票下單率比較高。這些都需要針對不同的設(shè)備做出優(yōu)化。

4.考慮跨平臺問題

對于部分特殊的網(wǎng)站(有用戶ID系統(tǒng)和同步需要)，還需要考慮跨平臺同步時的體驗。如何讓用戶在多個設(shè)備間可以順暢的切換。對于移動購物網(wǎng)站，不少用戶因為支付安全顧慮和網(wǎng)銀習(xí)慣在手機上下單(可能在等公交車時下單)，然后再用PC去付款(比如下班回到家)。這時候如何讓用戶在跨平臺時流程順暢特別重要。

5.轉(zhuǎn)移復(fù)雜性

所謂轉(zhuǎn)移復(fù)雜性，就是讓每個平臺(手機、平板、PC等)發(fā)揮自己大的優(yōu)勢。比如移動平臺(手機、平板電腦)等可以拍照，可以隨時隨地使用，能夠精確識別位置和方向，但不方便輸入大量文字，顯示信息較少，而且數(shù)據(jù)傳輸速度有限。但這些缺陷卻是PC的優(yōu)點。

比如，在移動網(wǎng)站上輸入大量文字是一件非常痛苦的事!如果你的網(wǎng)站經(jīng)常需要用戶輸入大量文字，你可以給用戶一些建議，將他引流到PC網(wǎng)站上?；蛘卟捎谜Z音的方式來輸入文本。另外你不需要把PC網(wǎng)站上的內(nèi)容原封不動地搬到移動網(wǎng)站上，而且這通常來說也很愚蠢。你可以通過數(shù)據(jù)分析和移動場景分析，來看看移動網(wǎng)站上用戶對哪些內(nèi)容更感興趣。在一些平臺上很容易的事情在其他平臺上往往會變得異常復(fù)雜，如何充分利用每個平臺的優(yōu)勢，這需要網(wǎng)站設(shè)計者仔細(xì)考慮。

6.簡化業(yè)務(wù)流程

結(jié)合網(wǎng)站業(yè)務(wù)特性，仔細(xì)考慮如何簡化流程，讓用戶在站點上方便地完成操作。比如網(wǎng)站在PC上注冊時需要填寫大量信息，在移動網(wǎng)站注冊時能否填寫盡可能少的信息(比如移動設(shè)備訪問時推薦用手機號碼注冊)，不用填驗證碼等。

7.培養(yǎng)熱心用戶，持續(xù)改進(jìn)

網(wǎng)頁題目：七步設(shè)計輕松提高手機端App微網(wǎng)站用戶體驗
URL分享：http://www.muchs.cn/news/192993.html

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

廣告

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