在設(shè)計(jì)過程中，我們常常需要去思考和審查我們的設(shè)計(jì)是否是一個(gè)好的設(shè)計(jì)，在文章中，作者提供了一個(gè)去思考和審查設(shè)計(jì)稿的框架，這個(gè)框架不僅還能讓設(shè)計(jì)思路更加清晰，可以彌補(bǔ)設(shè)計(jì)漏洞和邏輯錯(cuò)誤。一起來看看~

怎么才算一個(gè)好的交互設(shè)計(jì)？

空泛地回答，可以說滿足用戶行為需求的設(shè)計(jì)就是一個(gè)好的設(shè)計(jì)；更具體地可以說，就是符合可用性原則的設(shè)計(jì)，即易用、易學(xué)、高效、容錯(cuò)等等。

當(dāng)然這些答案都是正確的，但是前者由于太抽象，以至于并不能運(yùn)用于設(shè)計(jì)實(shí)踐當(dāng)中，而后者卻是提出了一大堆原則和概念，并不是一套嚴(yán)密的邏輯，這種思維是松散的，難免出現(xiàn)漏洞。

要回答這個(gè)問題，可以先把交互設(shè)計(jì)分幾個(gè)層次。眾所周知，用戶體驗(yàn)可分為五要素：戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層。而交互設(shè)計(jì)則橫跨了用戶體驗(yàn)的后三層，即結(jié)構(gòu)層、框架層和表現(xiàn)層。

在結(jié)構(gòu)層的交互設(shè)計(jì)

由于更加接近范圍層，其思考的出發(fā)點(diǎn)往往會(huì)更多地考慮業(yè)務(wù)上的東西。而事實(shí)上，也是有了。產(chǎn)品的結(jié)構(gòu)往往會(huì)因一個(gè)新的功能上線而改變，而改變的原因往往是來自業(yè)務(wù)上的需求，而非用戶需求。

而好的交互設(shè)計(jì)就是在業(yè)務(wù)邏輯不會(huì)畸變的前提下盡可能地為用戶的行為邏輯爭(zhēng)取話語權(quán)，比如：微信的朋友圈廣告就比那種在啟動(dòng)頁打廣告的方法高明得多。

由于這層面的交互設(shè)計(jì)與業(yè)務(wù)需求息息相關(guān)，脫離具體產(chǎn)品再細(xì)致地定義好的交互與不好的就是耍流氓，所以只能點(diǎn)到即止。感興趣的朋友可以翻閱我之前的文章，有針對(duì)具體的產(chǎn)品的分析。

在框架層的交互設(shè)計(jì)

這部分的交互設(shè)計(jì)對(duì)應(yīng)到設(shè)計(jì)流程上就是界面原型設(shè)計(jì)，也是職場(chǎng)上大多數(shù)交互設(shè)計(jì)師的主要工作任務(wù)。

筆者更具自身經(jīng)驗(yàn)，總結(jié)了以下四點(diǎn)去衡量設(shè)計(jì)的好壞：信息的可尋性、狀態(tài)的完備性、操作的便捷性和邏輯的合理性。

1. 信息的可尋性

信息的可尋性就是在界面上應(yīng)給呈現(xiàn)出用戶想要的信息，比如：一個(gè)打車軟件，我需要始發(fā)地、目的地、耗時(shí)、價(jià)錢等信息，缺少任何一個(gè)信息打車流程都可能無法繼續(xù)。

我們必須回答這些問題：用戶可能需要什么信息？這些信息的特征是什么，重要的？必要的？首要的？我應(yīng)該保留還是舍棄這些信息？

難點(diǎn)就在于，有很多信息都不是非黑即白的邏輯，存在著很多無棱兩可的情況。其次，設(shè)計(jì)者可能完全沒有考慮到用戶需要信息的情況。

這也是我將要說的第二點(diǎn)，狀態(tài)的完備性。

2. 狀態(tài)的完備性

狀態(tài)的是否完備最能體現(xiàn)設(shè)計(jì)是否嚴(yán)密，也是最容易被人忽略的環(huán)節(jié)。一般來說，狀態(tài)可以分為三種：內(nèi)容（即信息）的狀態(tài)、外部環(huán)境的狀態(tài)、用戶的狀態(tài)。

2.1 內(nèi)容的狀態(tài)

內(nèi)容的狀態(tài)可分為：空白狀態(tài)、初始狀態(tài)、加載中、一般狀態(tài)、極限狀態(tài)、成功狀態(tài)、錯(cuò)誤狀態(tài)、完成狀態(tài)。一般來說原型設(shè)計(jì)都需要考慮這些狀態(tài)，當(dāng)然不同的應(yīng)用也存在著一些比較特殊的狀態(tài)，比如聊天應(yīng)用的高亮狀態(tài)等等。而這通常與任務(wù)流程緊密相連，一般都是優(yōu)先考慮。

