交互設(shè)計(jì)的專業(yè)性——用戶體驗(yàn)認(rèn)知與落地

前言

從事設(shè)計(jì)與交互設(shè)計(jì)工作已6年有余，一直以來(lái)、無(wú)論圈內(nèi)圈外都會(huì)談到交互設(shè)計(jì)是什么？具體做什么？交互的價(jià)值是什么？交互設(shè)計(jì)的專業(yè)壁壘是什么？每每向別人解釋這些問(wèn)題時(shí)，總沒(méi)有辦法很好的答案。如：

1. 思考人的問(wèn)題、塑造用戶行為、時(shí)間線上的體驗(yàn)美學(xué)。（感覺(jué)高大上有木有，但也可能被認(rèn)為假大空!!!）

2. 承接需求、分析業(yè)務(wù)規(guī)則、設(shè)計(jì)使用流程。（會(huì)讓人覺(jué)得格局略窄？）

3. 分析使用場(chǎng)景和用戶動(dòng)機(jī)、發(fā)現(xiàn)隱藏需求或欲求，為其提供解決方案。（好像搶了產(chǎn)品經(jīng)理的飯碗!!!）

4. 平衡商業(yè)需求和用戶需求，選擇合適的設(shè)計(jì)方案為企業(yè)提供更大價(jià)值。（有點(diǎn)忽悠嫌疑，對(duì)吧!!!）

5. 用戶調(diào)研、根據(jù)用戶群體的認(rèn)知，設(shè)計(jì)符合用戶習(xí)慣的使用方式。（來(lái)來(lái)來(lái)，解釋一下認(rèn)知這個(gè)詞，噗~~~~）

為了解釋交互設(shè)計(jì)的專業(yè)能力和交互設(shè)計(jì)的價(jià)值，我根據(jù)自己的工作經(jīng)驗(yàn)和工作理解，從兩大方面，共四篇文章來(lái)回答我自己的疑問(wèn)。

一、交互專業(yè)角度

1. 交互設(shè)計(jì)的專業(yè)性——用戶體驗(yàn)認(rèn)知與落地

2. 交互設(shè)計(jì)的綜合性——后APP時(shí)代交互設(shè)計(jì)師的主場(chǎng)

3. 交互設(shè)計(jì)的獨(dú)立性——常態(tài)下交互設(shè)計(jì)師和產(chǎn)品經(jīng)理的競(jìng)合關(guān)系

二、交互管理角度

1. 交互團(tuán)隊(duì)管理者--塑造團(tuán)隊(duì)氛圍的能力

用戶體驗(yàn)認(rèn)知與落地

如何通過(guò)用戶體驗(yàn)認(rèn)知并推動(dòng)其落地呢？我個(gè)人歸為6大點(diǎn)，如下：

1. 需求層次與用戶體驗(yàn)解構(gòu)

交互設(shè)計(jì)崗位是用戶體驗(yàn)設(shè)計(jì)的重要角色。而用戶體驗(yàn)是一個(gè)寬泛的詞，可以應(yīng)用在各類產(chǎn)品、各類場(chǎng)景，不具有落地性和可執(zhí)行性。如果要真正落地和被執(zhí)行，首先要對(duì)用戶需求和體驗(yàn)進(jìn)行解構(gòu)，個(gè)人粗略的解構(gòu)為三個(gè)級(jí)別：

1. 核心需求-------------目標(biāo)達(dá)成與否------------------核心體驗(yàn)（根本）

2. 感知需求-------------視覺(jué)、觸覺(jué)、聽(tīng)覺(jué)-------------感知體驗(yàn)（強(qiáng)）

3. 任務(wù)需求-------------任務(wù)流&操作流----------------過(guò)程體驗(yàn)（相對(duì)弱）

面對(duì)不同產(chǎn)品，體驗(yàn)的側(cè)重不同：

1. B端產(chǎn)品核心體驗(yàn)是第一位的，如公司業(yè)務(wù)管理需要、公司盈利需要、控制成本需要等；核心在于公司內(nèi)部需要，重點(diǎn)要滿足管理者、決策者。可以稱之為“客戶體驗(yàn)”。

