主頁 > 快速排名 > 常見問題 > 以手機(jī)淘寶為例,看原型圖易缺失的交互場景

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

POST TIME:2018-12-03 17:30

 

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

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

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

iOS版缺點:

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

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

Android版缺點:

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

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

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

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

1. 歷史搜索原型圖

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

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

2. iOS版歷史搜索原型圖

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

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

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

極限值的定義:確定歷史搜索和搜索發(fā)現(xiàn)最多關(guān)鍵詞為 10 個

刪除出現(xiàn)二次確認(rèn)的警示框

全部刪除后,搜索發(fā)現(xiàn)位置移動定義

,

標(biāo)簽:林芝 九江 鹽城 烏魯木齊 東營



收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266