用戶在移動中,輸入并不很方便。

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

針對這樣的場景,可以進行下面這樣的設(shè)計。

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

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

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

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

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

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

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

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

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

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

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

特別是在全球推廣的時候,對于跨越地域和若干運營商而言就非常重要。

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

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

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

? 使用壓縮工具對 CSS 和 JavaScript 進行壓縮,例如 Google Complier。

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

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

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

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

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

? 過期的DOM 對象要釋放掉。

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

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

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