2. C端產(chǎn)品感知體驗(yàn)要高于核心體驗(yàn)，因?yàn)镃端同質(zhì)類產(chǎn)品太多且基于相似的核心需求，所以感知需求就更為重要，如快速打開(kāi)、準(zhǔn)確找到、美觀新穎、簡(jiǎn)單直接等；

3. 不同產(chǎn)品都會(huì)存在過(guò)程體驗(yàn)，如任務(wù)流程，產(chǎn)品過(guò)程，對(duì)高級(jí)功能需求等，此類體驗(yàn)基于產(chǎn)品本身動(dòng)態(tài)變化，如強(qiáng)勢(shì)的B端產(chǎn)品（政府、醫(yī)院）過(guò)程體驗(yàn)設(shè)計(jì)可以略弱，C端產(chǎn)品則需要精心設(shè)計(jì)過(guò)程體驗(yàn)。

面對(duì)產(chǎn)品的不同階段，體驗(yàn)的側(cè)重也不同：

• 產(chǎn)品導(dǎo)入期：重點(diǎn)滿足用戶的核心體驗(yàn)，在過(guò)程中一切向達(dá)成用戶核心目標(biāo)妥協(xié)；

• 產(chǎn)品成長(zhǎng)期：核心需求被驗(yàn)證，積極改進(jìn)感知需求，強(qiáng)化感知體驗(yàn)；

• 產(chǎn)品成熟期：打造品牌認(rèn)知，感知體驗(yàn)和核心體驗(yàn)形成一個(gè)整體，形成品牌優(yōu)勢(shì)；

LOFTER作為C端、成熟期、小而美的格調(diào)性產(chǎn)品，其需求可以分解為：

內(nèi)容消費(fèi)者核心需求：閱讀、收藏自己感興趣的內(nèi)容（快/慢）
內(nèi)容創(chuàng)造者核心需求：記錄、創(chuàng)造自己興趣范圍內(nèi)的內(nèi)容并傳播；”
用戶使用的感知需求：美觀、自我格調(diào)；

根據(jù)其需求的關(guān)鍵詞，將用戶體驗(yàn)解構(gòu)，如下：

個(gè)性：滿足用戶自我的興趣需要；
準(zhǔn)確：準(zhǔn)確的遵從用戶興趣；
高效：快速的為用戶提供內(nèi)容，并盡可能的節(jié)省用戶成本（時(shí)間和流量）；
簡(jiǎn)單：減低用戶認(rèn)知負(fù)荷，簡(jiǎn)單就是力量;
傳播：幫創(chuàng)作者傳播，獲得更多曝光;
美觀：具有高要求的視覺(jué)愉悅性;
創(chuàng)新：堅(jiān)持創(chuàng)新，為用戶帶來(lái)更好體驗(yàn)；

經(jīng)過(guò)解構(gòu)之后，產(chǎn)品的用戶體驗(yàn)一目了然，根據(jù)解構(gòu)后的準(zhǔn)則進(jìn)行針對(duì)性設(shè)計(jì)，如：隱形的收集用戶興趣、為其提供準(zhǔn)確的內(nèi)容、提升加載速度、打開(kāi)即消費(fèi)等，如此可以快捷的創(chuàng)造出相對(duì)出色的使用體驗(yàn)。

2.  定義問(wèn)題與識(shí)別需求，修正需求和組織最優(yōu)方案；

首先交互設(shè)計(jì)崗位與產(chǎn)品經(jīng)理的區(qū)別在于：

1. 產(chǎn)品經(jīng)理定義產(chǎn)品戰(zhàn)略，用戶群體，產(chǎn)品差異化競(jìng)爭(zhēng)策略，落地于功能策略（包括優(yōu)先級(jí)、取舍與克制）、商業(yè)推廣、品牌運(yùn)營(yíng)時(shí)機(jī)等組合方案。雖概覽全局、不乏謹(jǐn)慎細(xì)致、但鮮有克制；

