移動設計模式總結（一）

最佳實踐：選單無主次之分，每個選單所佔空間大小一致。選單有主次之分，主要的佔空間較大，其餘的佔空間較小。在使用桌面式導航布局時，要充分考慮到給使用者提供個性化和定製化功能。

最佳實踐：列表選單導航適合長標題或者有副標題說明，使用類表選單導航應該提供乙個從子頁面返回類表頁面的方式，通常在標題欄新增乙個乙個帶有選單字樣的按鈕作為返回按鈕。

最佳實踐：使用選項卡導航要注意視覺上對已選擇和未選擇的選項進行有效區分相簿式

相簿式表面被分為各個內容區用於導航。內容區通常載有單獨的文章，標題，**，產品和其他能夠放置在內容區，網格或幻燈片展示裡的內容。

最佳實踐：相簿式適用於使用者想要瀏覽的經常更新的內容

最佳實踐：儀錶盤不需要載過多內容，而需要載入一些被研究確認過的關鍵資料

用乙個頁面來反應整個應用程式。這種模式常用於遊戲，也能夠在幫助人們分類物品（如各類筆記，書籍，酒品）等應用中看到

最佳實踐：使用隱喻式要慎重，如果乙個執行起來不明確的隱喻反而會起到不好的反作用

移動應用選單式導航與網頁上選單導航極為相似。

最佳實踐：在選擇導航模式前，請先明確你的資訊架構，根據資訊架構選擇需要的導航模式。

頁面旋轉適用於頁面數量較少的情況，使用指示器反應頁面數量和當前頁面，左右滑動手勢是最常見的旋轉導航手勢。

擴充套件類表模式特別適合逐步顯示細節或者某一對性的資訊

登入表單至少應有使用者名稱及密碼的輸入框，登入按鈕，密碼找回及註冊選擇幾項組成。另一種做法是放棄使用者名字段，只需要乙個密碼。使用者只需要輸入密碼來訪問敏感資料，在金融類應用中大受歡迎。

最佳實踐：不要在登入螢幕上做太多創新。通常登入表單要做的足夠容易讓使用者完成登入，要留有密碼找回功能，以便使用者找回密碼。

最佳實踐：保持簡短，一屏內顯示，去掉右鍵和密碼確認，使用縱向標籤，實時反饋有效性

移動裝置確認表單設計原則：在確認表單使用裝置標準控制；考慮多屏使用乙個控制表單；提供一種機制為未來更快速的確認，例如借記卡資訊或登入結賬；顯示乙個安全的鎖頭標誌來表示乙個安全的連線；checkout嚮導模式可能不是乙個最快速有效的設計

最佳實踐：側重速度，效率和安全，減少不必要的字段，將頁面和步驟最小化

如體重***，稅收計算器和貸款計算器。好的計算截面應該輸入輸出對其整潔並帶有計算結果的視覺展示。

最佳實踐：對齊，標籤，字型，按鈕擺放，對比，顏色，都會影響到表單可讀性，盡可能在同一頁面展示視覺化效果。

最佳實踐：搜尋字段不要太多，乙個頁面乙個搜尋維度或字段，空間布局合適，操作快捷方便

移動裝置上的乙個簡單的解決方式是顯示當前步驟和總步驟數。

最佳實踐：顯示使用者去過**，還可以去**，減少不必要的字段，將頁面和步驟最小化。

最佳實踐：不要為了減少滾動機械的將表單劃分成幾步。

一般是網格布局並帶有標準列和標題，同時有不同顏色的分割線區分個行列（或更精細的分割線）使得**更易讀。

最佳實踐：避免使用黑色網格線以及將**垂直劃分的形式，文字左對齊，數字右對齊，如果一屏資訊太多時，可考慮使用其他模式。

無表頭**布局的特點是不使用列,但是使用行顯示乙個物件的豐富變數。通常使用較大的文字顯示行識別符號,而使用較小的文字顯示每行細節內容。此模式的理想狀態是顯示資料項集合和搜素結果。想乙個列表,此模式用來快速的掃視和選擇。

最佳實踐:表中每一行最多顯示三小行資訊,資訊內容要有主次之分,對於主次,不要主觀猜測,可由使用者調研後得出結果確定設計

對於大的**,固定列模式**可能是乙個很好的解決方案。

綜述+資料模式是指在單個行上面顯示一些總結綜述性資訊。

最佳實踐:綜述位於資料之上,比較醒目,容易理解。

行分組可以使**的資料更容易理解。行分組可以充當小節或分段的標題摘要,

最佳實踐:在視覺上區分總分關係

原因很明顯,在移動裝置上,乙個樹形**會非常繁瑣臃腫,級聯層疊**可提供相同的層次結構。

微線圖和圖示可以增強乙個表的視覺展示,使其在特定元素中更淋漓盡致的表現。

最佳實踐:選擇的圖示要一眼容易辨認出來,避免使用無意義的圖示。

可編輯型應用幾乎完全是電子**。許多相同的用於web的設計指導方針仍可用於移動裝置設計。晰的表明被選擇的行或列。如果**使用特定的格式,提供適當的編輯器(選擇器,顏色選擇,資料選擇等)。在儲存狀態時提供反饋和錯誤資訊,而不是在更改狀態中

最佳實踐:不太適用於大規模的資料錄入和編輯。