買了本《設(shè)計(jì)之下》，是搜狐UED團(tuán)隊(duì)寫的書，挺好的。今天又拿來(lái)體會(huì)了下，順便摘抄點(diǎn)下來(lái)，算是讀書筆記，感謝搜狐新聞客戶端UED團(tuán)隊(duì)。

一、解析需求

1、交互設(shè)計(jì)的五要素

人、動(dòng)作（情感、典型、策略、用戶研究、流程、動(dòng)機(jī)）、環(huán)境、工具、目的

創(chuàng)起來(lái)的流程是這樣子的，人，通過(guò)工具，完成動(dòng)作，達(dá)到目的，在環(huán)境里。

2、解析需求的過(guò)程可以獲得以下兩點(diǎn)東西：

第一點(diǎn)、理清項(xiàng)目所設(shè)計(jì)的框架問(wèn)題，以及沒一個(gè)功能之間的內(nèi)在聯(lián)系，為之后的原型設(shè)計(jì)奠定堅(jiān)實(shí)的基礎(chǔ)；

第二點(diǎn)、通過(guò)分析項(xiàng)目所服務(wù)的用戶、平臺(tái)（包括硬件特性、交互方式和競(jìng)品等多方面）、使用環(huán)境和目標(biāo)等，明確每一處設(shè)計(jì)的評(píng)估標(biāo)準(zhǔn)。

二、原型設(shè)計(jì)分為三階段

概念設(shè)計(jì)、低保真原型和高保真原型。概念設(shè)計(jì)用來(lái)傳達(dá)內(nèi)容，是最初的解決方案；低保真原型可以具體到信息的布局和傳遞，從框架細(xì)化到內(nèi)容；高保真原型則基本可以達(dá)到產(chǎn)品上線后的效果，此時(shí)交互設(shè)計(jì)師需要對(duì)每一個(gè)細(xì)節(jié)負(fù)責(zé)。

三、交互設(shè)計(jì)

<一>如何讓操作流程簡(jiǎn)潔？

1、使用自然思維而不是程序思維。

做交互時(shí)應(yīng)該遵循用戶的認(rèn)知，并且結(jié)合生活實(shí)際情況來(lái)設(shè)計(jì)，不能用程序固話的邏輯思維來(lái)定義交互行為。

2、圍繞用戶的目的和行為來(lái)設(shè)計(jì)。

用戶看到產(chǎn)品的第一個(gè)想法是“我能用它來(lái)做什么？”，著手設(shè)計(jì)之前要理解用戶的目的和行為，他們想要做什么，先做什么再做什么，是否會(huì)再同一時(shí)間去做不同的事情，抱著不同的目的和心態(tài)，適合的操作流程可能會(huì)有很大的差異。

3、少點(diǎn)一次就更方便了嗎？

只要是有意義的點(diǎn)擊，都不會(huì)多于，交互設(shè)計(jì)師不能只管減少了操作步驟，應(yīng)該在減少步驟的同時(shí)減低用戶的認(rèn)真和使用障礙，操作步驟是根據(jù)任務(wù)來(lái)設(shè)定的，不是越少越好。

4、將常用的功能提前。

5、不妨遵循用戶已經(jīng)成型的用戶習(xí)慣。

<二>反饋的形式

1、氣泡狀提示

通常出現(xiàn)在畫面上過(guò)一會(huì)兒后就自動(dòng)消失，用于告知任務(wù)欄狀態(tài)和操作結(jié)果。由于氣泡的特性，它容易被用戶忽略，所以并不適合承載太多的文字和重要信息。

2、彈出框

一般會(huì)承載兩個(gè)操作按鈕，有時(shí)候會(huì)強(qiáng)迫用戶操作并屏蔽背景的所有內(nèi)容，對(duì)用戶有打擾最大的一種提示效果。用戶通常會(huì)想馬上關(guān)掉，所以彈出框上的文字最好簡(jiǎn)潔，能夠幫用戶快速做出決策。

避免濫用，如果不是太重要的反饋，就用氣泡提示用戶就行，避免嚇到用戶。

3、按鈕/圖標(biāo)/鏈接的按下狀態(tài)

這類反饋是基于人在現(xiàn)實(shí)世界中的經(jīng)驗(yàn)來(lái)的，也是手機(jī)最常見的一種反饋。

4、聲音