2.2 外部環(huán)境的狀態(tài)

外部環(huán)境的狀態(tài)，其實(shí)就是指用戶所處的環(huán)境的特征。以一個(gè)音樂APP為例：用戶經(jīng)常在車上聽歌，于是就有了車載模式；用戶經(jīng)常在深夜聽歌，于是就與了夜間模式；用戶在大多情況下都不能使用WiFi，所以就有了離線模式。

正因?yàn)閷?duì)用戶所在的各種環(huán)境有著正確的理解，才能使用戶聽歌的體驗(yàn)無縫連接。

2.3 用戶的狀態(tài)

用戶的狀態(tài)非常多樣，包括心理、生理、行為、情緒等等而且與外部環(huán)境息息相關(guān)。要預(yù)判到用戶的狀態(tài)是一件極其困難的事情。盡管如此，也不能放棄對(duì)其的思考。

比如：再以音樂APP為例，通過定位和時(shí)間，檢測(cè)到用戶在一個(gè)法定節(jié)假日內(nèi)出了一次遠(yuǎn)門，可以預(yù)判他在旅游，就可以推送一些歡快的適合旅行的音樂給他，盡管概率不高，但一旦擊中便有情感倍增的效果。（當(dāng)然，這已經(jīng)是范圍層的內(nèi)容。）

而由于時(shí)間資源是有限的，對(duì)于一個(gè)初次誕生的產(chǎn)品來說不能完整地考慮到每種狀態(tài)是非常正常的事情。這時(shí)候就需要設(shè)計(jì)者權(quán)衡狀態(tài)的優(yōu)先級(jí)，這也是一門考功夫的事情。而隨著產(chǎn)品的迭代，各種狀態(tài)也應(yīng)該被逐步完善，將用戶體驗(yàn)貫徹到每一個(gè)細(xì)節(jié)上。

3. 操作的便捷性

操作的便捷性其實(shí)就是指產(chǎn)品的可用性，這部分的方法和原則都非常常見，比如：尼爾森的十大可用性原則（一致、高效、易取、可見……）、唐諾曼所提出的化繁為簡(jiǎn)七原則，交互設(shè)計(jì)的七大定律（菲茲定律、7±2定律……），交互設(shè)計(jì)四策略（刪除、組合、轉(zhuǎn)移、隱藏）等等。

而我們要做的不是刻板得遵循這些原則，而是結(jié)合具體情況合理分析，這也是我想說的第四點(diǎn)。

4. 邏輯的合理性

邏輯的合理性是貫穿于以上三點(diǎn)的，它是一個(gè)設(shè)計(jì)能否成立的根本立足點(diǎn)。而邏輯建立的前提是充足的客觀事實(shí)，也就是設(shè)計(jì)調(diào)研。通過調(diào)研達(dá)到用戶需求的洞察，建立起一套自洽的邏輯體系，進(jìn)而能作為設(shè)計(jì)的依據(jù)。

例如：以音樂APP為例，用戶經(jīng)常在車上聽歌，然而車上的環(huán)境與平時(shí)的環(huán)境是不一樣的（用戶注意力不在手機(jī)上、用戶不能方便操作手機(jī)……），因此要為這一狀態(tài)做一個(gè)新的設(shè)計(jì)。

在信息的可尋性上，為了讓用戶專注駕駛，信息要盡量地縮減，剩下最基本的歌名、開始/暫停、上一首、下一首。而在操作的便捷性上，為了讓用戶更方便操作，按鈕會(huì)做得更大，同時(shí)為了讓用戶的視線不切換到手機(jī)上，增加了非觸屏的操作（搖一搖切歌）。

在表現(xiàn)層的交互設(shè)計(jì)

在表現(xiàn)層上，主要是視覺設(shè)計(jì)的活，而交互設(shè)計(jì)主要是負(fù)責(zé)信息的可達(dá)性?？蓪ば詻Q定了信息的有無，而可達(dá)性決定了信息的效率，這就涉及了界面的布局、順序、層次等。

如何讓重要的信息一眼就發(fā)現(xiàn)？如何表示信息間的關(guān)系？如何引導(dǎo)用戶的閱讀順序？

我們可以利用一些心理原理，如格式塔原理來輔助設(shè)計(jì)。

寫在最后

相信以上內(nèi)容大家都曾經(jīng)看過或聽過，而筆者只是將其結(jié)構(gòu)化地表達(dá)出來，作為思考框架。在設(shè)計(jì)實(shí)踐中，筆者經(jīng)常以這框架去思考和審查設(shè)計(jì)稿，不僅還能讓設(shè)計(jì)思路更加清晰，可以彌補(bǔ)設(shè)計(jì)漏洞和邏輯錯(cuò)誤。

本文由 @?GENRRY 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Pexels，基于 CC0 協(xié)議