1.? 移動(dòng)互聯(lián)網(wǎng)的 “特征與公理”

特征：① 信息焦慮與應(yīng)用焦慮? ② 碎片化? ③ 個(gè)性化

公理：移動(dòng)設(shè)備的屏幕資源和用戶在一定環(huán)境下的認(rèn)知空間是有限的穿扳，因此需要 在界面中為不同權(quán)重的應(yīng)用分配相應(yīng)的界面元素赊淑。（記住：資源永遠(yuǎn)是稀缺的：屏幕資源是稀缺的及汉；認(rèn)知通道和認(rèn)知能力是稀缺的；注意力是稀缺的）

2. 交互設(shè)計(jì)原則

① 符合直覺(jué)

讓顧客有控制感屯烦，保持操作連貫性

比如：

② 幫助用戶理解內(nèi)容和功能

提高體驗(yàn)坷随，同時(shí)關(guān)注內(nèi)容本身

比如：半透明層就有“臨時(shí)”的感覺(jué)，指引顧客回到主屏位置

③ 幫助用戶集中注意力漫贞、高效操作

弱化設(shè)計(jì)感甸箱，避免分散內(nèi)容和功能的注意力

正常狀態(tài)下，讓顧客感受不到設(shè)計(jì)迅脐；一定要設(shè)計(jì)時(shí)芍殖，要考慮減少顧客焦慮（如加載動(dòng)畫），成為內(nèi)容和功能的支撐谴蔑。

④ 降低用戶焦慮

3.交互設(shè)計(jì)誤區(qū)

3.1讓使用者感受不到豌骏，而非引起顧客注意

移動(dòng)設(shè)備就像身體的延伸，讓顧客感受到很容易隐锭，感受不到比較難

3.2設(shè)計(jì)界面時(shí)窃躲，要想著少放點(diǎn)什么，不是多放點(diǎn)什么

讓界面簡(jiǎn)潔钦睡、清晰蒂窒、直觀，并突出內(nèi)容，可考慮大量留白洒琢，顏色代替邊框或裝飾

3.3使用者不是笨秧秉，而是懶

不需要讓使用者了解是怎么運(yùn)作的，但要保證運(yùn)用起來(lái)夠高效衰抑、夠簡(jiǎn)潔

4.需要考慮的使用場(chǎng)景

4.1使用情景

用戶在使用移動(dòng)產(chǎn)品象迎，有可能會(huì)在戶外人多的公眾場(chǎng)合使用，這時(shí)候需要特別注意移動(dòng)應(yīng)用設(shè)計(jì)的隱私安全呛踊。

用戶有可能在家里砾淌、在床上、在廁所谭网，用著各種姿態(tài)使用產(chǎn)品汪厨，所以對(duì)交互的便利性和容錯(cuò)性要特別注意

4.2網(wǎng)絡(luò)環(huán)境

網(wǎng)絡(luò)環(huán)境也是非常關(guān)鍵的一點(diǎn)。用戶會(huì)在2G愉择、3G骄崩、wifi甚至無(wú)聯(lián)網(wǎng)的情況下使用產(chǎn)品，所以對(duì)于各種網(wǎng)絡(luò)環(huán)境進(jìn)行合理的交互設(shè)計(jì)是移動(dòng)產(chǎn)品交互設(shè)計(jì)師需要考慮的重中之重

4.3使用心態(tài)

產(chǎn)品的存在是為了解決用戶的問(wèn)題薄辅，而移動(dòng)產(chǎn)品是用戶的貼身工具要拂，當(dāng)用戶需要時(shí)，能立刻開(kāi)始運(yùn)作站楚，需要快速脱惰、直接、有效窿春，用戶不喜歡等待拉一。有研究結(jié)果表示：

5.交互設(shè)計(jì)詳細(xì)準(zhǔn)則

5.1整體

與系統(tǒng)大環(huán)境保持一致或盡量使用官方提供的標(biāo)準(zhǔn)UI元素、功能或手勢(shì)（可以不用旧乞，但不能亂用）

5.2導(dǎo)航

布局和功能上支持整體構(gòu)架蔚润，但設(shè)計(jì)和形式上要不過(guò)分引起用戶注意（導(dǎo)航相當(dāng)于一個(gè)隨身攜帶的工具）

5.3取消按鈕

明顯且安全的設(shè)計(jì)和布局方式

5.4模塊視圖

特例：輸出性較強(qiáng)但可編輯的文檔，顧客模凌兩可的時(shí)候使用尺栖，創(chuàng)造內(nèi)容較強(qiáng)的文檔嫡纠，系統(tǒng)默認(rèn)保存即可