能在一定程度上給用戶反饋，不過(guò)有時(shí)候會(huì)打擾到用戶，有時(shí)候又因?yàn)榄h(huán)境外因而導(dǎo)致聽不見，因此不能將聲音作為主要反饋，而且要你管給用戶能夠關(guān)掉提示音的權(quán)利。

5、震動(dòng)

是比較強(qiáng)的觸覺反饋，可以用來(lái)代替或者加強(qiáng)聲音提示。在有些游戲中主角死亡時(shí)手機(jī)會(huì)震動(dòng)，這種提示有些驚悚，所以最好不要亂用。

6、動(dòng)畫

能給用戶提供有意義的反饋，幫助用戶直觀的了解到操作的結(jié)果。并且好的動(dòng)畫能給用戶留下好的印象，提升愉悅感，甚至成為吸引用戶的一個(gè)因素。

在某些比較久的操作里，用戶動(dòng)畫來(lái)提示操作的進(jìn)度，可減少用戶的焦慮。

<三>反饋出現(xiàn)的位置

1、狀態(tài)欄

此位置不是很顯眼，建議顯示不重要的或者跨畫面的提示。

2、導(dǎo)航欄

一般是連接狀態(tài)的展示，臨時(shí)將導(dǎo)航欄的內(nèi)容代替為連接狀態(tài)，表示當(dāng)前產(chǎn)品正在努力連接網(wǎng)絡(luò)拉去數(shù)據(jù)中，這個(gè)位置適合現(xiàn)實(shí)臨時(shí)的較為重要的提示類信息。

3、內(nèi)容區(qū)域上方

通常為下拉刷新，是加載新內(nèi)容的一種快捷方式，默認(rèn)的提示信息是隱藏的，向下拉才現(xiàn)實(shí)對(duì)應(yīng)的提示信息，以引導(dǎo)用戶進(jìn)行操作。

4、屏幕中心

反饋消息在屏幕中心，通常為整體的、比較重要的提示信息。需要引起用戶的重視的、系統(tǒng)的提示均可以顯示在此位置。

5、菜單欄上方

這個(gè)位置沒有限制，可根據(jù)需要靈活使用，可以是應(yīng)用的整體信息的提示，也可以是與界面底部?jī)?nèi)容相關(guān)的提示。

6、底部

在次位置提示并沒有特別的好處，或許是對(duì)于新形勢(shì)的一種追求?，F(xiàn)在越來(lái)越多的應(yīng)用將彈出框放在此位置，因?yàn)閺棾隹虮緛?lái)就會(huì)屏蔽畫面，所以覆蓋在菜單欄剛好符合彈出框的交互特性。

總結(jié)：反饋的設(shè)計(jì)原則

為用戶在各個(gè)階段提供必要的、積極的、及時(shí)的反饋；

避免過(guò)度反饋，以免給用戶帶來(lái)不必要的打擾；

能夠及時(shí)看到效果的、簡(jiǎn)單的操作可以省略反饋提示效果；

所提供的反饋要能讓用戶最便捷的方式完成選擇；

為不同類型的反饋?zhàn)霾町惢O(shè)計(jì)；

不要打斷用戶的意識(shí)流，避免遮擋用戶可能會(huì)去查看或者操作的對(duì)象。

<三>動(dòng)畫的重要引導(dǎo)作用

1、引導(dǎo)作用和提示作用

頁(yè)面層級(jí)結(jié)構(gòu)引導(dǎo)、手勢(shì)操作引導(dǎo)、狀態(tài)提示、隱藏功能提示、吸引注意力

2、反饋?zhàn)饔?/p>

邊界反饋、過(guò)程反饋、結(jié)果反饋

<四>考慮各種特俗的情況

無(wú)網(wǎng)絡(luò)、空白頁(yè)面、超量的內(nèi)容顯示、失敗、加載中、重復(fù)操作、輸入錯(cuò)誤、分辨率影響

（以上內(nèi)容書書籍的交互設(shè)計(jì)部分，視覺部分的我沒摘抄，都是實(shí)戰(zhàn)型的內(nèi)容，建議去買書過(guò)來(lái)具體看。）

本文系 芒果道長(zhǎng) 授權(quán)發(fā)布，轉(zhuǎn)載請(qǐng)注明來(lái)源于人人都是產(chǎn)品經(jīng)理并保留本文鏈接