2. 交互設(shè)計(jì)定義用戶在產(chǎn)品（社區(qū)、工具、電商）內(nèi)的生活方式、生活感受、把握體驗(yàn)的節(jié)奏，落地于信息設(shè)計(jì)、情感設(shè)計(jì)、任務(wù)設(shè)計(jì)、工作流整合、架構(gòu)設(shè)計(jì)、導(dǎo)航設(shè)計(jì)；雖細(xì)膩嚴(yán)謹(jǐn)、卻往往拘于一點(diǎn)或一線，略失全局；

其次交互設(shè)計(jì)師在接受項(xiàng)目時(shí)的思考過(guò)程：

交互設(shè)計(jì)承接需求后，會(huì)了解需求要解決的問(wèn)題，會(huì)了解問(wèn)題產(chǎn)生的原因，會(huì)了解用戶的動(dòng)機(jī)，分析用戶動(dòng)幾下可能產(chǎn)生的行為，會(huì)根據(jù)用戶的認(rèn)知能力和使用經(jīng)驗(yàn)，來(lái)設(shè)計(jì)合適的展現(xiàn)方案，設(shè)計(jì)合適的使用流程，會(huì)考慮理解難度和使用難度。所以交互的思考過(guò)程：

• 重新定義或理解要解決的問(wèn)題（如拉新、維舊、優(yōu)化改進(jìn)、修復(fù)錯(cuò)誤），識(shí)別問(wèn)題是否存在，發(fā)現(xiàn)問(wèn)題的關(guān)鍵點(diǎn)。

• 識(shí)別用戶需求強(qiáng)度 、理解問(wèn)題在全局的價(jià)值，控制交互力度和節(jié)奏。

• 識(shí)別用戶群體的認(rèn)知能力，如以往的經(jīng)驗(yàn)，學(xué)習(xí)成本、認(rèn)知推斷等，以此來(lái)組織頁(yè)面元素。

• 識(shí)別用戶所需時(shí)機(jī)（問(wèn)題發(fā)生時(shí)機(jī)），根據(jù)感知閥限和情感訴求，來(lái)在合適的時(shí)機(jī)提供解決方案。

交互根據(jù)自己的理解和分析，用邏輯推論和數(shù)據(jù)分析的方式來(lái)進(jìn)行需求修正、指導(dǎo)方案設(shè)計(jì)、為產(chǎn)品提供最優(yōu)解，最大程度的解決問(wèn)題；

備注：
認(rèn)知能力取決于消費(fèi)者的學(xué)習(xí)、經(jīng)驗(yàn)、認(rèn)知、記憶，屬于認(rèn)知心理學(xué)的相關(guān)知識(shí) ；
認(rèn)知閥限取決于消費(fèi)者感覺(jué)，包括視覺(jué)、聽(tīng)覺(jué)、嗅覺(jué)、觸覺(jué)等
需求時(shí)機(jī)產(chǎn)生于用戶在域內(nèi)生活的關(guān)鍵環(huán)節(jié)中，在關(guān)鍵環(huán)節(jié)中進(jìn)行交互影響，容易形成更有節(jié)奏的用戶體驗(yàn)。
以上將在把握用戶體驗(yàn)節(jié)奏中闡述。

3.  數(shù)據(jù)收集與分析，用“相關(guān)關(guān)系”來(lái)取代“因果關(guān)系”

正如第2點(diǎn)描述，交互設(shè)計(jì)過(guò)程屬于前期的創(chuàng)造性階段；前期的用戶體驗(yàn)解構(gòu)、問(wèn)題定義、用戶認(rèn)知、需求時(shí)機(jī)等皆是因果關(guān)系下的理論邏輯推導(dǎo)；而因果關(guān)系只是邏輯上可行，但因果關(guān)系本身是一個(gè)悖論，并不具有說(shuō)服力。（簡(jiǎn)單理解因果關(guān)系如：“因?yàn)榕W(xué)習(xí)，所以成績(jī)好”）

如果要讓推導(dǎo)結(jié)果和方案設(shè)計(jì)更具有可行性和說(shuō)服力，還需要通過(guò)數(shù)據(jù)呈現(xiàn)和數(shù)據(jù)證明的方式來(lái)在團(tuán)隊(duì)內(nèi)外進(jìn)行說(shuō)服。即：利用數(shù)據(jù)的相關(guān)關(guān)系來(lái)告知我們“是什么”。（簡(jiǎn)單理解相關(guān)關(guān)系如：“火災(zāi)嚴(yán)重情況和消防站派出的消防車數(shù)量有相關(guān)關(guān)系”）

