文章由作者自身使用產(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é)議