功能思考:關(guān)于「即刻」收藏按鈕的小建議
文章由作者自身使用產(chǎn)品的體驗觀察而起,對「即刻」收藏按鈕提出了簡單的優(yōu)化建議。
1、起因
在即刻瀏覽訂閱內(nèi)容時,有篇比較長的文章想收藏后有時間再閱讀。
1.尋找收藏功能。
2. 收藏按鈕并沒有出現(xiàn)在界面中,在左上角的二級菜單中。
3. 二級菜單的出現(xiàn)位置,有兩種,根據(jù)內(nèi)容在屏幕中的位置而決定,如下圖。
4. 點擊【加入收藏】。
在點擊【加入收藏】時,下意識地點擊在圖表及文字部分(下圖紅框區(qū)域),而實際上點擊藍色區(qū)域也能收藏。
為什么會這樣?這樣的收藏按鈕是不是還可以優(yōu)化一下呢?
2、分析
2.1 為什么將收藏放入二級菜單?
下圖是即刻每條內(nèi)容的框架:
即刻在3.4.0版本更新時,將原來的『喜歡』變成『收藏』進入二級菜單,而原本『喜歡』的位置成為了『贊』。
在版本更新中,有這么一段文字:
以后不必再為“喜歡”代表的到底是什么而困擾了。
由此可知,在3.4.0之前的版本中,用戶對于『喜歡』產(chǎn)生了巨大的困擾,為此將『喜歡』分割成兩部分『贊』和『收藏』。
在『點贊』、『評論』、『分享至動態(tài)』、『外部分享』中,放棄直接顯示『收藏』的原因,我猜測如下:
- 點贊功能的使用率要高于收藏功能。因此優(yōu)先級要高于收藏。
- 分享至動態(tài)功能幫助用戶建立個人品牌,加強社區(qū)性功能。
- 外部分享功能在借助用戶自發(fā)性行為推廣拉新。
正如其名,即刻希望希望用戶能即刻受到資訊,即刻閱讀。如此來說,收藏是否有些不符,故而將其收進二級菜單。(這條比較勉強,因為我找不出比較的理由)。
2.2 為什么二級菜單的位置要浮動
為了讓用戶更便捷的操作。拇指在手機屏幕上的活動區(qū)域如下。當(dāng)內(nèi)容的處于屏幕中上部時,二級菜單顯示在菜單按鈕下面;當(dāng)屏幕處于中部及底部時,二級菜單顯示在菜單按鈕上面。
上圖來自 為拇指區(qū)域設(shè)計。
2.3 為什么會產(chǎn)生那樣的下意識行為?產(chǎn)生這種下意識行為的用戶多還是少?
產(chǎn)生這種下意識行為的原因是各類產(chǎn)品中都采用非常多的留白空間,而這些空白區(qū)域都是無作用的。因而會產(chǎn)生那種下意識行為。
產(chǎn)生這種下意識行為的用戶應(yīng)該不是少數(shù),但在幾次糾正之后,便會適應(yīng)。若我沒有嘗試在藍色區(qū)域點擊,或許會一直是點擊紅色區(qū)域。雖然自己一直刻意讓自己去點擊藍色區(qū)域,但偶爾還是會去點擊紅色區(qū)域。
2.4 實現(xiàn)收藏的路徑
理論上,實現(xiàn)收藏最長及最短的路徑如下:
兩者相差近6倍,但實際情況應(yīng)該相差2倍左右。點擊菜單按鈕后,拇指最舒適的狀態(tài)是往左下移動;拇指長度畢竟有限,大多數(shù)人不會非要去點擊圖標(biāo)。因而實際點擊區(qū)域應(yīng)當(dāng)如下:
2.5 這些差別很大嗎?
產(chǎn)品是在為了更好的解決用戶需求,應(yīng)當(dāng)為用戶提供最優(yōu)的方案。雖然這個需求修改帶來的收益不是很高,但修改的成本也很低。
3、建議
3.1 目前收藏按鈕存在的問題:
二級菜單容易引起用戶實現(xiàn)更長的操作路徑,而非最優(yōu)路徑。
二級菜單的邊框與手機邊框重疊,而實際內(nèi)容卻不多,顯得空間很擁擠。
兩者箭頭沒有對齊,逼死強迫癥呀。
3.2 我那不成氣候的小方案
4、總結(jié)
其實方案就是很常見的二級菜單,主要是在思考為什么即刻目前收藏按鈕的問題。
我只是一個剛進入產(chǎn)品領(lǐng)域的菜鳥,有很多思考不對的地方,希望大佬們多多指點。
本文由 @?吉諾是比利 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自PEXELS,基于CC0協(xié)議
沒有看懂667和98
其實分析思路還是到位的, 就是場景完全從自己出發(fā), 從起因的地方,可以多考慮考慮
收藏這樣是調(diào)用了控件,比較方便。
哦!謝謝大佬!
你看人人pm的收藏按鈕 和分享那些同級的,因為很多人看文章主要是被標(biāo)題吸引,有時候粗略的瀏覽個大概,如果是想詳細(xì)看或是準(zhǔn)備空了看 收藏自然都很重要,你注意他按鈕順序都是很符合用戶使用行為和心理的。 至于規(guī)范你可以去看看ui設(shè)計了 我也是成長中的新人。