導(dǎo)語(yǔ)▼

上篇講到產(chǎn)品的一致性是產(chǎn)品的金鑰匙，通過(guò)對(duì)一致性的設(shè)計(jì)可以使產(chǎn)品在品牌標(biāo)識(shí)、用戶使用和開(kāi)發(fā)效率等方面得到提升。交互設(shè)計(jì)對(duì)于產(chǎn)品有哪些價(jià)值呢？本質(zhì)是站在多維角度挖掘，分析，梳理，提煉用戶更深層?的?需求和痛點(diǎn)?，利用交互理論方法，保證產(chǎn)品的設(shè)計(jì)完整性，產(chǎn)品用戶體驗(yàn)的流暢性，產(chǎn)品商業(yè)價(jià)值的最大化。

What｜什么是交互設(shè)計(jì)？

我們的日常生活中處處可見(jiàn)交互行為，從使用淘寶購(gòu)物到掃場(chǎng)所碼向防疫人員展示核酸信息，從登錄控制臺(tái)購(gòu)買云主機(jī)，到在泛微提交一次申請(qǐng)流程，都包含了交互行為。

交互設(shè)計(jì)旨在完成用戶與系統(tǒng)，與機(jī)器間“友好地溝通”，目的是為了打開(kāi)用戶與系統(tǒng)間的交互語(yǔ)言，設(shè)計(jì)規(guī)范化，流程化的交互模式。跟隨著技術(shù)的不斷前進(jìn)，交互設(shè)計(jì)則需要不斷解決技術(shù)與用戶之間的新問(wèn)題，并且這個(gè)過(guò)程將會(huì)是持續(xù)性的優(yōu)化體驗(yàn)。

通過(guò)用戶體驗(yàn)五要素，可以看出整個(gè)項(xiàng)目的設(shè)計(jì)產(chǎn)出是一個(gè)從抽象到具象的過(guò)程，不同的用戶需求產(chǎn)生了不同的商機(jī)，戰(zhàn)略層決定了產(chǎn)品的目標(biāo)和發(fā)展方向，通過(guò)對(duì)產(chǎn)品功能的規(guī)劃，確定功能的規(guī)格和內(nèi)容需求，設(shè)計(jì)師對(duì)設(shè)計(jì)目標(biāo)進(jìn)行梳理，對(duì)信息框架和交互邏輯進(jìn)行優(yōu)化，使得產(chǎn)品界面有良好的使用體驗(yàn)，滿足業(yè)務(wù)和用戶需求，最后交由視覺(jué)設(shè)計(jì)師美化后，使產(chǎn)品具有品牌感和良好的視覺(jué)體驗(yàn)。

Why｜項(xiàng)目中為什么需要交互設(shè)計(jì)？

B端產(chǎn)品具有專業(yè)性強(qiáng)、功能復(fù)雜度高和操作鏈路長(zhǎng)的特點(diǎn)。在項(xiàng)目合作中，設(shè)計(jì)師在整個(gè)流程中扮演著向上承接業(yè)務(wù)目標(biāo)與用戶需求，向下與研發(fā)協(xié)作實(shí)現(xiàn)產(chǎn)品計(jì)劃落地的角色。

某些情況下，產(chǎn)品經(jīng)理更加注業(yè)務(wù)目標(biāo)的達(dá)成，可能會(huì)忽略用戶體驗(yàn)。交互設(shè)計(jì)具有一定的場(chǎng)景性，設(shè)計(jì)師的優(yōu)勢(shì)就是從用戶和場(chǎng)景角度去尋找切入點(diǎn)，發(fā)現(xiàn)問(wèn)題、解決問(wèn)題。在業(yè)務(wù)基礎(chǔ)上，結(jié)合用戶場(chǎng)景反哺業(yè)務(wù)，促進(jìn)產(chǎn)品優(yōu)化，為業(yè)務(wù)賦能。從設(shè)計(jì)的角度，通過(guò)專業(yè)的交互知識(shí)、直觀的交互文檔，盡可能發(fā)揮最大價(jià)值。

在工作過(guò)程中，也可以收到不同角色的合作方對(duì)交互設(shè)計(jì)的正向反饋。

How｜交互設(shè)計(jì)在項(xiàng)目中的價(jià)值如何體現(xiàn)？