5.5消息提示

信息量大、相關(guān)度小用紅點(diǎn)表示延赌；信息量小除盏，相關(guān)度大，用數(shù)字表示

5.6手勢(shì)

點(diǎn)擊挫以、拖動(dòng)者蠕、滑動(dòng)、輕掃掐松、雙擊踱侣、捏掐粪小、長(zhǎng)按（呼出編輯或隱藏菜單）、搖晃（避免成為唯一的完成手段）

5.7反饋

讓顧客有成就感但避免傳遞不必要的信息（包括用戶的操作結(jié)果抡句、APP正在做什么糕再、下一步可以做什么）

5.8措辭

避免太正式同時(shí)不要低三下四

5.9動(dòng)畫

降低使用者焦慮同時(shí)不分散其注意力

5.10品牌

巧妙自然非強(qiáng)迫；或低干擾并隨處可見(jiàn)

5.11路徑

顧客始終要清楚：我在哪和我要去哪（從我在哪到我要去哪或重要導(dǎo)航之間玉转，不要太遠(yuǎn)）

5.12儲(chǔ)存

用戶輸出內(nèi)容為主時(shí)，不需要用戶主動(dòng)儲(chǔ)存殴蹄；用戶使用選擇控件時(shí)究抓，需要用戶主動(dòng)儲(chǔ)存

5.13加載

進(jìn)入APP，加載頁(yè)面袭灯；頁(yè)面之間的跳轉(zhuǎn)刺下，加載動(dòng)畫；當(dāng)前頁(yè)面的加載稽荧，加載動(dòng)畫+提示

5.14空頁(yè)

未添加任何內(nèi)容（給引導(dǎo)）、顧客刪除全部?jī)?nèi)容（情感化設(shè)計(jì)）、出錯(cuò)（告訴顧客該如何處理）

5.15設(shè)置

常用的設(shè)置放在明顯的位置又碌，不常用的隱藏起來(lái)（放在背后）

6.信息交互規(guī)范

6.1預(yù)先信息提示

所有交互都應(yīng)該提供較多的預(yù)先信息提示讓用戶知道該怎么做埃难，做的后果什么，可填寫什么蟋恬。

大體分為內(nèi)容提交類翁潘、謹(jǐn)慎類操作、差異化規(guī)則

6.1.1內(nèi)容提交類

每個(gè)輸入項(xiàng)歼争、條件選選項(xiàng)（包括時(shí)間選擇）均需要給出提示信息拜马。該提示信息可放置在輸入框內(nèi)或者控件尾部（如密碼要多少多少位。搜索框提示用戶輸入什么內(nèi)容等沐绒。）

6.1.2謹(jǐn)慎類操作

針對(duì)不可修改俩莽、重要操作選擇等操作屬于謹(jǐn)慎類操作，均需給出提示信息乔遮。如審核是否通過(guò)操作扮超、退款申請(qǐng)操作、價(jià)格輸入等蹋肮。

6.1.3差異化規(guī)則

如果某一項(xiàng)操作與用戶操作習(xí)慣相悖需要給出提示信息瞒津，比如渠道想添加某個(gè)商品但是該商品的供應(yīng)商資料不完善沒(méi)通過(guò)審核，需要提給出提出和幫助鏈接括尸。

6.2操作信息提示

發(fā)生任何操作時(shí)都需要進(jìn)行信息提示巷蚪，不管成功與失敗。比如操作提交濒翻，數(shù)據(jù)輸入屁柏。

分為三大類：確認(rèn)提示啦膜、錯(cuò)誤提示、讀取提示

6.2.1確認(rèn)提示

修改設(shè)置淌喻、刪除數(shù)據(jù)等操作時(shí)需要彈出提示框僧家，用戶需要選擇后方可執(zhí)行。比如品控審核某商品點(diǎn)擊通過(guò)按鈕之后裸删，彈出提示框品控人員需選擇是或否八拱，方可完成操作。

6.2.2錯(cuò)誤提示

當(dāng)用戶的操作不符合規(guī)則涯塔、輸入數(shù)據(jù)不符合規(guī)則需要給出操作提示肌稻。比如輸入數(shù)值不符系統(tǒng)規(guī)定，則進(jìn)行提示匕荸。錯(cuò)誤提示分為：即時(shí)提示爹谭、提交后提示

即時(shí)提示

