這算是我的第一篇博文。近一周來(lái)因?yàn)楫呍O(shè)的原因，我不得不又停下來(lái)梳理一遍交互設(shè)計(jì)的流程。其實(shí)在清華美院這一兩年的時(shí)間，耳濡目染了很多設(shè)計(jì)流程和方法。但是我始終覺(jué)得這些方法是零碎的，少了一根把他們串起來(lái)的主線，用起來(lái)總有種找不著線頭很混亂的感覺(jué)。

美院用的是斯坦福設(shè)計(jì)學(xué)院的設(shè)計(jì)思維流程是“emphasize、define、ideate、prototype、test”；最經(jīng)典的交互設(shè)計(jì)精髓這本書(shū)里的設(shè)計(jì)流程是“研究、建模、需求定義、設(shè)計(jì)框架、設(shè)計(jì)細(xì)化和支持”；而在尤文文的知乎回答里，他的觀點(diǎn)是由于設(shè)計(jì)不是完全理性和可工程化的，所以設(shè)計(jì)流程是不可控的，但思考維度是可以按照下圖的用戶體驗(yàn)五要素的框架進(jìn)行的。這三種框架都是業(yè)界非常經(jīng)典的。

但是在我真的做具體項(xiàng)目的時(shí)候，我發(fā)現(xiàn)這些框架因?yàn)樘拍詈统橄笤诰唧w操作上的指導(dǎo)意義不大，于是我又去看了工業(yè)界的交互設(shè)計(jì)流程，試圖獲得實(shí)際的可操作的方法。網(wǎng)易云課堂的交互設(shè)計(jì)微專業(yè)提供的設(shè)計(jì)流程是“設(shè)計(jì)需求分析、信息架構(gòu)和流程設(shè)計(jì)、頁(yè)面布局、測(cè)試和評(píng)估”（注意這個(gè)課程實(shí)際上只針對(duì)結(jié)構(gòu)層和框架層）；而破繭成蝶中提供的設(shè)計(jì)流程則是如圖所示：

網(wǎng)易的這兩個(gè)設(shè)計(jì)流程是非常有操作性質(zhì)的流程。于是，在總結(jié)完這幾個(gè)設(shè)計(jì)流程后，我開(kāi)始了畢業(yè)作品的設(shè)計(jì)?？墒牵捎谶@些流程和方法有很多細(xì)微區(qū)別，我在設(shè)計(jì)的過(guò)程中經(jīng)常會(huì)陷入一種受方法論束縛而不知所措的狀態(tài)，導(dǎo)致進(jìn)度緩慢。由于我的糾結(jié)性格，我不得不在傳統(tǒng)流程的基礎(chǔ)上重新總結(jié)一套，適合自己的可操作性的設(shè)計(jì)流程和方法。不然這進(jìn)度要跪了??！~ T T

1、戰(zhàn)略層：產(chǎn)品定位（使用人群、主要功能、產(chǎn)品特色）和 用戶需求（目標(biāo)用戶、使用場(chǎng)景、用戶目標(biāo)）-> 采集需求的方法（用戶調(diào)研、競(jìng)品分析、用戶反饋、產(chǎn)品數(shù)據(jù)）

2、范圍層：產(chǎn)品功能和優(yōu)先級(jí)（基本型需求、期望型需求、興奮型需求）

3、結(jié)構(gòu)層：任務(wù)流程（用戶場(chǎng)景、接觸點(diǎn)）、信息架構(gòu)（卡片分類）

4、框架層：交互界面（設(shè)計(jì)原則）

5、表現(xiàn)層：視覺(jué)設(shè)計(jì)

（用戶場(chǎng)景在需求定義和任務(wù)流程的地方都用上了，也就是說(shuō)不管是產(chǎn)品還是交互，用戶場(chǎng)景都很重要。有時(shí)為了完成流程設(shè)計(jì)，甚至需要構(gòu)思的用戶場(chǎng)景有多個(gè)。同時(shí)，在頁(yè)面的設(shè)計(jì)過(guò)程中，任務(wù)流程和信息架構(gòu)也是反復(fù)使用的方法。之前一直在這兒很混亂 = =）

交互設(shè)計(jì)的定義—— 設(shè)計(jì)用戶行為（Action ）使產(chǎn)品好用。交互發(fā)生在人和產(chǎn)品之間，所以作為一名交互設(shè)計(jì)師，需要基于對(duì)人的了解（人因?qū)W、設(shè)計(jì)心理學(xué)）和對(duì)產(chǎn)品平臺(tái)的了解（平臺(tái)規(guī)范）來(lái)進(jìn)行設(shè)計(jì)。

在設(shè)計(jì)的過(guò)程中，以Krug可用性第一定律“Don't make me think”為原則—— 讓每一個(gè)頁(yè)面都不言而喻，至少能自我解釋；記住用戶是掃描不是閱讀，通過(guò)視覺(jué)層次來(lái)突出重點(diǎn)、降低干擾—— 以簡(jiǎn)約至上里的“組織需要提供的，隱藏非核心的，轉(zhuǎn)移需要重新布局的，刪除不必要的”為方法。

設(shè)計(jì)過(guò)程中需要用到一些人因?qū)W的定律：?Fitts’ Law / 菲茨定律、Hick’s Law / ?？朔▌t、神奇數(shù)字 7±2 法則、格式塔原理、隱喻等。

設(shè)計(jì)方案可通過(guò)三個(gè)維度來(lái)衡量：有用性Utility（滿足需求）、可用性Usability（用戶易于理解、學(xué)習(xí)、使用無(wú)障礙），而吸引力則是加分項(xiàng)（情感化設(shè)計(jì)）。

其中，可用性由尼爾森定義為五個(gè)部分：（https://www.nngroup.com/articles/usability-101-introduction-to-usability/）

Usability is aquality attributethat assesses how easy user interfaces are to use. The word "usability" also refers to methods for improving ease-of-use during the design process.Usability is defined by5 quality components:

Learnability: How easy is it for users to accomplish basic tasks the first time they encounter the design?

Efficiency: Once users have learned the design, how quickly can they perform tasks?

Memorability: When users return to the design after a period of not using it, how easily can they reestablish proficiency?

Errors: How manyerrorsdo users make, how severe are these errors, and how easily can they recover from the errors?

Satisfaction: How pleasant is it to use the design?

往往需要通過(guò)用戶測(cè)試來(lái)評(píng)估可用性。設(shè)計(jì)原則和用戶測(cè)試也需要貫穿整個(gè)設(shè)計(jì)過(guò)程。

There are many methods for studying usability, but the most basic and useful isuser testing, which has 3 components:

Get hold of somerepresentative users, such as customers for an ecommerce site or employees for an intranet (in the latter case, they should work outside your department).

Ask the users to performrepresentative taskswith the design.

Observe?what the users do, where they succeed, and where they have difficulties with the user interface. Shut up andlet the users do the talking.

Jakob Nielsen's 10 general principles for interaction design（啟發(fā)式評(píng)估原則）

蘋(píng)果的官方設(shè)計(jì)原則為：美學(xué)完整性、一致性、直接操作、反饋、隱喻、用戶控制。

整理各種來(lái)源的設(shè)計(jì)原則，可歸納交互設(shè)計(jì)原則為：Learnability易學(xué)、Accessibility易用、Consistency一致性、Errors防錯(cuò)容錯(cuò)、Reaction反饋、Help幫助。