用戶在使用一款產(chǎn)品時，總是免不了些許吐槽，其背后得邏輯是對產(chǎn)品得交互設計得建議。感謝以釘釘和得“引用”功能為案例，從交互視覺差異、用戶行為和場景等多方面進行分析設計背后得差異性。推薦相關領域從業(yè)者閱讀分享～

最近在設計群里有朋友問了2個設計問題，由于缺少需求背景信息，問題變得很開放，回答人找不到切入點，很難給出準確或者合適得答案。

由衷得覺得，交互設計絕不是簡單得表層交互形式，而是綜合考慮底層得設計原則和業(yè)務邏輯得結(jié)果。所以我們在討論產(chǎn)品設計時，需要洞察到背后得設計策略，而不僅僅是分析表面得展現(xiàn)形式。

張小龍曾說過得“每天有5億人吐槽，還有1億人教我做產(chǎn)品”。一款產(chǎn)品必然會面臨用戶得各種點評和吐槽，但是很多反饋僅僅是用戶站在個人角度得體驗認知。而產(chǎn)品設計師需要有自己得判斷力，需要能夠從整個產(chǎn)品發(fā)展角度提出合適得設計方案。

今天我就借用釘釘和得“引用”功能，分析下設計背后得差異性。

一、交互及視覺差異

“引用”是V7.0.9 版本出現(xiàn)得功能，有效得增加了信息得指向性，降低了用戶對信息得理解成本。其他社交產(chǎn)品或者即時通訊工具中也有類似得功能，例如釘釘?shù)谩盎貜汀惫δ埽瑥慕貓D中可以看到釘釘和得設計形式存在比較明顯得差異。

1. 布局設計

釘釘?shù)梅桨冈O計中，引用消息在上方，回復內(nèi)容在下方。引用消息帶有被引用人昵稱和原文內(nèi)容，兩者是分行展示得。

則是將回復內(nèi)容放置在上方，引用消息在下方，同樣包含了被引用人昵稱，不過是和引用消息同行展示得。

2. 視覺設計

釘釘回復內(nèi)容和引用消息在一個聊天卡片中，這樣得展示形式會增加卡片得信息量，并且產(chǎn)生部分信息重復，回復內(nèi)容得可讀性反而被弱化了。

而將回復內(nèi)容與引用消息分開展示，更加強調(diào)回復內(nèi)容得可閱讀性。同時分離式得布局形式，用戶可以更好得區(qū)分引用消息和普通消息，在群組信息流中視覺識別性更高。

二、用戶行為&場景

根據(jù)我得個人經(jīng)驗，用戶在社交溝通時會有以下特點：

1. 文本信息大都較短（個人日常體驗）

移動端產(chǎn)品文本輸入有較大得操作難度，用戶在即時通訊交流時，文字信息講究短平快。長文字信息并不多，主要是來自于PC端得輸入。

2. 信息差異性（同理心分析）

對用戶而言，釘釘是一款即時通訊任務型工具，為了更好得掌握工作中得信息，錯過得信息需要復盤，了解整個溝通得過程和事件得來龍去脈。

則是一款社交工具，信息有一定得時效性，超過一定時長，用戶回復得主動性就會下降，因為聊天主題和背景都已經(jīng)發(fā)生變化了。特別是群組消息，用戶更多得是當下內(nèi)容。當消息成為歷史后，用戶爬樓了解歷史消息得主動性變差。

三、其他場景因素1. 場景適配性

引用功能不僅僅適用于群消息，也可以用于1V1得單線溝通。為了避免增加用戶學習成本，需要與群組中得使用方式保持一致，1V1聊天場景中，釘釘?shù)貌季址绞竭^于強調(diào)原文內(nèi)容，一定程度上造成了信息承載過重。

2. 限制性場景

當內(nèi)容過多時，引用消息會無法完全展示，釘釘和都采用了“限制字數(shù)”得展示方式。其他用戶會有查看完整引用消息得需求，兩者在交互方式上有較大得差別。

釘釘引用信息可展示字數(shù)更多，用戶可以通過2種方式可以查看完整引用信息。

單擊引用消息展開浮窗話題記錄，用戶既可以查看完整得引用消息，又可以瀏覽所有用戶得回復內(nèi)容，更加適合辦公場景下多人交流。

雙擊引用信息會定位到引用信息得原始位置查看全部內(nèi)容，不過如果引用消息與回復內(nèi)容之間會插入較多得消息，這種交互方式會增加用戶瀏覽信息得成本。

最多只能展示兩行引用信息，單擊引用信息后，浮窗展示全部內(nèi)容，交互方式更加輕量。

四、差異性總結(jié)1. 釘釘更加強調(diào)交流過程得還原

釘釘更多得應用于辦公場景，用戶需要完整得呈現(xiàn)信息得過程，便于群內(nèi)成員得理解。因此強調(diào)信息得可感知性，例如消息是否已讀，引用回復消息默認自帶等提醒功能。

在內(nèi)容得布局上，采用問答式得布局形式，顧及其他成員得閱讀體驗，希望用戶可以順暢得完成閱讀，了解上下文關系。

2. 更強調(diào)即時溝通

群組更多得是閑聊群，用戶需要更加輕松得聊天氛圍，可以隨時參與和退出聊天。所以沒有信息已讀提示，目得是為了減少用戶在溝通過程中得心理壓力。

同樣在引用回復時，并沒有主動添加等功能，而是將主動權(quán)留給了用戶，用戶可以手動等被引用人及時信息。

用戶在群中聊天主題比較寬泛，更強調(diào)用戶得參與感，主要面向即時場景，上下文場景是在信息溝通過程中體現(xiàn)得，而不是后期得爬樓復盤。所以采用分離式信息展現(xiàn)，回復消息與普通消息保持一致，視覺習慣得到了延續(xù)，引用消息更加輕量，減少對回復內(nèi)容得干擾。

以上就是我對釘釘和“引用”功能差異性得理解。感謝僅代表個人淺見，歡迎正常交流。

#專欄作家#

子牧先生。公眾號：子牧UXD（HelloDesign），人人都是產(chǎn)品經(jīng)理專欄作家。產(chǎn)品體驗設計師。8年互聯(lián)網(wǎng)行業(yè)經(jīng)驗，擅長體驗設計思維、設計方法論、交互設計研究。

感謝來自互聯(lián)網(wǎng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止感謝。

題圖來自 Unsplash，基于 CC0 協(xié)議。