以手機淘寶為例，看原型圖易缺失的交互場景

Echo ：以iOS版手機淘寶歷史搜索為例，本文作者盼望通過展示的原型圖來討論易遺漏的交互場景，讓讀者得到收獲，并總結(jié)出以后如何避免遺漏交互細節(jié)與定義。

手機淘寶搜索欄出現(xiàn)歷史搜索旨在削減用戶文本輸入，可快速查看曩昔搜索的商品。搜索發(fā)現(xiàn)通過用戶的操作舉動智能保舉用戶感愛好的商品，增長用戶的訪問深度和購物愛好。

目前手機淘寶的搜索初始界面iOS 和Android版對歷史搜索的交互采取兩種不同的情勢。iOS版通過用戶長按歷史搜索的關(guān)鍵詞，出現(xiàn)叉號，用戶點擊叉號進行刪除關(guān)鍵詞，刪除過程中無需用戶進行二次確認。Android版用戶通過長按，出現(xiàn)彈框，必要進行二次確認。

iOS版好處：相對于Android版，iOS 用戶在刪除過程中可以快速刪除，長按之后，手指馬上可以觸控到叉號icon進行刪除。

iOS版瑕玷：

• 用戶在長按出現(xiàn)刪除icon，但是用戶假如不刪除關(guān)鍵詞，則無法恢復正常狀況。
• 叉號icon過小，偶然候可能會出現(xiàn)點不中的情況。

Android版瑕玷：

• 通過長按刪除關(guān)鍵詞，出現(xiàn)彈框，從長按到出現(xiàn)彈框手指操作跳躍過大。
• 彈框僅僅起到了防錯功能，無法起到二次確認刪除某個關(guān)鍵詞的作用（彈框提醒語沒有標明刪除的是哪個關(guān)鍵詞）。

手機淘寶中的歷史搜索，一個看似簡單的交互流程，可能蘊含著許多的交互場景，但假如交互設(shè)計師/產(chǎn)品經(jīng)理首次設(shè)計類似的需求交互時可能會遺漏許多交互場景。

我以iOS版手機淘寶歷史搜索為例。通過展示的原型圖來討論易遺漏的交互場景，盼望通過這篇文章可以讓讀者得到收獲，并總結(jié)出以后如何避免遺漏交互細節(jié)與定義。

一.  歷史搜索原型圖

目前手機淘寶的搜索初始界面iOS 和Android版對歷史搜索的交互采取兩種不同的情勢。

iOS版通過用戶長按歷史搜索的關(guān)鍵詞，出現(xiàn)叉號，用戶點擊叉號進行刪除關(guān)鍵詞。刪除過程中無需用戶進行二次確認。

二. iOS版歷史搜索原型圖

歷史搜索原型圖展示分三個小場景：

• 歷史搜索的關(guān)鍵詞悉數(shù)刪除。
• 歷史搜索的關(guān)鍵詞單個刪除。
• 搜索發(fā)現(xiàn)的關(guān)鍵詞處理。

歷史搜索的關(guān)鍵詞悉數(shù)刪除

原型圖上面的交互定義有以下：

• 極限值的定義：確定歷史搜索和搜索發(fā)現(xiàn)最多關(guān)鍵詞為10個。
• 刪除出現(xiàn)二次確認的警示框。
• 悉數(shù)刪除后，搜索發(fā)現(xiàn)位置移動定義。

歷史搜索的關(guān)鍵詞單個刪除

原型圖上面的交互定義有以下：

• 對單擊關(guān)鍵詞操作的交互說明。
• 長按之后刪除，其他關(guān)鍵詞的移動定義。

搜索發(fā)現(xiàn)的關(guān)鍵詞處理

原型圖上面的交互定義有以下：

• 對隱蔽和開啟操作的定義。
• 搜索發(fā)現(xiàn)的關(guān)鍵詞手勢定義。

假如以上線框圖。貌似一看沒什么題目。其實遺漏了許多交互場景，大家可以找出存在哪些遺漏嗎？

三. 遺漏的交互場景

用戶長按關(guān)鍵詞，關(guān)鍵詞出現(xiàn)叉號icon

假如單擊其他關(guān)鍵詞，如何交互？缺乏定義說明。假如不做說明，可能會出現(xiàn)以下兩種情況。

用戶長按關(guān)鍵詞，關(guān)鍵詞出現(xiàn)叉號icon

假如用戶長按其他關(guān)鍵詞，之前關(guān)鍵詞叉號icon是否還存在？假如不做說明，可能會出現(xiàn)以下兩種情況。

用戶長按關(guān)鍵詞，關(guān)鍵詞出現(xiàn)叉號icon

假如單擊其他關(guān)鍵詞，進入下級界面，返回界面為哪個狀況界面？假如不做說明，可能會出現(xiàn)以下三種情況。

假如歷史搜索關(guān)鍵詞挨著刪除，最后悉數(shù)刪完？

歷史搜索字段是否保留，假如保留是文案說明歷史搜索關(guān)鍵詞為空？這里又有兩種情況。

以上四種遺漏的交互場景，在設(shè)計過程中都必須要定義說明，不然到了開發(fā)階段，就會出現(xiàn)各種題目。

四. 總結(jié)

為什么會出現(xiàn)如此多遺漏。緣故原由有以下情況：

• 由于在歷史搜索中存在長按手勢，那么在整個交互界面時，其他可交互元素也要考慮長按操作。
• 出口與入口的忽略。
• 僅僅考慮最大極限情況，卻沒有考慮最小極限。

通過一個小小的歷史搜索就遺漏這么多題目。假如涉及到大的產(chǎn)品需求，想周全不遺漏交互場景，必要考慮以下情況：

• 明確所有場景和使用人群。
• 交互邏輯完好失。
• 非常場景不遺漏。
• 非常狀況有說明。
• 手勢操作不遺漏。
• 關(guān)鍵字段有規(guī)則定義。
• 極限情況有定義。
• 是否涉及到多種角色和權(quán)限。
• 刷新、加載、轉(zhuǎn)場說明。

迎接關(guān)注作者的微信公眾號：「UEDC」