隨著大屏手機的普及,網站大都需要適配手機版,不過在有限的空間上想將整個桌面端網頁轉移上去,設計師可需要下工夫了,得擇重避輕、全面考慮、無縫對接,等等。作為設計師你應該如何來優化移動站點,向手機用戶提供良好的用戶體驗呢?這七條策略或許可以給大家一些啟發:
隨著大屏手機的普及,網站大都需要適配手機版,不過在有限的空間上想將整個桌面端網頁轉移上去,設計師可需要下工夫了,得擇重避輕、全面考慮、無縫對接,等等。作為設計師你應該如何來優化移動站點,向手機用戶提供良好的用戶體驗呢?這七條策略或許可以給大家一些啟發:
一、考慮多元化場景
移動用戶的訪問場景經常是多元化的,公交車上、廁所、排隊等人等各種場景都有,而且隨時都可能被打斷,更多的是利用碎片化的時間,所以網站簡便快捷非常重要。可以利用數據分析移動用戶最感興趣的內容,切記避免大量文字的堆積。如果不能避免大量文字,也要注重排版,分成多個節點來顯示。盡可能地壓縮圖片,幫助用戶節省流量,加快載入速度。即使你的圖片做的再精美但訪問需要30秒那極有可能用戶在看到網站之前就關掉了。電梯、公交車等場景還要考慮擁擠的空間,你的按鈕是否足夠大,流程是否足夠順暢簡單,以至于用戶單手也能完成。另外你還需要考慮當用戶切換手機屏幕方向時(如由豎屏切換到橫屏)你如何處理,是否需要對此進行適配,是否需要展示其他的一些內容。還有就是通過文字、背景配色等方式,讓用戶在光線不足,甚至是陽光下也能有效捕捉信息。
或許有人覺得這些情況過于極端,但在極端情況下如果仍舊能保證良好的用戶體驗,這樣高標準下正常情況的體驗也會相應提高,同時超出了用戶的預期,用戶對產品的好感度也會增加。
二、簡化導航,減少輸入
導航的目的就是方便用戶從大量內容中快速找到自己需要的內容。移動站點受限于屏幕尺寸和用戶習慣,導航要盡可能少而精。如果內容過多時還需要在顯眼處添加搜索框,支持諸如語音等方式搜索。如果你有兩個導航方案不知道哪個更好,可以分別在兩個時間點分別部署在網站上,看看頁面訪問量、持續時間等數據的變化來輔助你做判斷,一切用數據說話。當然這并不是讓你頻繁改版,頻繁的改版會讓用戶茫然無措。
三、為不同設備優化
考慮為不同的設備做優化,比如塞班手機或者低端手機、大屏智能手機、iPhone、iPad平板電腦訪問時分別顯示什么。利用響應式網頁設計(RWD)等技術讓頁面自適應,同時針對不同的設備做不同的優化和響應(觸屏、重力感應、定向等)。雖然前期實現成本相對大一些卻一勞永逸,以后改動成本很小。通過HTML5等強化頁面表現層次、加強多媒體信息的展示(取決于網站定位和性質,一般的網站不建議用過多使用多媒體資源),改善人機交互體驗等。移動設備訪問時可以通過重定向等方式引導到適合移動設備訪問的站點。
另外,要提供其他版本的切換方式,如果用戶用移動設備時需要切換到電腦版通常是因為他需要用到電腦版中存在但移動版舍棄的部分功能,也有可能是對用戶的設備進行了錯誤的判斷。切到電腦版之后也要提供讓他可以方便切回移動版的選項。比如移動購物網站,手機上搜索對于用戶來說比較麻煩,所以大家更喜歡直接去逛,因此對于無線的導購產品來說就需要把直接、精準、精品的貨品交到客戶的手上。另外,手機上通常小額的商品比如說彩票下單率比較高。這些都需要針對不同的設備做出優化。
四、考慮跨平臺問題
對于部分特殊的網站(有用戶ID系統和同步需要),還需要考慮跨平臺同步時的體驗。如何讓用戶在多個設備間可以順暢的切換。對于移動購物網站,不少用戶因為支付安全顧慮和網銀習慣在手機上下單(可能在等公交車時下單),然后再用PC去付款(比如下班回到家)。這時候如何讓用戶在跨平臺時流程順暢特別重要。再以多看閱讀(雖然不是網站)為例,當你下班前在等公交車時用手機上看《烏合之眾》看到第X頁,晚上躺在床上拿出iPad看時會自動從服務器獲取最新的閱讀進度。
五、轉移復雜性
所謂轉移復雜性,就是讓每個平臺(手機、平板、PC等)發揮自己最大的優勢。比如移動平臺(手機、平板電腦)等可以拍照,可以隨時隨地使用,能夠精確識別位置和方向,但不方便輸入大量文字,顯示信息較少,而且數據傳輸速度有限。但這些缺陷卻是PC的優點。
比如,在移動網站上輸入大量文字是一件非常痛苦的事!如果你的網站經常需要用戶輸入大量文字,你可以給用戶一些建議,將他引流到PC網站上。或者采用語音的方式來輸入文本。另外你不需要把PC網站上的內容原封不動地搬到移動網站上,而且這通常來說也很愚蠢。你可以通過數據分析和移動場景分析,來看看移動網站上用戶對哪些內容更感興趣。在一些平臺上很容易的事情在其他平臺上往往會變得異常復雜,如何充分利用每個平臺的優勢,這需要網站設計者仔細考慮。
六、簡化業務流程
結合網站業務特性,仔細考慮如何簡化流程,讓用戶在站點上方便地完成操作。比如網站在PC上注冊時需要填寫大量信息,在移動網站注冊時能否填寫盡可能少的信息(比如移動設備訪問時推薦用手機號碼注冊),不用填驗證碼等。
七、培養熱心用戶,持續改進
互聯網產品永遠都是Beta版,你會發現也許之前設想得很好的方案結果到用戶手里完全不是那么一回事。那就去聽聽用戶的聲音,根據用戶的建議迭代開發,當然不是所有的用戶都愿意給你提供建議,最好培養部分忠誠用戶給他們優先試用權和其他激勵。不一定是物質上的,有時候他們的意見得到采納也是對他們莫大的鼓舞。當然,這并不意味你可以隨意的添加功能一開發完就可以讓他們使用。在開發前和原型階段就可以邀請部分用戶來測試,這樣避免后期開發資源的浪費。開發完也要進行必要的自測,避免到他們手上的是一個有各種bug完全不可用的產品。
河南億恩科技股份有限公司(www.vbseamall.com)始創于2000年,專注服務器托管租用,是國家工信部認定的綜合電信服務運營商。億恩為近五十萬的用戶提供服務器托管、服務器租用、機柜租用、云服務器、網站建設、網站托管等網絡基礎服務,另有網總管、名片俠網絡推廣服務,使得客戶不斷的獲得更大的收益。
服務器/云主機 24小時售后服務電話:
0371-60135900
虛擬主機/智能建站 24小時售后服務電話:
0371-55621053
網絡版權侵權舉報電話:
0371-60135995
服務熱線:
0371-60135900