需手動(dòng)輸入/選擇的項(xiàng)目可以進(jìn)行即時(shí)提示，當(dāng)輸入焦點(diǎn)移除之后不管輸入框內(nèi)是否有內(nèi)容即可進(jìn)行判斷如果有誤即顯示提示榛搔，比如在添加商品過(guò)程中輸入商品價(jià)格诺凡，價(jià)格如果超過(guò)系統(tǒng)設(shè)定當(dāng)輸入焦點(diǎn)移除之后則進(jìn)行判斷并進(jìn)行錯(cuò)誤提示。

注：上線時(shí)間不做判斷當(dāng)選擇完下線時(shí)間之后即可判斷如有錯(cuò)即可進(jìn)行提示践惑，服務(wù)開(kāi)始結(jié)束時(shí)間也可如此腹泌。

可及時(shí)判斷的項(xiàng)目包括：輸入框、日期選擇

提交后提示

對(duì)于未作任何輸入操作和選擇的項(xiàng)目不做及時(shí)判斷尔觉，只能當(dāng)提交表單之后才做判斷并進(jìn)行錯(cuò)誤提示真屯。比如商品是否可退未必選，但是沒(méi)有系統(tǒng)默認(rèn)選項(xiàng)穷娱，操作人員未做選擇點(diǎn)擊了提交定稿按鈕绑蔫，這時(shí)才會(huì)顯示是否可退的錯(cuò)誤提示信息。

對(duì)于提交后判斷的項(xiàng)目包括：圖片是否上傳泵额、單選/多選配深、下來(lái)菜單選擇。

6.2.3讀取提示

涉及到大量信息讀取緩慢的時(shí)候應(yīng)該進(jìn)行提示嫁盲。比如進(jìn)入后臺(tái)查看商品列表時(shí)篓叶，由于網(wǎng)絡(luò)、數(shù)據(jù)量大等原導(dǎo)致載入緩慢羞秤，應(yīng)該顯示讀取提示信息缸托，已避免用戶過(guò)度重復(fù)點(diǎn)擊操作。

6.3結(jié)果信息提示

當(dāng)成功完成某一操作之后需要顯示反饋的結(jié)果信息提示瘾蛋，比如查詢商品俐镐，未查詢到與條件匹配的商品則需要顯示信息提示。提示分為：保存結(jié)果提示哺哼、查詢結(jié)果提示佩抹、添加結(jié)果提示

6.3.1保存結(jié)果提示

當(dāng)進(jìn)行商品添加/修改此類涉及到數(shù)據(jù)保存的操作叼风，不管是否成功均需給出提示。

6.3.2查詢結(jié)果提示

任何信息列表棍苹、查詢結(jié)果无宿，當(dāng)對(duì)應(yīng)信息結(jié)果的時(shí)候需要給出有無(wú)結(jié)果狀態(tài)提示。不得使用空白信息枢里。

6.3.3添加結(jié)果提示

當(dāng)涉及到填寫評(píng)審未通過(guò)原因這類的內(nèi)容添加操作孽鸡。保存之后可直接顯示結(jié)果頁(yè)面。

7.動(dòng)態(tài)交互規(guī)范

7.1刷新栏豺、加載彬碱、系統(tǒng)判定與各自的數(shù)據(jù)讀取失敗

7.1.1刷新

自動(dòng)刷新：打開(kāi)頁(yè)面后，當(dāng)系統(tǒng)檢測(cè)到有更新冰悠，自動(dòng)刷新

手動(dòng)刷新：通常情況下分為下拉刷新、釋放刷新配乱、正在刷新三種狀態(tài)

數(shù)據(jù)讀取失敻茸俊：用浮動(dòng)TAP的形式展現(xiàn)，不影響當(dāng)前頁(yè)面的閱讀搬泥。

7.1.2加載

列表頁(yè)加載：進(jìn)入頁(yè)加載方式加載桑寨，優(yōu)先加載框架、默認(rèn)元素及文字

詳情頁(yè)加載：用進(jìn)度條加載忿檩，而非動(dòng)態(tài)活動(dòng)指示器（使用者能了解進(jìn)度尉尾、減少使用者的焦慮，而卻利用熱門討厭缺失的原理燥透，更適合傳播內(nèi)容）

數(shù)據(jù)讀取失斏秤健：引導(dǎo)使用者下一步操作，如 輕擊重新加載

7.1.3系統(tǒng)判定

在按鈕上做判定指示班套，而非全局頁(yè)面（為了避免加載時(shí)間過(guò)長(zhǎng)肢藐，顧客可以使用關(guān)閉按鈕或返回按鈕）

數(shù)據(jù)讀取失敗：用toasr而非alert做提示

