告訴你做交互設(shè)計(jì)的套路有哪些？

    告訴你做交互設(shè)計(jì)的套路有哪些？如果是從零開始設(shè)計(jì)一個(gè)新產(chǎn)品，要考慮產(chǎn)品的目標(biāo)是什么；如果是設(shè)計(jì)某個(gè)產(chǎn)品的某部分功能，要考慮業(yè)務(wù)目標(biāo)是什么。當(dāng)我們弄清明確商業(yè)目標(biāo)和用戶目標(biāo)以后，開始梳理產(chǎn)品定位，挖掘用戶需求，設(shè)計(jì)功能框架，接著開始通過(guò)畫圖來(lái)更佳形象的表達(dá)自己的想法，這樣一個(gè)把思維變化為圖形表達(dá)的過(guò)程就叫做交互設(shè)計(jì)，交互設(shè)計(jì)的產(chǎn)出物，一般我們稱之為原型。原型只是一個(gè)從產(chǎn)品概念到實(shí)現(xiàn)的一個(gè)過(guò)渡，是不同部門之間對(duì)話時(shí)使用的一個(gè)介質(zhì)，是承擔(dān)起概念到實(shí)現(xiàn)的溝通橋梁，而不是最終的結(jié)果。我們會(huì)在做交互設(shè)計(jì)的時(shí)候，發(fā)現(xiàn)有很多小朋友，一上來(lái)就開始關(guān)心用什么樣的交互模式、頁(yè)面效果、然后一頭扎到細(xì)節(jié)里，這是一個(gè)并不太健康的習(xí)慣。

    那么，比較好的習(xí)慣和方式是什么呢？

    如果是從零開始設(shè)計(jì)一個(gè)新產(chǎn)品，要考慮產(chǎn)品的目標(biāo)是什么；如果是設(shè)計(jì)某個(gè)產(chǎn)品的某部分功能，要考慮業(yè)務(wù)目標(biāo)是什么。

    確定設(shè)計(jì)目標(biāo)后，所有的交互方案在設(shè)計(jì)就應(yīng)該圍繞既定目標(biāo)去實(shí)現(xiàn)。進(jìn)入交互設(shè)計(jì)階段后，我們要牢記這樣幾個(gè)步驟，首先把需求完善并理解到位，具體方法可參考「三步法，做好螺旋上升式的需求管理」，然后經(jīng)過(guò)多次討論，定義好產(chǎn)品框架，依據(jù)設(shè)計(jì)目標(biāo)定義產(chǎn)品框架（弄清楚，我們需要用什么樣的導(dǎo)航結(jié)構(gòu)，設(shè)計(jì)什么樣的流程），具體方法可參考「以移動(dòng)端產(chǎn)品的導(dǎo)航設(shè)計(jì)為例，談如何選好產(chǎn)品的設(shè)計(jì)框架」，再開始組織頁(yè)面，可參考「產(chǎn)品經(jīng)理的基本功——學(xué)會(huì)拆解產(chǎn)品」，最后分解用戶場(chǎng)景，設(shè)計(jì)交互細(xì)節(jié)，著手完成Demo。

    開始做Demo之前，我們就會(huì)對(duì)每一個(gè)功能模塊進(jìn)行設(shè)計(jì)和規(guī)劃。這里給大家介紹一種簡(jiǎn)單的方法，幫助你梳理更好的邏輯思維，形成自己的思維模式后，輕松應(yīng)對(duì)每一次的設(shè)計(jì)。具體如下：

    第一步：What——它是什么

    定義此功能模塊是什么，解決什么問(wèn)題，完成什么操作，譬如如：注冊(cè)/登錄、忘記密碼、搜索、分享、權(quán)限獲取…..

    第二步：When——什么時(shí)候使用

    用戶什么時(shí)候使用此功能，存在幾種可能觸發(fā)的場(chǎng)景？小Q在當(dāng)「用戶體驗(yàn)脫離場(chǎng)景，一切優(yōu)化都是耍流氓」一文中曾提到“所有的人機(jī)交互都不應(yīng)該脫離場(chǎng)景存在，更不應(yīng)該在場(chǎng)景以外討論優(yōu)劣”，所以我們?cè)O(shè)計(jì)產(chǎn)品和服務(wù)，真的是讓用戶快速，無(wú)需思考，“自然地”完成任務(wù)才是終極目的。譬如我們?cè)诮换ピO(shè)計(jì)過(guò)程中，我們需要引導(dǎo)用戶成功注冊(cè)/登錄，那么在App設(shè)計(jì)的時(shí)候，我們可以想到的場(chǎng)景有：

    新用戶首次下載并打開App，滑動(dòng)看完引導(dǎo)圖以后，進(jìn)入注冊(cè)/登錄界面；用戶首次需要對(duì)某一條內(nèi)容，信息進(jìn)行分享、轉(zhuǎn)發(fā)、贊等互動(dòng)操作時(shí)，彈框引導(dǎo)用戶注冊(cè)/登錄；需要完成邀請(qǐng)行為時(shí)，進(jìn)入注冊(cè)/登錄界面；用戶決定購(gòu)買某件商品時(shí)，進(jìn)入注冊(cè)/登錄界面；……第三步：Why——為什么使用

    記住任何不解決用戶需求的方案，都有可能被刪除。體驗(yàn)還包含在產(chǎn)品與用戶之間的互動(dòng)、產(chǎn)品與場(chǎng)景的交互、產(chǎn)品對(duì)用戶的情緒上的影響等等的細(xì)枝末節(jié)中。用戶需求及用戶體驗(yàn)是做好交互的基準(zhǔn)，也是檢驗(yàn)產(chǎn)品設(shè)計(jì)是否成功的依據(jù)。所以前期的產(chǎn)品定位、用戶需求都是你原型圖的「幫助文檔」，輔助你反復(fù)推敲功能的存在價(jià)值與易用性?；诮换ピO(shè)計(jì)圖，結(jié)合使用場(chǎng)景，對(duì)產(chǎn)品的實(shí)現(xiàn)及交互邏輯進(jìn)行描述和說(shuō)明，便于項(xiàng)目參與人明白設(shè)計(jì)的含義。

    第四步：How——如何使用

    完成前面三步驟的預(yù)設(shè)以后，我們需要走入細(xì)節(jié)，確定此模塊功能應(yīng)該被用戶如何使用。譬如：注冊(cè)/登錄的具體方式有哪些？注冊(cè)/登錄的規(guī)則定義是什么？注冊(cè)/登錄與其他功能模塊的交互點(diǎn)是什么？如下，羅列一些樣例，供參考：

    僅手機(jī)號(hào)（需要邀請(qǐng)碼注冊(cè)、不需要邀請(qǐng)碼注冊(cè)）僅第三方授權(quán)手機(jī)號(hào)＋第三方收取Splash頁(yè)與注冊(cè)登錄之間存在交互點(diǎn)獲取權(quán)限（相機(jī)、麥克風(fēng)）與注冊(cè)登錄之間存在交互點(diǎn)注冊(cè)/登錄頁(yè)面與個(gè)人中心的資料頁(yè)面之間存在的交互點(diǎn)注冊(cè)/登錄頁(yè)面與推薦關(guān)注（人/內(nèi)容）彈窗之間存在的交互點(diǎn)待補(bǔ)充……

    最終，通過(guò)流暢邏輯串聯(lián)界面成為一個(gè)交互邏輯，給予交互說(shuō)明及補(bǔ)充。告知用戶哪些功能還有其他的交互點(diǎn)，哪些功能只需要快速完成并跳出，輔助界面的展示及“鏈接”，展示產(chǎn)品入口、用戶動(dòng)作之間的關(guān)聯(lián)，根據(jù)不同決策而產(chǎn)生的頁(yè)面跳轉(zhuǎn)。

    最好的交互設(shè)計(jì)是符合用戶場(chǎng)景，捕捉到用戶心智的設(shè)計(jì)。交互設(shè)計(jì)不僅需要很強(qiáng)的邏輯性，更重要的是需要明白用戶如何使用。我們的設(shè)計(jì)是需要在每一個(gè)接觸行為的背后，都有倍加關(guān)注的用戶情緒、理解用戶認(rèn)知。預(yù)先設(shè)想產(chǎn)品最好的使用場(chǎng)景，才可以幫助產(chǎn)品最大程度的觸達(dá)用戶。