從用戶出發(fā)--移動設計原則小結

移動端產品在日常生活中與用戶有極高的接觸頻率，對用戶體驗設計也提出很高的要求。

　　本文總結了十四條關于移動端產品設計的原則，其提倡的核心原則就是從用戶出發(fā)，充分考慮用戶的使用體驗。

　一、充分考慮用戶的使用習慣

　　比如大多數(shù)人拿手機的時候是雙手握還是單手握，單手握的時候是右手操作還是左手操作，操作的時候用哪個手指就能進行操作。考慮到用戶的使用習慣有助于在設計時避開手指的觸碰盲區(qū)。

　二、充分考慮用戶的使用場景和干擾源

　　用戶使用產品是在什么時間，什么地點，什么環(huán)境下使用?譬如，用戶經常在嘈雜的環(huán)境中使用自己的產品，這時候的干擾源就是噪音，產品設計時應避免使用語音技術;用戶經常在擁擠的環(huán)境中使用產品，則產品設計時應避免用戶過多地進行輸入操作;用戶經常在地鐵等網絡環(huán)境不好的場所使用產品，產品就應該自動保存用戶的信息，防止信息的丟失。

　三、盡量減少產品層級

　　在移動設備上，過多的層級會使用戶失去耐心而放棄對產品的使用。如果產品層級確實過深，考慮用一下幾種方法扁平化你的層級結構：使用選項卡(tabs)結合分類和內容的展示;允許穿越層級操作，比如允許用戶在第一層級對第二層級的內容進行直接操作(新浪微博信息列表頁的長按)。

　四、APP的第一層級

　　如果 APP 的第一層級包括多種視圖，確保在主操作欄上給出明顯操作入口;如果 APP 允許用戶創(chuàng)建內容，考慮在第一層級給出創(chuàng)建內容的入口;如果 APP 內容允許被搜索，考慮在第一層級給出搜索入口，用戶可以通過搜索打破導航結構，進行全局搜索。

　五、操作欄的設計

　　空間足夠情況下，給出 APP 圖標;如果 APP 支持用不同的方式展示內容，要在操作欄支持視圖切換的功能。可以考慮用選項卡或者下拉菜單的方式來進行切換。

　　選項卡展示 APP 視圖的同時，使其便于瀏覽和切換，如果你希望用戶頻繁切換視圖，可以考慮選項卡。如果你不想放棄垂直屏幕空間且希望用戶不是那么頻繁的切換視圖，考慮使用下拉菜單。

　　操作按鈕：操作欄上的操作按鈕用來展示你 APP 中的最重要功能的操作。

　　使用 FIT 來確保優(yōu)先展示操作按鈕的準則

　　F — 頻繁。用戶在訪問界面時，是否會頻繁使用這個操作?

　　I — 重要，這個操作對于用戶來說是否真的很重要?

　　T — 典型，在類似的APP中，是否把這個操作作為典型的第一操作?

　　一般來說，如果符合 FIT 準則，則放在操作欄里，否則，它屬于更多操作。比如：微博客戶端的刷新按鈕。瀏覽微博對于大多數(shù)人來說是第一訴求，而刷新按鈕對于瀏覽微博來講是一個重要的操作且操作頻率極高，所以，微博的客戶端一般把“刷新”這個操作放在主操作欄里。

　六、主操作欄的內容不易過多，一般不超過三項

　　主操作欄的作用是把最重要的內容展示給用戶，過多的內容容易對用戶造成干擾。比如，騰訊微博的主操作欄里只有切換視圖和寫微博兩個內容項，微信的主操作欄只有圖標和把不常用功能收起按鈕兩個內容項，F(xiàn)uubo 的主操作欄也只有圖標和刷新按鈕兩個內容項。而新浪微博官方安卓客戶端的主操作欄內容項則過多。

　七、設計要主次分明

　　將主流用戶最常用的 20% 功能進行顯現(xiàn)，其他進行適度的隱藏，越不常用的功能，隱藏的層級越深。例如：微信的掃本機二維碼。要避免新浪微博廣場的堆積式設計。

　八、始終提供明確的導航

　　要提供明確的返回上一級的操作。

　九、尊重用戶的付出，自動保存用戶輸入的內容

　　比如，微信的消息發(fā)送在沒聯(lián)網的情況下發(fā)送會顯示嘆號保存在手機端，聯(lián)網后只需重新發(fā)送即可，不需要重新鍵入信息。新浪微博在網絡不好的情況下進行轉發(fā)或評論，相應的信息也會自動保存在草稿箱，聯(lián)網后操作一下即可。

　十、盡量減少用戶的輸入，輸入時給出適當?shù)膮⒖?/strong>

　　比如百度地圖這一點做的很好，用戶輸入一般時就會給出相關地點。