所以交互設(shè)計(jì)會(huì)進(jìn)行：

• 盡可能收集現(xiàn)有數(shù)據(jù)，避免小樣本下部分特征被放大而導(dǎo)致問(wèn)題中心偏移。

• 觀察并呈現(xiàn)數(shù)據(jù)之間的相關(guān)關(guān)系，利用數(shù)據(jù)之間的相關(guān)關(guān)系設(shè)計(jì)方案或判斷需求時(shí)機(jī)。

  如“微信運(yùn)動(dòng)22:00左右通知一天運(yùn)動(dòng)步數(shù)，是基于22:00與用戶活躍的相關(guān)關(guān)系”；
  亞馬遜商品詳情頁(yè)的相關(guān)商品推薦，是基于大數(shù)據(jù)下商品與商品之間的相關(guān)關(guān)系；

• 根據(jù)數(shù)據(jù)之間的相關(guān)關(guān)系，推演數(shù)據(jù)預(yù)期并轉(zhuǎn)化為可被計(jì)算的商業(yè)價(jià)值，使交互方案更具有信服力，如：

  LOFTER電商化過(guò)程中，跟進(jìn)用戶操作路徑研究，預(yù)計(jì)流量提升100%，實(shí)際提升80%，訂單量提升50%；
  LOFTER注冊(cè)優(yōu)化過(guò)程中，根據(jù)用戶調(diào)研和訪談，以及操作行為數(shù)據(jù)進(jìn)行優(yōu)化，使注冊(cè)轉(zhuǎn)化率提升5個(gè)點(diǎn)；
  LOFTER某一版本留存異常，經(jīng)過(guò)數(shù)據(jù)分析定位相關(guān)因素并指導(dǎo)未來(lái)工作，使數(shù)據(jù)恢復(fù)正常。
  （數(shù)據(jù)涉及產(chǎn)品機(jī)密，在此不方便展示）

4. 需求響應(yīng)與分拆

在經(jīng)歷了需求重新定義，數(shù)據(jù)之間的相關(guān)關(guān)系呈現(xiàn)和推演后，交互設(shè)計(jì)還有重要的一環(huán)即方案輸出，在此不介紹交互四策略中：“刪除、組織、隱藏、轉(zhuǎn)移”，而介紹執(zhí)行過(guò)程中相應(yīng)的思路：

針對(duì)老產(chǎn)品的優(yōu)化是梳理、分拆改進(jìn)的過(guò)程，重點(diǎn)在于收集數(shù)據(jù)并將數(shù)據(jù)基于用例（用例為用戶使用場(chǎng)景）進(jìn)行呈現(xiàn)，根據(jù)用戶使用頻率和必要性將用例拆分為1、2、3等級(jí)別，按照級(jí)別進(jìn)行順序輸出，優(yōu)點(diǎn)在于：

• 可以明確輸出重心、避免工作量繁多或被輔助用例影響核心用例，從而導(dǎo)致用戶目標(biāo)不到滿足以及用戶體驗(yàn)策略出現(xiàn)執(zhí)行偏差。

• 可以團(tuán)隊(duì)內(nèi)部分拆（按模塊分拆為不同設(shè)計(jì)師執(zhí)行），分擔(dān)風(fēng)險(xiǎn)，保證輸出質(zhì)量的同時(shí)保證輸出效率。

• 分拆執(zhí)行但依然可以靈活上線（基于分拆上線或合并后上線），以此來(lái)分拆團(tuán)隊(duì)整體壓力，控制各個(gè)環(huán)節(jié)的風(fēng)險(xiǎn)。

基于新產(chǎn)品輸出的思路大同小異，相對(duì)于老產(chǎn)品規(guī)劃的主次可見(jiàn)、用戶行為習(xí)慣都已經(jīng)建立，新產(chǎn)品的難點(diǎn)在于：