公司產(chǎn)品線包含公有云、私有云、內(nèi)部系統(tǒng)等眾多產(chǎn)品，用戶種類眾多，業(yè)務(wù)場(chǎng)景相對(duì)復(fù)雜，設(shè)計(jì)不僅局限于單一維度的設(shè)計(jì)點(diǎn)，通過(guò)多維度視角找到設(shè)計(jì)定位，從而產(chǎn)出滿足不同層次需求的設(shè)計(jì)方案。

將業(yè)務(wù)邏輯向功能邏輯轉(zhuǎn)換

以控制臺(tái)為例的B端產(chǎn)品，本質(zhì)是幫助客戶實(shí)現(xiàn)商業(yè)價(jià)值。將業(yè)務(wù)中復(fù)雜難理解的術(shù)語(yǔ)轉(zhuǎn)化為可視化的界面語(yǔ)言，引導(dǎo)用戶實(shí)現(xiàn)用戶進(jìn)行流暢的自助操作。      

將業(yè)務(wù)方視角向用戶視角轉(zhuǎn)換

平衡業(yè)務(wù)目標(biāo)和用戶目標(biāo)，通過(guò)對(duì)用戶需求場(chǎng)景?的分析，利用同理心、用戶調(diào)研等方式，幫助業(yè)務(wù)方與客戶之間搭建橋梁。例如，在業(yè)務(wù)目標(biāo)中，推薦用戶購(gòu)買A機(jī)型，如何將購(gòu)買A轉(zhuǎn)化為用戶行為？可以將A包裝后貼合目標(biāo)用戶使用場(chǎng)景，滿足用戶需求。      

背靠開(kāi)發(fā)全流程，為方案高效落地提供保障

在開(kāi)發(fā)、設(shè)計(jì)資源有限排期緊張時(shí)，對(duì)當(dāng)前項(xiàng)目中的需求進(jìn)行優(yōu)先級(jí)的排列，并協(xié)助團(tuán)隊(duì)通過(guò)衡量開(kāi)發(fā)周期、需求覆蓋面、緊急程度、隸屬項(xiàng)目的重要程度，判斷需求優(yōu)先級(jí)，利用有限資源最大限度滿足需求，保證方案高效實(shí)施落地。      

案例實(shí)踐

以云極高性能計(jì)算集群（EPC Cluster）的新增US3同步需求為例，分享日常工作中，交互設(shè)計(jì)如何通過(guò)多維度的視?找到設(shè)計(jì)切入點(diǎn)，從?做出能滿?不同層次需求的設(shè)計(jì)?案。 

需求背景

EPC Cluster是一個(gè)為用戶提供利用高性能計(jì)算集群上傳任務(wù)進(jìn)行運(yùn)行實(shí)驗(yàn)的產(chǎn)品，由于filestash 目前不支持?jǐn)帱c(diǎn)續(xù)傳，在用戶通過(guò)filestash進(jìn)行大文件上傳時(shí)，容易因?yàn)殡娔X休眠、連接斷開(kāi)等情況而導(dǎo)致失敗。通過(guò)技術(shù)方案決定大文件推薦用戶使用 US3 上傳，再同步到 Filestash。

首先要明確兩個(gè)核心?標(biāo)，即產(chǎn)品?標(biāo)與客戶?標(biāo)。產(chǎn)品目標(biāo)為：為用戶提供通過(guò)US3同步的功能實(shí)現(xiàn)US3與Filestash間的文件同步的功能，并且數(shù)據(jù)文件進(jìn)行共享存儲(chǔ)；客戶目標(biāo)為當(dāng)需要進(jìn)行任務(wù)文件上傳時(shí)，可以高效傳輸和管理文件。   

用戶場(chǎng)景

了解用戶痛點(diǎn)還是先要從用戶的場(chǎng)景出發(fā)，我們把自己當(dāng)成用戶，通過(guò)真實(shí)場(chǎng)景的還原，尋找切入點(diǎn)。在這個(gè)案例中，我們把自己想象成用戶，會(huì)出現(xiàn)例如下面的使用場(chǎng)景：

當(dāng)需要進(jìn)行大文件上傳時(shí)，為保證傳輸效率，我先將文件上傳至US3，然后通過(guò)US3同步功能將文件同步至Filestash，完成后，我可以去進(jìn)行任務(wù)運(yùn)行；若失敗了，我可以通過(guò)同步報(bào)告查看同步情況及失敗原因；

