中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

以iOS版手機(jī)淘寶歷史搜索為例，本文作者希望通過(guò)展示的原型圖來(lái)討論易遺漏的交互場(chǎng)景，讓讀者得到收獲，并總結(jié)出以后如何避免遺漏交互細(xì)節(jié)與定義。

手機(jī)淘寶搜索欄出現(xiàn)歷史搜索旨在減少用戶文本輸入，可快速查看以前搜索的商品。搜索發(fā)現(xiàn)通過(guò)用戶的操作行為智能推薦用戶感興趣的商品，增加用戶的訪問(wèn)深度和購(gòu)物興趣。

目前手機(jī)淘寶的搜索初始界面iOS 和Android版對(duì)歷史搜索的交互采取兩種不同的形式。iOS版通過(guò)用戶長(zhǎng)按歷史搜索的關(guān)鍵詞，出現(xiàn)叉號(hào)，用戶點(diǎn)擊叉號(hào)進(jìn)行刪除關(guān)鍵詞，刪除過(guò)程中無(wú)需用戶進(jìn)行二次確認(rèn)。Android版用戶通過(guò)長(zhǎng)按，出現(xiàn)彈框，需要進(jìn)行二次確認(rèn)。

iOS版優(yōu)點(diǎn)：相對(duì)于Android版，iOS 用戶在刪除過(guò)程中可以快速刪除，長(zhǎng)按之后，手指立刻可以觸控到叉號(hào)icon進(jìn)行刪除。

iOS版缺點(diǎn)：

1. 用戶在長(zhǎng)按出現(xiàn)刪除icon，但是用戶如果不刪除關(guān)鍵詞，則無(wú)法恢復(fù)正常狀態(tài)。
2. 叉號(hào)icon過(guò)小，有時(shí)候可能會(huì)出現(xiàn)點(diǎn)不中的情況。

Android版缺點(diǎn)：

1. 通過(guò)長(zhǎng)按刪除關(guān)鍵詞，出現(xiàn)彈框，從長(zhǎng)按到出現(xiàn)彈框手指操作跳躍過(guò)大。
2. 彈框僅僅起到了防錯(cuò)功能，無(wú)法起到二次確認(rèn)刪除某個(gè)關(guān)鍵詞的作用（彈框提示語(yǔ)沒(méi)有標(biāo)明刪除的是哪個(gè)關(guān)鍵詞）。

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

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

1. 歷史搜索原型圖

目前手機(jī)淘寶的搜索初始界面iOS 和Android版對(duì)歷史搜索的交互采取兩種不同的形式。

iOS版通過(guò)用戶長(zhǎng)按歷史搜索的關(guān)鍵詞，出現(xiàn)叉號(hào)，用戶點(diǎn)擊叉號(hào)進(jìn)行刪除關(guān)鍵詞。刪除過(guò)程中無(wú)需用戶進(jìn)行二次確認(rèn)。

2. iOS版歷史搜索原型圖

歷史搜索原型圖展示分三個(gè)小場(chǎng)景：1.歷史搜索的關(guān)鍵詞全部刪除。2.歷史搜索的關(guān)鍵詞單個(gè)刪除。3.搜索發(fā)現(xiàn)的關(guān)鍵詞處理。

2.1 歷史搜索的關(guān)鍵詞全部刪除

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

1. 極限值的定義：確定歷史搜索和搜索發(fā)現(xiàn)最多關(guān)鍵詞為10個(gè)
2. 刪除出現(xiàn)二次確認(rèn)的警示框
3. 全部刪除后，搜索發(fā)現(xiàn)位置移動(dòng)定義

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

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

1. 對(duì)單擊關(guān)鍵詞操作的交互說(shuō)明
2. 長(zhǎng)按之后刪除，其他關(guān)鍵詞的移動(dòng)定義

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

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

1. 對(duì)隱藏和開啟操作的定義
2. 搜索發(fā)現(xiàn)的關(guān)鍵詞手勢(shì)定義

如果以上線框圖。貌似一看沒(méi)什么問(wèn)題。其實(shí)遺漏了很多交互場(chǎng)景，大家可以找出存在哪些遺漏嗎？

3. 遺漏的交互場(chǎng)景

（1）用戶長(zhǎng)按關(guān)鍵詞，關(guān)鍵詞出現(xiàn)叉號(hào)icon。如果單擊其他關(guān)鍵詞，如何交互？缺乏定義說(shuō)明。如果不做說(shuō)明，可能會(huì)出現(xiàn)以下兩種情況。

（2）用戶長(zhǎng)按關(guān)鍵詞，關(guān)鍵詞出現(xiàn)叉號(hào)icon。如果用戶長(zhǎng)按其他關(guān)鍵詞，之前關(guān)鍵詞叉號(hào)icon是否還存在？如果不做說(shuō)明，可能會(huì)出現(xiàn)以下兩種情況。

（3）用戶長(zhǎng)按關(guān)鍵詞，關(guān)鍵詞出現(xiàn)叉號(hào)icon。如果單擊其他關(guān)鍵詞，進(jìn)入下級(jí)界面，返回界面為哪個(gè)狀態(tài)界面？如果不做說(shuō)明，可能會(huì)出現(xiàn)以下三種情況。

（4）如果歷史搜索關(guān)鍵詞挨著刪除，最后全部刪完？歷史搜索字段是否保留，如果保留是文案說(shuō)明歷史搜索關(guān)鍵詞為空？這里又有兩種情況。

以上四種遺漏的交互場(chǎng)景，在設(shè)計(jì)過(guò)程中都必須要定義說(shuō)明，不然到了開發(fā)階段，就會(huì)出現(xiàn)各種問(wèn)題。

4. 總結(jié)

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

1. 因?yàn)樵跉v史搜索中存在長(zhǎng)按手勢(shì)，那么在整個(gè)交互界面時(shí)，其他可交互元素也要考慮長(zhǎng)按操作
2. 出口與入口的忽略
3. 僅僅考慮最大極限情況，卻沒(méi)有考慮最小極限

通過(guò)一個(gè)小小的歷史搜索就遺漏這么多問(wèn)題。如果涉及到大的產(chǎn)品需求，想全面不遺漏交互場(chǎng)景，需要考慮以下情況：

1. 明確所有場(chǎng)景和使用人群
2. 交互邏輯無(wú)缺失
3. 異常場(chǎng)景不遺漏
4. 異常狀態(tài)有說(shuō)明
5. 手勢(shì)操作不遺漏
6. 關(guān)鍵字段有規(guī)則定義
7. 極限情況有定義
8. 是否涉及到多種角色和權(quán)限
9. 刷新、加載、轉(zhuǎn)場(chǎng)說(shuō)明

PS：如何用科學(xué)方法做出專業(yè)無(wú)遺漏的原型圖，我會(huì)在后續(xù)的文章中講到，敬請(qǐng)期待哦。

#專欄作家#

UX，微信公眾號(hào)：UEDC，人人都是產(chǎn)品經(jīng)理專欄作家。華為ITUX交互組組長(zhǎng)。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Pexels，基于 CC0 協(xié)議