• 信息架構(gòu)設(shè)計(jì)中盡量突出核心競(jìng)爭(zhēng)點(diǎn)并盡量減少輔助功能的影響，以此來(lái)突出產(chǎn)品核心。

  小紅書(shū)的首頁(yè)是商品心得分享；
  網(wǎng)易美學(xué)首頁(yè)是合輯；
  云音樂(lè)是個(gè)性化推薦的歌單。

• 盡量沿用同類產(chǎn)品的任務(wù)流設(shè)計(jì)，繼承已有的用戶習(xí)慣，降低用戶的進(jìn)入難度。

• 由交互衍生的功能要盡量克制，交互場(chǎng)景往往盡善盡美，其衍生功能很容易影響產(chǎn)品  方向的明晰 ，如評(píng)論回復(fù)可能衍生私信，私信對(duì)社區(qū)類產(chǎn)品卻是一種傷害，因?yàn)橛脩魰?huì)建立聯(lián)系后一起去微信；

• 創(chuàng)新性的交互形式，其操作線索要盡量明顯，如“搖一搖”，“Pinterest”等。

5. 輸出內(nèi)容規(guī)范化與可閱讀性

所謂規(guī)范化可閱讀性是指?jìng)€(gè)人、團(tuán)隊(duì)內(nèi)部的他人針對(duì)輸出標(biāo)準(zhǔn)保持一致，類似建立一種語(yǔ)言規(guī)范，在相同的語(yǔ)言規(guī)范下，團(tuán)隊(duì)上下游的合作人員閱讀更快，理解更容易。

高度規(guī)范化，閱讀性強(qiáng)的交互文檔是交互設(shè)計(jì)師最基礎(chǔ)的部分，也是專業(yè)性的體現(xiàn)之一；主要體現(xiàn)在以下方面：

• 輸出內(nèi)容的完整與嚴(yán)謹(jǐn)性

  文檔封面：項(xiàng)目概述，項(xiàng)目周期，項(xiàng)目參與者，項(xiàng)目階段，更新記錄等
  問(wèn)題定義：將上述的問(wèn)題定義和需求理解，用書(shū)面的語(yǔ)言呈現(xiàn)給團(tuán)隊(duì)，方便統(tǒng)一目標(biāo)；
  數(shù)據(jù)呈現(xiàn)：將收集到的數(shù)據(jù)結(jié)構(gòu)化并標(biāo)明預(yù)期呈現(xiàn)給團(tuán)隊(duì)，提升工作意愿；
  layout呈現(xiàn)：將項(xiàng)目架構(gòu)圖或業(yè)務(wù)流程圖整理，或拆分或聚合，讓團(tuán)隊(duì)概覽整個(gè)項(xiàng)目；

• 統(tǒng)一站點(diǎn)地圖的結(jié)構(gòu)展示：以信息架構(gòu)的方式組織模塊，以任務(wù)流的串聯(lián)頁(yè)面；將頁(yè)面內(nèi)過(guò)于復(fù)雜的模塊拆分為獨(dú)立模塊詳細(xì)描述；

• 輸出物進(jìn)行頁(yè)面編號(hào)和統(tǒng)一命名標(biāo)準(zhǔn)，如結(jié)構(gòu)為“ 01功能模塊 -A 頁(yè)面（工作流）名稱”；

• 統(tǒng)一頁(yè)面內(nèi)部結(jié)構(gòu)：

  用頁(yè)面描述說(shuō)明頁(yè)面信息，如：聊天-P1至P4-左右閱讀結(jié)構(gòu)，作者：simaxi；
  固定頁(yè)面坐標(biāo)和間距：如坐標(biāo)始于width=50；height=50；頁(yè)面間距=200px
  固定結(jié)構(gòu)，如APP 端統(tǒng)一左右結(jié)構(gòu)，PC端統(tǒng)一上下結(jié)構(gòu)或分拆單獨(dú)頁(yè)面。
  用連接線進(jìn)行操作指示，固定模式方便瀏覽，如往下游時(shí)行走與頁(yè)面上方，往上游行走于頁(yè)面下方。
  統(tǒng)一標(biāo)注方式：標(biāo)明用例出入口，業(yè)務(wù)規(guī)則、界面規(guī)則等。

