在上一篇文章中我們介紹了交互設(shè)計(jì)三要素中的第一個要素信息架構(gòu)設(shè)計(jì)，本文將向大家闡述第二個要素交互流程設(shè)計(jì)。
相對于信息架構(gòu)的橫向信息布局與功能分類來說脑慧，流程設(shè)計(jì)更多的是縱向的完成任務(wù)的交互點(diǎn)的梳理抡驼，以達(dá)到讓用戶順利的完成相關(guān)任務(wù)的目的。對于用戶來講晰奖，交互設(shè)計(jì)流程是指用戶能夠順利的完成想要完成的任務(wù)谈撒。而從業(yè)務(wù)層面來講，以不干擾用戶使用流程的方式完成業(yè)務(wù)需求匾南，才是流程設(shè)計(jì)的完整定義啃匿。
好的流程設(shè)計(jì)不僅能夠提升產(chǎn)品的用戶體驗(yàn)，同時蛆楞，能夠更加順利的完成業(yè)務(wù)目標(biāo)溯乒。作為兩大國民應(yīng)用的支付寶和微信，在產(chǎn)品的交互流程上的經(jīng)驗(yàn)也充分說明了這一點(diǎn)豹爹。通過與春節(jié)聯(lián)歡晚會的合作裆悄，微信不僅實(shí)現(xiàn)了全民數(shù)百億次搖一搖的互動，同時臂聋，實(shí)現(xiàn)了在兩天之內(nèi)完成了兩億張銀行卡綁定的業(yè)務(wù)目標(biāo)光稼，這可是支付寶數(shù)年才完成的目標(biāo)崖技。這就是得益于微信紅包的好的流程設(shè)計(jì)，相反支付寶的效果就沒有那么明顯了钟哥。這也就是為什么要做好交互流程設(shè)計(jì)的原因迎献。
交互流程是依附于產(chǎn)品解決任務(wù)的過程而存在的，脫離任務(wù)來講流程是不恰當(dāng)?shù)哪宸 Ｒ虼擞趸校龊媒换チ鞒淘O(shè)計(jì)，首先要明確的是圍繞什么樣的具體任務(wù)來展開播演。任何一個應(yīng)用都有一個或者若干功能點(diǎn)冀瓦，來解決某些問題。針對這些功能點(diǎn)來解決任務(wù)的過程就是任務(wù)写烤，同一個任務(wù)可能有不同的用戶場景翼闽。比如，同一個打電話任務(wù)就有若干不同場景：從未接電話開始洲炊、聯(lián)系人開始感局、撥號開始等。所以暂衡，根據(jù)不同的任務(wù)询微，梳理出不同場景，因此狂巢，產(chǎn)品的交互流程可能不止一個撑毛，會擁有若干基于任務(wù)解決方案的流程設(shè)計(jì)。
完成任務(wù)與場景的梳理以后唧领，就要進(jìn)第二步藻雌，就是要針對一個任務(wù)的一個主要場景梳理出用戶與產(chǎn)品存在的交互點(diǎn)（InteractionPoint），也就是用戶在完成任務(wù)過程中斩个，與產(chǎn)品之間存在的物理與心理的互動關(guān)系胯杭。我們以通過微信找到好友并發(fā)送消息為例，來說明該任務(wù)中存在的用戶與產(chǎn)品之間存在的交互點(diǎn)萨驶。在這個過程中歉摧，通過對交互點(diǎn)的整理艇肴，可以清楚的看到完成某項(xiàng)任務(wù)的難易程度腔呜，以及對于用戶可能存在的交互障礙，需要在具體的界面設(shè)計(jì)時再悼，對用進(jìn)行引導(dǎo)核畴，來避免用戶出現(xiàn)困惑或者錯誤。
接下來就要將業(yè)務(wù)流程添加到交互點(diǎn)中冲九，與相應(yīng)的頁面融合谤草。添加業(yè)務(wù)目標(biāo)的方法一般有兩種跟束，第一種是將其放置在核心任務(wù)流程結(jié)束的地方，比如丑孩，餓了么冀宴、美團(tuán)外賣等，用戶在完成一次訂餐后温学，會提示用戶將連接分享給朋友可以獲得相應(yīng)的優(yōu)惠券略贮。其業(yè)務(wù)目標(biāo)就是讓用戶幫助應(yīng)用推廣應(yīng)用，這樣的好處是不影響用戶完成其任務(wù)仗岖，在完成其任務(wù)以后逃延，即使用戶不分享也不會影響其體驗(yàn)。
另外一種是將業(yè)務(wù)目標(biāo)弱化顯示在流程頁面中轧拄，比如我們在注冊的時候揽祥，都會在底部顯示用戶協(xié)議的選項(xiàng)，而其是默認(rèn)勾選的檩电。因?yàn)檫@些信息使用戶不愿意看的拄丰，所以弱化處理。
在完成以上任務(wù)后俐末，就可以進(jìn)行相應(yīng)的流程設(shè)計(jì)愈案，針對不同的任務(wù)與場景制作不同的流程，其中必然會有一部分的交互點(diǎn)重疊鹅搪，這樣就可以將同一任務(wù)站绪、不同場景下的交互流程整合到一起，完成核心功能的交互流程設(shè)計(jì)丽柿。相信大家對具體的流程設(shè)計(jì)的制作步驟都已經(jīng)很熟悉了恢准，在這里就不贅述了。很多同學(xué)甫题，覺得到這里馁筐，似乎流程以及大功告成。但是坠非，遠(yuǎn)遠(yuǎn)不夠敏沉；至少，還有兩件事情要完成炎码。
第一件事盟迟，相應(yīng)信息架構(gòu)的調(diào)整。我們一直在強(qiáng)調(diào)潦闲，信息架構(gòu)是橫向的信息布局與功能分類攒菠，在設(shè)計(jì)交互流程的過程中，我們會發(fā)現(xiàn)有些信息架構(gòu)的設(shè)計(jì)歉闰、功能分類可能并不是那么合理辖众，或者卓起，信息架構(gòu)本身沒有問題，但是在用戶的使用流程中凹炸，和用戶的習(xí)慣有沖突戏阅，這樣就需要調(diào)整信息架構(gòu)，使信息架構(gòu)更合理啤它。第二件事饲握，就是完成所有的流程設(shè)計(jì)，包括登錄注冊流程蚕键、異常狀況流程等等救欧，其中異常狀況流程包括各種各樣的問題，其中有一個偷懶的方法锣光，就是把網(wǎng)絡(luò)異常編號整理出來笆怠，合并其中的類似項(xiàng)目，這樣就可以整理出若干類相應(yīng)的異常反饋誊爹，并設(shè)計(jì)出反饋語言蹬刷，結(jié)合Toast和Alert提示，就可以滿足大部分的異常操作频丘。
因此办成，流程設(shè)計(jì)的過程可以總結(jié)為：
結(jié)合頁面的用戶場景故事，目的在于模擬一個典型的用戶場景搂漠，來檢查信息架構(gòu)和交互流程的設(shè)計(jì)迂卢，是否符合用戶的心智模型。這樣桐汤，才能在后期的細(xì)節(jié)設(shè)計(jì)中減少由于架構(gòu)與流程調(diào)整而增加的額外的工作量而克。
交互流程設(shè)計(jì)的意義更多在于，從功能角度模擬用戶的使用過程怔毛，減少用在功能操作中的障礙员萍，提高用戶體驗(yàn)。但是拣度，無論信息架構(gòu)設(shè)計(jì)碎绎，還是流程設(shè)計(jì)都只是邏輯上的模型，只有將這些邏輯表現(xiàn)在具體的界面上抗果，這些邏輯才會有意義筋帖，才會為用戶了解、接受窖张。這就牽扯到頁面的布局幕随、Icon的大小蚁滋、交互動效宿接、控件等等赘淮。
那么，下一篇睦霎，我們來聊一聊交互設(shè)計(jì)三要素之叁—交互細(xì)節(jié)設(shè)計(jì)梢卸。
敬請關(guān)注UIUX設(shè)計(jì)工作坊，微信公眾號：UIUX-HUANG副女，每周會有互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)的相關(guān)文章更新蛤高，是作者的實(shí)際工作經(jīng)驗(yàn)，愿與大家共同進(jìn)步碑幅。
