人
已閱讀
已閱讀
關于手機版網站開發的一些建議
來源:www.bqtao.cn ?? ?? 發布時間:2018-05-17
在移動互聯網時代,傳統的PC網站已經不能滿足企業的需求。用戶越來越多的活躍在移動端,開發一個手機版的網站已經是企業建站的必備。
然而,手機網站與PC網站有什么區別,是不是簡單的將內容從PC搬移到手機端就可以了呢,今天,我們一起來聊一聊,關于手機網站開發的一些建議。

首先,手機網站需要更多的考慮用戶多元化的使用場景。公交車上、廁所、排隊等人等各種場景都有,而且隨時都可能被打斷,更多的是利用碎片化的時間,所以網站簡便快捷非常重要。可以利用數據分析移動用戶最感興趣的內容,切記避免大量文字的堆積。如果不能避免大量文字,也要注重排版,分成多個節點來顯示。盡可能地壓縮圖片,幫助用戶節省流量,加快載入速度。即使你的圖片做的再精美但訪問需要30秒那極有可能用戶在看到網站之前就關掉了。電梯、公交車等場景還要考慮擁擠的空間,你的按鈕是否足夠大,流程是否足夠順暢簡單,以至于用戶單手也能完成。另外你還需要考慮當用戶切換手機屏幕方向時(如由豎屏切換到橫屏)你如何處理,是否需要對此進行適配,是否需要展示其他的一些內容(如圖表)。還有就是通過文字、背景配色等方式,讓用戶在光線不足,甚至是陽光下也能有效捕捉信息。
其次,導航菜單要簡潔明了。導航的目的就是方便用戶從大量內容中快速找到自己需要的內容。移動站點受限于屏幕尺寸和用戶習慣,導航要盡可能少而精。如果內容過多時還需要在顯眼處添加搜索框,支持諸如語音等方式搜索。如果你有兩個導航方案不知道哪個更好,可以分別在兩個時間點分別部署在網站上,看看頁面訪問量、持續時間等數據的變化來輔助你做判斷,一切用數據說話。當然這并不是讓你頻繁改版,頻繁的改版會讓用戶茫然無措。
第三要考慮為不同的設備做優化,比如塞班手機或者低端手機、大屏智能手機、iPhone、iPad平板電腦訪問時分別顯示什么。利用響應式網頁設計(RWD)等技術讓頁面自適應,同時針對不同的設備做不同的優化和響應(觸屏、重力感應、定向等)。雖然前期實現成本相對大一些卻一勞永逸,以后改動成本很小。通過HTML5等強化頁面表現層次、加強多媒體信息的展示(取決于網站定位和性質,一般的網站不建議用過多使用多媒體資源),改善人機交互體驗等。移動設備訪問時可以通過重定向等方式引導到適合移動設備訪問的站點。
第四、要簡化業務流程。結合網站業務特性,仔細考慮如何簡化流程,讓用戶在站點上方便地完成操作。比如網站在PC上注冊時需要填寫大量信息,在移動網站注冊時能否填寫盡可能少的信息(比如移動設備訪問時推薦用手機號碼注冊),不用填驗證碼等。
互聯網產品永遠都是Beta版,你會發現也許之前設想的很好的方案結果到用戶手里完全不是那么一回事。那就去聽聽用戶的聲音,根據用戶的建議迭代開發,當然不是所有的用戶都愿意給你提供建議,最好培養部分忠誠用戶給他們優先試用權和其他激勵。不一定是物質上的,有時候他們的意見得到采納也是對他們莫大的鼓舞。當然,這并不意味你可以隨意的添加功能一開發完就可以讓他們使用。在開發前和原型階段就可以邀請部分用戶來測試,這樣避免后期開發資源的浪費。開發完也要進行必要的自測,避免到他們手上的是一個有各種bug完全不可用的產品。
- 上一篇:網站開發常見的前端優化方法
- 下一篇:如何開發一個卓越移動手機網站