如何通過用戶行為來優化交互設計？

作為交互設計師，最常聽到的設計思路，大概就數「要考慮用戶行為」了。今天給大家帶來兩個小例子，看看在這些小問題中，是如何通過用戶行為來優化交互設計的。

一、功能呈現的樣式

用戶行為會影響功能呈現的樣式。來看看一位讀者朋友給我的提問：

“ 今天在使用兩款網頁郵箱時，發現兩款郵箱在導航交互方麵有差異：

網易 163 郵箱每新開一封郵件，頁麵上方會增加一個類似瀏覽器標簽頁的 tab，支持手動切換瀏覽；

QQ 郵箱則是展開一個新層級，隻展示當前郵件內容頁麵，點擊按鈕返回即關閉。為什麼郵箱的導航會有所不同呢？該怎麼評價這兩個導航交互設計呢？”

相信不少使用過兩款郵箱的朋友們都會覺得 QQ 郵箱體驗要好一些，因為網易 163 郵箱標簽頁瀏覽一次後，基本不會再看，但開了多個 tab 頁麵，還需要手動一個個的關閉，很容易出現標簽頁堆積的情況。

我曾經也有同感，但有一次在寫郵件時，同時又收到了其他的新郵件，這才發現去查看新郵件之後，可以通過 Tab 直接回到郵件編輯頁麵繼續寫郵件，沒有任何多餘的操作，瞬間感覺真香！

在我看來，這兩種方式其實是基於不同的用戶使用情景設計的：

網易 163 郵箱側重於工作的多線程，所以會呈現用戶的閱讀行為路徑。郵件內容頁會采用 Tab 標簽式，目的是便於用戶查看自己的工作和閱讀軌跡。

而騰訊 qq 郵箱側重於郵件內容，采用單一的內容展示，不保留閱讀痕跡，清晰簡潔，不給用戶增加額外的負擔。

所以「存在即合理」。在分析組件 / 元素 / 某些功能的合理性時，有兩個經驗：

1. 先考慮的不是表層樣式，而是其背後所對應的用戶群體的操作情景和行為。

2. 切換立場，不要總用“我覺得…”，而要多思考“該產品的用戶覺得…”。

二、功能的定義與布局

用戶的行為同樣會影響到功能的定義與布局。來看看另一位讀者朋友給我的提問：

“為什麼在大多數 B 端產品的 Table 中，【編輯】和【刪除】功能是分開的？正常邏輯是【編輯】應該包含了【刪除】功能呀。為什麼不把【刪除】放到【編輯】功能中呢？”

相信你看了問題，可能也會有一樣的疑惑。小問題折射大道理。其實字麵的定義是一個方麵，這個情景下的用戶操作的行為路徑和操作頻率相對來說更為重要：

1、行為路徑 

通常來說用戶想要【刪除】某個內容，是不會在編輯內容之後再刪除的，刪除相對來說是一種幹脆直接的行為，因此沒有必要先點擊編輯再進行刪除。

而用戶想要【編輯】某個內容，通常也不會在編輯完內容之後就想要刪除。一般來說編輯完內容，重置、保存、取消等功能更為常用。這個時候增加刪除功能，也有可能讓用戶產生歧義。

所以兩者在字麵定義上似乎有關係，但在交互行為上並不具備連貫的邏輯。如要追求用戶體驗，分開並列排布會更好。  

2、使用頻率

另一個需要考慮的要素是用戶對於功能的使用頻率。如果刪除是很常用的功能，放在外麵也會大大減少用戶的操作時長，包括點擊、瀏覽和頁麵加載等時長。

所以你看，交互設計不是簡單的語文題，字麵上的邏輯所有人都可以想得到，但將這些文字語義和邏輯與用戶交互行為結合起來，就是設計師的價值所在。 

原文地址：長弓小子（公眾號）

作者：元堯