轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(   www.lzhte.cn  )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計、   網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源：http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中，   請點(diǎn)這里　

藍(lán)藍(lán)設(shè)計：本文作者總結(jié)了十四條關(guān)于移動端產(chǎn)品設(shè)計的原則，其提倡的核心原則就是從用戶出發(fā)，充分考慮用戶的使用體驗(yàn)。

一、充分考慮用戶的使用習(xí)慣

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

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

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

三、盡量減少產(chǎn)品層級

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

 

四、APP的第一層級

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

五、操作欄的設(shè)計。

空間足夠情況下，給出 APP 圖標(biāo)；如果 APP 支持用不同的方式展示內(nèi)容，要在操作欄支持視圖切換的功能。可以考慮用選項(xiàng)卡或者下拉菜單的方式來進(jìn)行切換。

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

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

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

F — 頻繁，用戶在訪問界面時，是否會頻繁使用這個操作？
I — 重要，這個操作對于用戶來說是否真的很重要？
T — 典型，在類似的APP中，是否把這個操作作為典型的第一操作？

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

 

六、主操作欄的內(nèi)容不易過多，一般不超過三項(xiàng)

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

 

七、設(shè)計要主次分明

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

八、始終提供明確的導(dǎo)航

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

九、尊重用戶的付出，自動保存用戶輸入的內(nèi)容

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

 

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

比如百度地圖這一點(diǎn)做的很好，用戶輸入一般時就會給出相關(guān)地點(diǎn)。

 

十一、盡量去猜測用戶的行為，但要允許糾錯

比如，用戶在進(jìn)行搜索時，可以根據(jù)用戶最近的搜索行為給出參考答案。

十二、只在最重要的時候才去打斷用戶

比如通知，好的 APP 只有在需要它發(fā)言的時候它才發(fā)言。

十三、提供即時的，明確的反饋

好的反饋能使用戶有被感知的感覺。操作反饋不及時時，用設(shè)計打掩護(hù)。

最后，沒有萬能的設(shè)計原則

根據(jù)不同產(chǎn)品的戰(zhàn)略和具體情境，設(shè)計要進(jìn)行靈活變化。比如，按照FIT原則來講，新浪微博的官方安卓客戶端將”刷新”按鈕放在主操作欄是好的設(shè)計。

個人對新浪微博官方客戶端的想法

如果考慮到底操作欄的”首頁”按鈕已經(jīng)能很好的滿足刷新微博這個需求且”首頁”所處的位置更方便用戶手指的觸達(dá)；而對于大多數(shù)使用右手操作手機(jī)的用戶來講，”發(fā)布微博”的按鈕放在”刷新”按鈕的位置更方便用戶操作。所以個人建議將主操作欄的”刷新”按鈕去除，將”發(fā)布微博”的按鈕放到”刷新”的位置,將”興趣”按鈕放在最左側(cè)（既原來”發(fā)布微博”按鈕的位置）

1. 這樣的設(shè)計既不會很大影響用戶刷新微博；
2. 也能方便用戶發(fā)布微博；
3. 使主操作欄的操作按鈕由三個變?yōu)閮蓚€，使主要功能更突出；
4. 增加”興趣按鈕”的曝光度，兼顧用戶體驗(yàn)的同時也滿足了產(chǎn)品價值。

原文地址：geekpark