營(yíng)銷(xiāo)網(wǎng)站建設(shè)
全網(wǎng)營(yíng)銷(xiāo)網(wǎng)站
高端網(wǎng)站建設(shè)
商城網(wǎng)站建設(shè)
外貿(mào)網(wǎng)站建設(shè)
小程序開(kāi)發(fā)
區(qū)塊鏈開(kāi)發(fā)
物聯(lián)網(wǎng)項(xiàng)目開(kāi)發(fā)
定制app開(kāi)發(fā)
在線(xiàn)教育網(wǎng)站
速成網(wǎng)站建設(shè)
服裝網(wǎng)站建設(shè)
餐飲網(wǎng)站建設(shè)
珠寶首飾網(wǎng)站
機(jī)械制造網(wǎng)站
文化旅游網(wǎng)站
家裝建材網(wǎng)站
美容化妝品網(wǎng)站
數(shù)碼產(chǎn)品網(wǎng)站
模板案例庫(kù)
文章編輯:網(wǎng)站建設(shè) 文章來(lái)源:建站行業(yè)資訊 瀏覽量:次
APP開(kāi)發(fā)、手機(jī)淘寶搜索欄出現(xiàn)歷史搜索旨在減少用戶(hù)文本輸入,可快速查看以前搜索的商品。搜索發(fā)現(xiàn)通過(guò)用戶(hù)的操作行為智能推薦用戶(hù)感興趣的商品,增加用戶(hù)的訪(fǎng)問(wèn)深度和購(gòu)物興趣。
目前手機(jī)淘寶的搜索初始界面iOS 和Android版對(duì)歷史搜索的交互采取兩種不同的形式。iOS版通過(guò)用戶(hù)長(zhǎng)按歷史搜索的關(guān)鍵詞,出現(xiàn)叉號(hào),用戶(hù)點(diǎn)擊叉號(hào)進(jìn)行刪除關(guān)鍵詞,刪除過(guò)程中無(wú)需用戶(hù)進(jìn)行二次確認(rèn)。Android版用戶(hù)通過(guò)長(zhǎng)按,出現(xiàn)彈框,需要進(jìn)行二次確認(rèn)。


手機(jī)網(wǎng)站建設(shè)iOS版優(yōu)點(diǎn):相對(duì)于Android版,iOS 用戶(hù)在刪除過(guò)程中可以快速刪除,長(zhǎng)按之后,手指立刻可以觸控到叉號(hào)icon進(jìn)行刪除。
APP開(kāi)發(fā)之iOS版缺點(diǎn):
用戶(hù)在長(zhǎng)按出現(xiàn)刪除icon,但是用戶(hù)如果不刪除關(guān)鍵詞,則無(wú)法恢復(fù)正常狀態(tài)。
叉號(hào)icon過(guò)小,有時(shí)候可能會(huì)出現(xiàn)點(diǎn)不中的情況。
Android版缺點(diǎn):
通過(guò)長(zhǎng)按刪除關(guān)鍵詞,出現(xiàn)彈框,從長(zhǎng)按到出現(xiàn)彈框手指操作跳躍過(guò)大。
彈框僅僅起到了防錯(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ì)類(lèi)似的需求交互時(shí)可能會(huì)遺漏很多交互場(chǎng)景。
我以iOS版手機(jī)淘寶歷史搜索為例。通過(guò)展示的原型圖來(lái)討論易遺漏的交互場(chǎng)景,希望通過(guò)這篇文章可以讓讀者得到收獲,并總結(jié)出以后如何避免遺漏交互細(xì)節(jié)與定義。
目前手機(jī)淘寶的搜索初始界面iOS 和Android版對(duì)歷史搜索的交互采取兩種不同的形式。
iOS版通過(guò)用戶(hù)長(zhǎng)按歷史搜索的關(guān)鍵詞,出現(xiàn)叉號(hào),用戶(hù)點(diǎn)擊叉號(hào)進(jìn)行刪除關(guān)鍵詞。刪除過(guò)程中無(wú)需用戶(hù)進(jìn)行二次確認(rèn)。
歷史搜索原型圖展示分三個(gè)小場(chǎng)景:1.歷史搜索的關(guān)鍵詞全部刪除。2.歷史搜索的關(guān)鍵詞單個(gè)刪除。3.搜索發(fā)現(xiàn)的關(guān)鍵詞處理。
2.1APP建設(shè) 歷史搜索的關(guān)鍵詞全部刪除