• 常用/獨(dú)立組件模塊化，復(fù)用或共同調(diào)用；如分享，評(píng)論，喜歡等將常用的、可獨(dú)立于任務(wù)流的組件模塊化，不但可以調(diào)高輸出效率還可以降低錯(cuò)誤可能。

• 用最簡(jiǎn)練的語(yǔ)言描述。如將文字轉(zhuǎn)化為公式，將形容詞等描述語(yǔ)刪除，如：

  盡量使用“≥” “=” "≤"、命名方式=名稱+尺寸+顏色、排序方式=最近發(fā)布時(shí)間降序排列、小計(jì)=單價(jià)*數(shù)量+運(yùn)費(fèi)。

規(guī)范化可以粗略的分為交互輸出規(guī)范、交互規(guī)范（如toast，action sheet ，alert，tab，tips，分步數(shù)量、導(dǎo)航等使用標(biāo)準(zhǔn)等） 、UI規(guī)范，UI輸出規(guī)范、內(nèi)容更新、郵件行文等規(guī)范等，此處不一一贅述。

6. 方案維護(hù)與跟進(jìn)，拒絕被動(dòng)

在完成了交互文檔的輸出后，會(huì)交付至整個(gè)縱向鏈條的團(tuán)隊(duì)成員，即使最細(xì)致的交互設(shè)計(jì)師也會(huì)存在丟失、遺漏的情況。所以配合過(guò)程中的跟進(jìn)極為重要，在此羅列幾種跟進(jìn)過(guò)程中的注意事項(xiàng)：

1. 跟進(jìn)過(guò)程中的方案補(bǔ)充不能改變或影響該方案在全局的位置；跟進(jìn)過(guò)程往往是針對(duì)某一點(diǎn)的補(bǔ)充優(yōu)化，由于比較具象往往出現(xiàn)過(guò)度設(shè)計(jì)，由于過(guò)于細(xì)節(jié)也經(jīng)常出現(xiàn)隔靴搔癢。跟進(jìn)過(guò)程的補(bǔ)充如果要恰到好處，需要結(jié)合問(wèn)題定義，數(shù)據(jù)預(yù)期，產(chǎn)品交互體驗(yàn)策略來(lái)綜合考慮。

2. 跟進(jìn)過(guò)程中的妥協(xié)，不能損失核心交互；跟進(jìn)過(guò)程中另一常見(jiàn)的情況是技術(shù)方案的限制或者說(shuō)時(shí)間成本下的技術(shù)限制，此時(shí)經(jīng)常出現(xiàn)砍需求、特別是砍體驗(yàn)需求，這類情況的妥協(xié)原則是：“所有體驗(yàn)類需求中都可以區(qū)分核心、次要、輔助，刪減輔助類，次要的體驗(yàn)類需求來(lái)完成核心的80分，也是不錯(cuò)的選擇。

3. 跟進(jìn)過(guò)程中的修改，涉及目的更改的需求要慎重進(jìn)行  根基過(guò)程中有可能會(huì)出現(xiàn)對(duì)目的的更改，也許是因?yàn)樾碌膱?chǎng)景、用戶意愿、額外政策等，此類修改要重新進(jìn)行問(wèn)題定義，需求分析修正和數(shù)據(jù)整理。

4. 跟進(jìn)內(nèi)容要及時(shí)整理進(jìn)交互文檔，保證文檔正確性 無(wú)論是哪一種跟進(jìn)修改，過(guò)程中的修改點(diǎn)都需要及時(shí)更新至文檔中（甚至說(shuō)明原因）保證文檔的正確性，以方便團(tuán)隊(duì)及時(shí)知曉情況、作出變化。

另外交互文檔還有歸檔備查的作用，所有產(chǎn)品的呈現(xiàn)都不能展現(xiàn)全部情況，交互文檔或者產(chǎn)品文檔的正確性歸檔對(duì)團(tuán)隊(duì)的后續(xù)工作極為重要。

文／司馬西（簡(jiǎn)書(shū)作者）
原文地址：http://www.jianshu.com/p/734c0a5e3abf