起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識產(chǎn)品設(shè)計：列表項刪除的移動端交互調(diào)研
在產(chǎn)品設(shè)計中，交互設(shè)計是很重要的一個環(huán)節(jié)。這篇文章，作者調(diào)研了幾個知名度比較高的產(chǎn)品，看看它們的交互做得怎樣，是否有我們可以參考的地方。
我們?nèi)粘Ｊ褂玫能浖校芏嗉?xì)節(jié)方面的交互，各大廠商之間其實并沒有統(tǒng)一的標(biāo)準(zhǔn)，這樣在用戶習(xí)慣的培養(yǎng)上就會顯得比較吃力。就像之前的一篇文章中提到，一個小小的“數(shù)字鍵盤”，不同的場景下就有不同的排列方式。
今天則聊一聊移動端列表展示中，刪除某個列表項的交互方式。
因為我之前用了五六年的蘋果手機，想必大家都知道，iOS版本中的微信消息列表，是可以通過左滑刪除的。五六年的用戶習(xí)慣導(dǎo)致我在新更換華為手機之后，對于消息列表刪除的操作非常不適應(yīng)。
所以我調(diào)研了幾個常用APP在這個場景下的交互方式，我們一起來看看，你最喜歡哪一種。
從整體方式來看，主要分為兩種：長按、左滑。但即便是相同的“解鎖方式”，其表現(xiàn)形式也是參差不齊。有些軟件會同時支持兩種手勢操作，也算是照顧到了大多數(shù)用戶。
（以下交互截圖均來自安卓版本）
一、微信
微信的交互方式為長按，長按之后會在對應(yīng)的位置彈出一個下拉框。而如果使用左右滑動的操作，則會跑到第二個tab頁-通訊錄，或者浮窗中。
二、淘寶
淘寶的交互為左滑、長按都支持，但左滑之后的選項太多，足足有五個，實在是顯得擁擠。而在長按之后彈框展示了四個選項，我個人覺得兩者搞反了。
左滑減少一兩個，長按增加一個會更合適，畢竟彈框的空間很大。
三、京東
長按、左滑都支持，相比于淘寶，左滑的操作按鈕是4個，空間感會更好一些。長按之后的交互并非彈框，而是在這個列表選項上浮出四個按鈕圖層。
從交互鏈路來看，在選項上直接出現(xiàn)按鈕，用戶的操作路徑是最短的，但從視覺上，卻顯得有些混亂。
個人覺得將背景的灰色浮層再加深一些會不會好點？各位有什么好建議嗎？
四、拼多多、美團外賣、美團、唯品會
這四款軟件都是采用長按的交互方式，左滑之后并無反應(yīng)。不過長按之后的效果也不一樣。
美團外賣是一個彈框強提示，意味著這里的長按只代表刪除，沒有其他操作的空間。
唯品會和京東類似，在選項上彈出多個按鈕浮層。不過從視覺感受來看，我覺得唯品會這個效果比京東清晰一些，沒有那么多視覺噪點。
美團和拼多多則都是在對應(yīng)選項上彈出下拉框，具體下拉框展示的操作按鈕，則和當(dāng)下的場景有一定關(guān)聯(lián)。
五、QQ
說句題外話，你有多久沒登錄qq了？月初看到一篇寫qq交互的文章，我才進入手機qq掃了一眼，很快又退出來了。唉，真是一代人的記憶~落寞了。
不過講真，QQ的很多交互還是做的很不錯的，包含了很多游戲式的交互動畫、細(xì)節(jié)，感興趣的同學(xué)可以去慢慢挖掘。
在今天這個話題上，QQ同樣表現(xiàn)優(yōu)異，左滑和長按都支持，只看這一點，我覺得比微信好。而且在長按之后，只顯示了一個很靈巧的浮框，既不遮擋，交互路徑也很短。
然而用戶體驗和用戶黏性并不相關(guān)，這個現(xiàn)象留著以后慢慢聊吧。
六、飛書
最讓我感到驚艷的，還是飛書。
飛書的用戶體驗真是沒得說，在這樣一個小細(xì)節(jié)上，不僅長按和左滑都支持，還有不一樣的亮點設(shè)計。
左滑之后只有兩個選項：置頂和標(biāo)記。沒有刪除？是的，沒有刪除！我也很驚訝。但換個角度想想，微信、QQ都是以個人用戶為內(nèi)核，而飛書則是團隊協(xié)同，所以干脆就不讓刪唄。
另外，飛書右滑也能解鎖一個新的交互，至于是什么，你可以去試試~
當(dāng)然，最驚艷的還是在長按后的交互上，話不多說，直接看圖吧！
七、今日頭條
是最讓人失望的今日頭條。
頭條的刪除，不僅只支持長按，在長按后用戶的操作路徑上也是最遠(yuǎn)的。竟然讓我的手指，挪到最底部，真的是不方便的媽媽給不方便開門，不方便到家了。
八、寫在最后
通過上述不同軟件的對比，想必大家會發(fā)現(xiàn)，一個簡簡單單的操作，還能有這么多的設(shè)計方式。同時也會發(fā)現(xiàn)，培養(yǎng)用戶習(xí)慣很難，讓大部分用戶用得滿意，更難。
這需要我們產(chǎn)品設(shè)計者從一個個細(xì)節(jié)出發(fā)，從用戶的操作意圖出發(fā)，考慮用戶習(xí)慣、用戶路徑、用戶使用環(huán)境、視覺效果、反饋的及時性和準(zhǔn)確性等等方面，才能慢慢打磨出真正讓用戶驚喜的產(chǎn)品。
專欄作家
不想延期，公眾號：不想延期，人人都是產(chǎn)品經(jīng)理專欄作家。半路轉(zhuǎn)行的B端泛金融產(chǎn)品，堅持“以實踐驗證理論，以輸出倒逼成長”的目標(biāo)。點滴珍貴，重在積累
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自 Unsplash，基于CC0協(xié)議。
該文觀點僅代表作者本人，人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。
- 目前還沒評論，等你發(fā)揮！