反饋

7.2按鈕狀態(tài)反饋

7.2.1默認(rèn)吱韭、點(diǎn)擊吆豹、選中、鏈接理盆、不可用

7.2.2推薦痘煤、不推薦

7.3當(dāng)前頁(yè)面反饋

每個(gè)當(dāng)前頁(yè)面都要有當(dāng)前頁(yè)面非反饋，幫助使用者記憶現(xiàn)在在哪

7.4路徑反饋

頁(yè)面收起后有短暫性的反饋猿规，幫助使用者記住路徑

7.5手勢(shì)

7.5.1刷新與懶加載

下拉刷新

上拉懶加載

7.5.2刪除

IOS向左滑動(dòng)刪除

安卓長(zhǎng)按刪除

7.5.3層級(jí)關(guān)系

向左滑動(dòng)出現(xiàn)下一級(jí)

向右滑動(dòng)回到上一級(jí)

7.5.4頁(yè)頭頁(yè)尾

下拉出現(xiàn)頁(yè)頭（松開(kāi)手指隱藏頁(yè)頭）

上拉出現(xiàn)頁(yè)尾（松開(kāi)手指隱藏頁(yè)尾）

7.6鍵盤種類與出現(xiàn)/收起時(shí)機(jī)

7.6.1鍵盤種類

根據(jù)輸入框的不同衷快，鍵盤為別為：數(shù)字鍵盤、電話鍵盤姨俩、郵箱鍵盤與默認(rèn)鍵盤

7.6.2出現(xiàn)收起時(shí)機(jī)

頁(yè)面載入時(shí)出現(xiàn)鍵盤烦磁，如進(jìn)入搜索界面

頁(yè)面載入時(shí)不出現(xiàn)鍵盤养匈，如進(jìn)入登陸界面

滾動(dòng)列表時(shí)收起鍵盤，如滾動(dòng)搜索列表頁(yè)

滾動(dòng)列表時(shí)不收起鍵盤都伪，如滾動(dòng)文本框內(nèi)容

8.交互設(shè)計(jì)幾點(diǎn)tips

8.1直接控制

旋轉(zhuǎn)或用其他方式移動(dòng)設(shè)備呕乎，以影響屏幕上的物體

使用手勢(shì)操縱屏幕上的物體

看到他們的動(dòng)作有直接的、可見(jiàn)的結(jié)果陨晶。

8.2有控制感

8.2.1應(yīng)該由用戶出發(fā)和控制操作猬仁，而非程序。雖然程序可以建議某種流程先誉、操作湿刽，也可以警 示危險(xiǎn)的結(jié)果，但拋開(kāi)用戶由程序來(lái)做決策未免太過(guò)荒誕褐耳。優(yōu)秀的程序能夠平衡用戶的操作權(quán)并幫助用戶避免犯錯(cuò)诈闺。

8.2.2用戶在控件和行為都很熟悉、可以預(yù)測(cè)結(jié)果的時(shí)候最有操控感铃芦。而且雅镊，當(dāng)動(dòng)作非常簡(jiǎn)單 直白時(shí)，用戶可以很容易地理解并記住它刃滓。

8.2.3用戶希望在進(jìn)程開(kāi)始執(zhí)行前有足夠的機(jī)會(huì)取消它仁烹。而且他們希望能在執(zhí)行破壞性動(dòng)作前 有再次確認(rèn)的機(jī)會(huì)。最后咧虎，用戶希望能優(yōu)雅地終止運(yùn)行中的進(jìn)程

8.3巧妙運(yùn)用暗喻

暗語(yǔ)既直觀的展示了使用方法卓缰，又避免了現(xiàn)實(shí)世界中的使用限制

8.4聚焦目標(biāo)群體

聚焦于你的目標(biāo)用戶，但功能和內(nèi)容則不局限于這些人砰诵。二八法則征唬，大多數(shù)用戶（至少 80%）只使用程序中很少一部分功能。只 有很少用戶會(huì)使用全部功能（少于 20%）

8.5永遠(yuǎn)關(guān)注主任務(wù)

永遠(yuǎn)不要脫離主任務(wù)或?qū)Υ薃PP的定義茁彭，依據(jù)主任務(wù)或定義設(shè)計(jì)每個(gè)程序的功能鳍鸵，和每屏要展示的內(nèi)容

9.交互設(shè)計(jì)底線

無(wú)論如何不要讓顧客感覺(jué)APP有問(wèn)題，如強(qiáng)制退出或明顯的超出預(yù)期或不符合邏輯

----End---