在實(shí)際項(xiàng)目中設(shè)計(jì)交互行為方式的時(shí)候，我們?cè)撛趺慈ミ\(yùn)用的這些交互設(shè)計(jì)原則呢？

通常我們?cè)谠O(shè)計(jì)過(guò)程中，會(huì)提到設(shè)計(jì)要滿足一定的交互設(shè)計(jì)原則，而對(duì)于一名交互設(shè)計(jì)師來(lái)說(shuō)，原則是在設(shè)計(jì)過(guò)程中遵循的一種大眾認(rèn)可的，經(jīng)過(guò)可用性測(cè)試過(guò)的一些在pc端，移動(dòng)端形成的一種定義性的標(biāo)準(zhǔn)。在不改變用戶固有習(xí)慣的前提下，僅可能的采用符合用戶行為習(xí)慣和用戶感知的方式去實(shí)現(xiàn)我們的設(shè)計(jì)意圖。

所謂的原則不外乎是大家都知道影響交互設(shè)計(jì)的尼爾森原則，實(shí)際上尼爾森原則通常在界面設(shè)計(jì)中不是通過(guò)視覺(jué)層現(xiàn)出來(lái)的，而是通過(guò)感知觸控反應(yīng)出來(lái)的。

例如在設(shè)計(jì)過(guò)程經(jīng)常提及的用戶感知，系統(tǒng)反饋，其實(shí)就是行為與界面的交互，在這個(gè)交互的過(guò)程中會(huì)存在友好的，或者是有障礙的交流。通常我們認(rèn)為，友好的交互和有障礙的交互是傳遞給以用戶為主體的人。

那么在我們?cè)O(shè)計(jì)交互行為方式的時(shí)候，我們都怎么去運(yùn)用的這些交互設(shè)計(jì)原則的呢？

筆者一直認(rèn)為，產(chǎn)品交互設(shè)計(jì)一定是通過(guò)行為和主動(dòng)反饋感知出來(lái)的，用戶的行為目的是否通過(guò)我們?cè)O(shè)計(jì)的信息而達(dá)到。并且是一個(gè)順暢的交互流程而達(dá)到的。

我們先了解一個(gè)消息中心的需求：

背景：消息中心作為系統(tǒng)平臺(tái)重要信息的通知方，接收后臺(tái)發(fā)送的重要信息。要求用戶能夠主動(dòng)接受查看信息，系統(tǒng)能夠主動(dòng)提示重要的信息。讓用戶感知重要信息的存在，以免錯(cuò)漏重要信息的閱讀。該消息提示為全局提示。

頁(yè)面信息：在此就不再分析頁(yè)面的跳轉(zhuǎn)邏輯，只就頁(yè)面場(chǎng)景，狀態(tài)等來(lái)說(shuō)明每個(gè)細(xì)節(jié)的設(shè)計(jì)原則：

就下圖而言，我們思考的兩種狀態(tài)：

一是“未讀信息”沒(méi)有閱讀完時(shí)，有新的消息時(shí)如何提示用戶如何顯示？

二是“未讀信息”閱讀完時(shí)，如何顯示和提示，如何引導(dǎo)用戶查看信息？

1. 消息顯示策略，按時(shí)間排序顯示最近10條未讀信息，顯示信息標(biāo)題，間隔5s上下輪播，并顯示未讀信息條數(shù)。

交互原則：按消息顯示策略顯示，當(dāng)沒(méi)有“未讀消息”時(shí)，有必要的引導(dǎo)式提示語(yǔ)言：“查看更多消息”，幫助用戶可進(jìn)入消息列表。該消息提示為全局消息提示，用戶在任何頁(yè)面操作時(shí)，有新的消息接收，此時(shí)為系統(tǒng)主動(dòng)提示用戶，同時(shí)在用戶登錄系統(tǒng)時(shí)，如有“未讀信息”系統(tǒng)將主動(dòng)提示一次，且不能打斷用戶當(dāng)前的操作行為。

結(jié)合當(dāng)前操作不同的場(chǎng)景狀態(tài)，考慮可能出現(xiàn)的情況，制定合理的應(yīng)對(duì)策略，遵循一個(gè)環(huán)境切貼，不遺漏場(chǎng)景狀態(tài)。