APP開(kāi)發(fā)在原型圖上面的交互定義有以下:
極限值的定義:確定歷史搜索和搜索發(fā)現(xiàn)最多關(guān)鍵詞為 10 個(gè)
刪除出現(xiàn)二次確認(rèn)的警示框
全部刪除后,搜索發(fā)現(xiàn)位置移動(dòng)定義#分頁(yè)#
2.1 APP制作之歷史搜索的關(guān)鍵詞單個(gè)刪除

APP開(kāi)發(fā)技巧原型圖上面的交互定義有以下:
對(duì)單擊關(guān)鍵詞操作的交互說(shuō)明
長(zhǎng)按之后刪除,其他關(guān)鍵詞的移動(dòng)定義
2.3APP開(kāi)發(fā)之 搜索發(fā)現(xiàn)的關(guān)鍵詞處理

原型圖上面的交互定義有以下:
對(duì)隱藏和開(kāi)啟操作的定義
搜索發(fā)現(xiàn)的關(guān)鍵詞手勢(shì)定義
如果以上線(xiàn)框圖。貌似一看沒(méi)什么問(wèn)題。其實(shí)遺漏了很多交互場(chǎng)景,大家可以找出存在哪些遺漏嗎?
(1)用戶(hù)長(zhǎng)按關(guān)鍵詞,關(guān)鍵詞出現(xiàn)叉號(hào)icon。如果單擊其他關(guān)鍵詞,如何交互?缺乏定義說(shuō)明。如果不做說(shuō)明,可能會(huì)出現(xiàn)以下兩種情況。

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

(3)用戶(hù)長(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ō)明,不然到了開(kāi)發(fā)階段,就會(huì)出現(xiàn)各種問(wèn)題。
為什么會(huì)出現(xiàn)如此多遺漏。原因有以下情況:
因?yàn)樵跉v史搜索中存在長(zhǎng)按手勢(shì),那么在整個(gè)交互界面時(shí),其他可交互元素也要考慮長(zhǎng)按操作
出口與入口的忽略
僅僅考慮最大極限情況,卻沒(méi)有考慮最小極限
通過(guò)一個(gè)小小的歷史搜索就遺漏這么多問(wèn)題。如果涉及到大的產(chǎn)品需求,想全面不遺漏交互場(chǎng)景,需要考慮以下情況:
明確所有場(chǎng)景和使用人群
交互邏輯無(wú)缺失
異常場(chǎng)景不遺漏
異常狀態(tài)有說(shuō)明
手勢(shì)操作不遺漏
關(guān)鍵字段有規(guī)則定義
極限情況有定義
是否涉及到多種角色和權(quán)限
刷新、加載、轉(zhuǎn)場(chǎng)說(shuō)明,深圳網(wǎng)站制作博納編輯整理。
[聲明]本網(wǎng)轉(zhuǎn)載網(wǎng)絡(luò)媒體稿件是為了傳播更多的信息,此類(lèi)稿件不代表本網(wǎng)觀(guān)點(diǎn),本網(wǎng)不承擔(dān)此類(lèi)稿件侵權(quán)行為的連帶責(zé)任。故此,如果您發(fā)現(xiàn)本網(wǎng)站的內(nèi)容侵犯了您的版權(quán),請(qǐng)您的相關(guān)內(nèi)容發(fā)至此郵箱【qin@198bona.com 】,我們?cè)诖_認(rèn)后,會(huì)立即刪除,保證您的版權(quán)。
技術(shù)咨詢(xún)
價(jià)格咨詢(xún)
建議投訴
0755-82538016
關(guān)閉窗口