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