用戶在移動(dòng)中,輸入并不很方便。

特別是在一些大屏幕手機(jī)中,輸入時(shí)需要雙手操作才可以。

針對(duì)這樣的場(chǎng)景,可以進(jìn)行下面這樣的設(shè)計(jì)。

? 盡量使用觸控操作,而不要讓用戶輸入太多內(nèi)容。

例如,使用滑塊來(lái)代替數(shù)字的輸入。

用戶用手指拖動(dòng)滑塊就完成了數(shù)字輸入。

? 重要內(nèi)容放在第一屏,特別是引導(dǎo)用戶采取行動(dòng)的按鈕要鮮明地呈現(xiàn)給使用者。

? 輸入內(nèi)容盡量少,能夠使用選擇和按鈕的地方就不要讓用戶輸入。

輸入內(nèi)容越多,往往應(yīng)用的轉(zhuǎn)化率就越低,用戶流失率也越高。

為了保證手機(jī)能夠在不同網(wǎng)絡(luò)條件下正常打開頁(yè)面,可以進(jìn)行下面這些優(yōu)化。

? 將網(wǎng)站部署得盡量靠近最終用戶。

如果你的客戶在美國(guó)和加拿大,就將服務(wù)器架設(shè)在 Amazon AWS或者 Google Cloud,而不要在國(guó)內(nèi)選擇網(wǎng)絡(luò)服務(wù)商。

? 使用 CDN 提高靜態(tài)內(nèi)容下載速度。

? 優(yōu)化 DNS 網(wǎng)絡(luò),使得用戶可以訪問(wèn)最近的服務(wù)器。

特別是在全球推廣的時(shí)候,對(duì)于跨越地域和若干運(yùn)營(yíng)商而言就非常重要。

? 根據(jù)移動(dòng)設(shè)備分辨率提供適合尺寸的圖片,不要將PC瀏覽器下的圖片直接用在移動(dòng)設(shè)備瀏覽器中。

? 合并圖片、CSS、JavaScript 以減少 TCP/IP連接數(shù)量,提升內(nèi)容下載速度。

? 不會(huì)使用到的HTMIL、CSS 或JavaScript代碼段要移除掉。

? 使用壓縮工具對(duì) CSS 和 JavaScript 進(jìn)行壓縮,例如 Google Complier。

? 使用 HTML5 的離線技術(shù),在網(wǎng)絡(luò)掉線的時(shí)候可以通過(guò)本地離線緩存加載內(nèi)容。

? 使用監(jiān)控工具檢查最終用戶是否可以有效訪問(wèn)服務(wù)器,如果不能有效訪問(wèn)則盡快調(diào)整網(wǎng)絡(luò)。

? 使用適合移動(dòng)業(yè)務(wù)的精簡(jiǎn)的 JavaScript 庫(kù),而不要用臃腫而功能復(fù)雜的JavaScript 庫(kù)。

移動(dòng)設(shè)備的內(nèi)存通常都不大,如果頁(yè)面過(guò)大,顯示速度會(huì)變慢,甚至造成瀏覽器崩潰。

? HIML 的DOM 不宜過(guò)于呢大和復(fù)雜,復(fù)雜的DOM 會(huì)減慢瀏覽器的呈現(xiàn)速度。

? 過(guò)期的DOM 對(duì)象要釋放掉。

不同移動(dòng)設(shè)備的分辨率可能會(huì)相差很大,為了保證用戶閱讀體驗(yàn),可以參考下面這幾個(gè)技巧。

? 使用 HTMILS 的媒體查詢技術(shù),在不同整動(dòng)設(shè)備分辨率（視口尺寸）和移動(dòng)設(shè)備水平或垂直方向的時(shí)候,自動(dòng)調(diào)整網(wǎng)頁(yè)樣式、字體、字號(hào)、粗細(xì)等。

? 使用折疊或者分層技術(shù),通過(guò)用戶觸控操作可以展開或者折疊內(nèi)容塊,以便在小尺寸移動(dòng)設(shè)備下使用。