2. 接下來(lái)我們?cè)诮Y(jié)合上面的提示，來(lái)看下面的需求，希望點(diǎn)擊消息，出現(xiàn)一個(gè)下拉選擇某條消息的操作，并且還有不可見的隱藏消息，能收起當(dāng)前的狀態(tài)。

于是，我們又會(huì)思考兩個(gè)問(wèn)題，用戶目的達(dá)成和操作路徑的問(wèn)題，用戶目的，一是準(zhǔn)確查看某一條具體的信息內(nèi)容，二是，選擇性查看對(duì)用戶有用的信息。

我們知道，達(dá)成用戶目的，理論上是希望用最短的時(shí)間和最快的操作達(dá)成，那么就有一個(gè)路徑選擇的問(wèn)題了，我們通過(guò)下圖可以看出，實(shí)際上是一個(gè)阻礙路徑，操作次數(shù)多且沒(méi)有達(dá)到目的的行為。

查看消息時(shí)，跳轉(zhuǎn)到消息列表內(nèi)，用戶還得對(duì)信息進(jìn)行一次選擇，會(huì)再次增加頁(yè)面跳轉(zhuǎn)，路徑增加且用戶未能達(dá)到目的。還是一樣，用戶操作的每一步，我們?cè)嚾ニ伎加脩魣?chǎng)景，如果消息列表和內(nèi)容的落地頁(yè)占用當(dāng)前系統(tǒng)內(nèi)容頁(yè)面，勢(shì)必會(huì)打斷所在頁(yè)面的任務(wù)操作，并且無(wú)法定位到當(dāng)前的位置，如果是在系統(tǒng)的二級(jí)三級(jí)頁(yè)面，打開消息列表占用頁(yè)面，那么用戶在系統(tǒng)或者瀏覽器的返回成本大大增加。那么如何將路徑減少路徑，不打斷用戶的行為操作呢？

交互原則：減少用戶操作路徑，同時(shí)滿足用戶兩種目的的訴求，點(diǎn)擊消息，直接進(jìn)入消息列表，如果用戶查看具體的某條信息，就定位到消息列表中，并顯示具體詳情。這里的消息傳遞的是信息內(nèi)容，提供給用戶的更多是可閱讀性，提示性的作用，告知用戶的方式。所以我們要達(dá)到的目的是讓用戶知道消息內(nèi)容即可。并標(biāo)記“已讀”“未讀”，兩者可以相互標(biāo)記。不做手動(dòng)刪除功能，系統(tǒng)自動(dòng)保留時(shí)間區(qū)間的消息。考慮無(wú)消息時(shí)的顯示提示狀態(tài)。

通過(guò)全局消息提示進(jìn)入消息列表，交互方式采用彈窗方式顯示內(nèi)容，可減少路徑操作，快速達(dá)到用戶查看目的，且不打斷用戶停留的頁(yè)面的操作行為。查看完畢后關(guān)閉窗口，直接回到用戶此前的操作頁(yè)面。在彈窗中的標(biāo)記性操作，當(dāng)前頁(yè)面沒(méi)有跳轉(zhuǎn)關(guān)聯(lián)，用戶的行為操作，系統(tǒng)中有必要的tost提示。滿足交互的人性化幫助，系統(tǒng)能友好的和用戶對(duì)話交互。

以上是一個(gè)很簡(jiǎn)單的實(shí)操例子，在設(shè)計(jì)交互方案時(shí)，原則性的運(yùn)用是個(gè)思維思考的過(guò)程，也是一種為什么要這樣做的理由，只有在這個(gè)思維過(guò)程中站在用戶的使用場(chǎng)景去思考，才能不遺漏太多，才能還原使用場(chǎng)景中會(huì)出現(xiàn)的情況和狀態(tài)。不同的使用場(chǎng)景，我們會(huì)思考不同的交互原則，原則是一個(gè)既定的基礎(chǔ)規(guī)則和思考方向，其目的就是如何更好的為用戶減少障礙，提高可用性，和易用性。

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

題圖來(lái)自Unsplash，基于CC0協(xié)議