運(yùn)行了一些試驗(yàn)任務(wù)后，有些數(shù)據(jù)文件暫時(shí)不需要了，但是很占存儲(chǔ)空間，通過(guò)進(jìn)行同步設(shè)置，配置同步方向，可以將暫時(shí)不需要的文件同步至US3中進(jìn)行備份，優(yōu)化存儲(chǔ)空間；

需要同步傳輸?shù)奈募芏?，在開(kāi)始同步后，離開(kāi)當(dāng)前頁(yè)面進(jìn)行其他操作，再次進(jìn)入頁(yè)面時(shí)查看同步任務(wù)完成情況。

流程梳理

根據(jù)技術(shù)實(shí)現(xiàn)方案，結(jié)合業(yè)務(wù)場(chǎng)景梳理操作流程，更清晰地理解產(chǎn)品業(yè)務(wù)功能和用戶使用方式，便于對(duì)流程做優(yōu)化，確保方案的可落地性。

方案設(shè)計(jì)

1. 內(nèi)容展示優(yōu)先級(jí)分層

在用戶的日常使用中，進(jìn)行任務(wù)運(yùn)行時(shí)使用的數(shù)據(jù)可能是重復(fù)的，相對(duì)于單個(gè)任務(wù)，數(shù)據(jù)內(nèi)容是共有的，進(jìn)行US3同步是將filestash網(wǎng)盤與US3內(nèi)文件進(jìn)行交互，而與US3同步相關(guān)的同步設(shè)置、同步歷史等功能相對(duì)而言操作優(yōu)先級(jí)更低。

 因此在設(shè)計(jì)策略上，將信息進(jìn)行分層，界面布局進(jìn)行了調(diào)整，降低界面中信息復(fù)雜度。

2. 簡(jiǎn)化業(yè)務(wù)流程，減少不必要步驟

從業(yè)務(wù)角度看，要達(dá)成從US3同步文件的目標(biāo)，需要多個(gè)環(huán)節(jié)共同達(dá)成，業(yè)務(wù)流程復(fù)雜，操作步驟繁瑣。通過(guò)對(duì)流程的優(yōu)化，減少額外的步驟，優(yōu)化業(yè)務(wù)路徑，提高業(yè)務(wù)轉(zhuǎn)化。

 簡(jiǎn)化授權(quán)流程，省去了用戶在US3創(chuàng)建密鑰，再代入開(kāi)啟功能時(shí)填寫密鑰進(jìn)行校驗(yàn)的流程，用戶只需要對(duì)授權(quán)內(nèi)容進(jìn)行同意的點(diǎn)擊操作就可以完成授權(quán)流程；

 開(kāi)啟同步功能時(shí)，可對(duì)同步規(guī)則直接進(jìn)行配置，提高了流程操作效率。

3. 善用操作引導(dǎo)和反饋

B端用戶也并不都是專業(yè)的，在摸索新產(chǎn)品的過(guò)程中，自然會(huì)對(duì)一些概念、配置或流程有疑惑，用戶進(jìn)行一個(gè)功能操作后，狀態(tài)的及時(shí)反饋可以讓用戶更清晰操作結(jié)果。通過(guò)適當(dāng)?shù)奶崾竞鸵龑?dǎo)、及時(shí)的反饋等幫助用戶順利完成流程。

 結(jié)合我們的案例，在開(kāi)啟功能時(shí)，通過(guò)提示將US3同步對(duì)用戶進(jìn)行說(shuō)明，幫助理解；開(kāi)始進(jìn)行同步操作后，對(duì)同步的進(jìn)程和結(jié)果進(jìn)行有效反饋。

4. 組件規(guī)范化提升效率

通過(guò)打通前端-設(shè)計(jì)-產(chǎn)品，對(duì)基礎(chǔ)組件、業(yè)務(wù)組件抽離并規(guī)范化，在進(jìn)行交互設(shè)計(jì)時(shí)，很多通用的操作邏輯和展示，可以使用現(xiàn)有組件解決；通過(guò)這樣的方式，提升了設(shè)計(jì)和開(kāi)發(fā)效率，同時(shí)保證了用戶對(duì)相同操作的體驗(yàn)一致性。