Echo ：以iOS版手機淘寶歷史搜索為例，本文作者希望通過展示的原型圖來討論易遺漏的交互場景，讓讀者得到收獲，并總結出以后如何避免遺漏交互細節與定義。
手機淘寶搜索欄出現歷史搜索旨在減少用戶文本輸入，可快速查看以前搜索的商品。搜索發現通過用戶的操作行為智能推薦用戶感興趣的商品，增加用戶的訪問深度和購物興趣。
目前手機淘寶的搜索初始界面iOS 和Android版對歷史搜索的交互采取兩種不同的形式。iOS版通過用戶長按歷史搜索的關鍵詞，出現叉號，用戶點擊叉號進行刪除關鍵詞，刪除過程中無需用戶進行二次確認。Android版用戶通過長按，出現彈框，需要進行二次確認。
iOS版優點：相對于Android版，iOS 用戶在刪除過程中可以快速刪除，長按之后，手指立刻可以觸控到叉號icon進行刪除。
iOS版缺點：
- 用戶在長按出現刪除icon，但是用戶如果不刪除關鍵詞，則無法恢復正常狀態。
- 叉號icon過小，有時候可能會出現點不中的情況。
Android版缺點：
- 通過長按刪除關鍵詞，出現彈框，從長按到出現彈框手指操作跳躍過大。
- 彈框僅僅起到了防錯功能，無法起到二次確認刪除某個關鍵詞的作用（彈框提示語沒有標明刪除的是哪個關鍵詞）。
手機淘寶中的歷史搜索，一個看似簡單的交互流程，可能蘊含著很多的交互場景，但如果交互設計師/產品經理首次設計類似的需求交互時可能會遺漏很多交互場景。
我以iOS版手機淘寶歷史搜索為例。通過展示的原型圖來討論易遺漏的交互場景，希望通過這篇文章可以讓讀者得到收獲，并總結出以后如何避免遺漏交互細節與定義。
一. ?歷史搜索原型圖
目前手機淘寶的搜索初始界面iOS 和Android版對歷史搜索的交互采取兩種不同的形式。
iOS版通過用戶長按歷史搜索的關鍵詞，出現叉號，用戶點擊叉號進行刪除關鍵詞。刪除過程中無需用戶進行二次確認。
二. iOS版歷史搜索原型圖
歷史搜索原型圖展示分三個小場景：
- 歷史搜索的關鍵詞全部刪除。
- 歷史搜索的關鍵詞單個刪除。
- 搜索發現的關鍵詞處理。
歷史搜索的關鍵詞全部刪除
原型圖上面的交互定義有以下：
- 極限值的定義：確定歷史搜索和搜索發現最多關鍵詞為10個。
- 刪除出現二次確認的警示框。
- 全部刪除后，搜索發現位置移動定義。
歷史搜索的關鍵詞單個刪除
原型圖上面的交互定義有以下：
- 對單擊關鍵詞操作的交互說明。
- 長按之后刪除，其他關鍵詞的移動定義。
搜索發現的關鍵詞處理
原型圖上面的交互定義有以下：
- 對隱藏和開啟操作的定義。
- 搜索發現的關鍵詞手勢定義。
如果以上線框圖。貌似一看沒什么問題。其實遺漏了很多交互場景，大家可以找出存在哪些遺漏嗎？
三. 遺漏的交互場景
用戶長按關鍵詞，關鍵詞出現叉號icon
如果單擊其他關鍵詞，如何交互？缺乏定義說明。如果不做說明，可能會出現以下兩種情況。
用戶長按關鍵詞，關鍵詞出現叉號icon
如果用戶長按其他關鍵詞，之前關鍵詞叉號icon是否還存在？如果不做說明，可能會出現以下兩種情況。
用戶長按關鍵詞，關鍵詞出現叉號icon
如果單擊其他關鍵詞，進入下級界面，返回界面為哪個狀態界面？如果不做說明，可能會出現以下三種情況。
如果歷史搜索關鍵詞挨著刪除，最后全部刪完？
歷史搜索字段是否保留，如果保留是文案說明歷史搜索關鍵詞為空？這里又有兩種情況。
以上四種遺漏的交互場景，在設計過程中都必須要定義說明，不然到了開發階段，就會出現各種問題。
四. 總結
為什么會出現如此多遺漏。原因有以下情況：
- 因為在歷史搜索中存在長按手勢，那么在整個交互界面時，其他可交互元素也要考慮長按操作。
- 出口與入口的忽略。
- 僅僅考慮最大極限情況，卻沒有考慮最小極限。
通過一個小小的歷史搜索就遺漏這么多問題。如果涉及到大的產品需求，想全面不遺漏交互場景，需要考慮以下情況：
- 明確所有場景和使用人群。
- 交互邏輯無缺失。
- 異常場景不遺漏。
- 異常狀態有說明。
- 手勢操作不遺漏。
- 關鍵字段有規則定義。
- 極限情況有定義。
- 是否涉及到多種角色和權限。
- 刷新、加載、轉場說明。
歡迎關注作者的微信公眾號：「UEDC」
「交互設計中易被忽視的細節」
【優設網 原創文章 投稿郵箱：yuan@uisdc.com】
================明星欄目推薦================
優優教程網： UiiiUiii.com是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。
設計導航：國內人氣最高的設計網址導航，設計師必備：http://hao.uisdc.com
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
發評論！每天贏獎品
點擊 登錄 后，在評論區留言，系統會隨機派送獎品
2012年成立至今，是國內備受歡迎的設計師平臺，提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論 為下方 1 條評論點贊，解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