幫助

以手機(jī)淘寶為例,看原型圖易缺失的交互場景

2018-04-27 08:55 優(yōu)化推廣

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

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

iOS版優(yōu)點(diǎn):相對于Android版,iOS 用戶在刪除過程中可以快速刪除,長按之后,手指立刻可以觸控到叉號icon進(jìn)行刪除。

iOS版缺點(diǎn):

  1. 用戶在長按出現(xiàn)刪除icon,但是用戶如果不刪除關(guān)鍵詞,則無法恢復(fù)正常狀態(tài)。

  2. 叉號icon過小,有時(shí)候可能會出現(xiàn)點(diǎn)不中的情況。

Android版缺點(diǎn):

  1. 通過長按刪除關(guān)鍵詞,出現(xiàn)彈框,從長按到出現(xiàn)彈框手指操作跳躍過大。

  2. 彈框僅僅起到了防錯(cuò)功能,無法起到二次確認(rèn)刪除某個(gè)關(guān)鍵詞的作用(彈框提示語沒有標(biāo)明刪除的是哪個(gè)關(guān)鍵詞)。

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

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

1. 歷史搜索原型圖

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

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

2. iOS版歷史搜索原型圖

歷史搜索原型圖展示分三個(gè)小場景: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)定義


相關(guān)推薦

QQ在線咨詢