如果你在微信中加入了不少的群組，而這些群組又很熱鬧的話，你一定遇到過(guò)這樣的情況——面對(duì)數(shù)十條甚至數(shù)百條新消息，即便一鍵回到頂部，也不知道該從何看起，更無(wú)從知曉大家在這段時(shí)間里討論了什么話題、新聞了。

微信本身是一個(gè)比較「流式信息」的產(chǎn)品，和絕大部分的 IM 一樣，對(duì)于信息的沉淀是比較困難的，尤其是發(fā)生在過(guò)去的信息，想要重新閱讀、提煉，甚至搜索，都是極為困難的。當(dāng)用戶面對(duì)這么多的未讀消息，他最迫切想知道的，就是這段時(shí)間內(nèi)到底有沒(méi)有他感興趣的話題。如果有，那用戶又希望能快速定位到這段對(duì)話發(fā)生的時(shí)刻，閱讀后還可以與朋友閑聊幾句。

改進(jìn)前

因此，我試圖進(jìn)行一個(gè)小的功能改進(jìn)。

總的思路，希望通過(guò)技術(shù)手段，能夠檢索這段未讀消息中的高頻短語(yǔ)、隊(duì)形句子（應(yīng)該不難做到，但是流暢度有待考量），然后在視覺(jué)上呈現(xiàn)給用戶。

最初，我是這樣設(shè)計(jì)的。

改進(jìn)后（放棄）

簡(jiǎn)單解釋一下，注意到右上角新增的兩個(gè)按鈕，意指在新消息中檢測(cè)到的「熱點(diǎn)」。鑒于隊(duì)形（短時(shí)間內(nèi)連續(xù)重復(fù)出現(xiàn)的句子）和話題（一段時(shí)間內(nèi)反復(fù)出現(xiàn)的短語(yǔ)）在技術(shù)上比較容易檢測(cè)和甄別，因此選擇這兩個(gè)內(nèi)容作為「熱點(diǎn)」。

通過(guò)點(diǎn)擊兩個(gè)「熱點(diǎn)」按鈕中的一個(gè)，可以快速跳躍到出現(xiàn)「熱點(diǎn)」的段落處，并且被點(diǎn)擊的條目消失，這樣就可以快速查看感興趣的內(nèi)容了。

如此設(shè)計(jì)的壞處有這些：首先，右上角的視覺(jué)呈現(xiàn)變得比較復(fù)雜，有可能過(guò)份阻擋了用戶查看正常消息的視線；其次，連續(xù)擺放的三個(gè)待選按鈕容易讓用戶產(chǎn)生迷惑，糾結(jié)到底該如何選擇；最后，大屏操作中右上角本來(lái)就屬于單手難以觸及的區(qū)域，同時(shí)擺放三個(gè)按鈕誤操作率較高。

因此，我又重新對(duì)功能進(jìn)行了設(shè)計(jì)。

改進(jìn)后（暫時(shí)采納）

前序頁(yè)面依然保持原本的設(shè)計(jì)，即「xx 條新消息」，點(diǎn)擊后出現(xiàn)上述頁(yè)面。通過(guò)這樣的形式，將前一個(gè)設(shè)計(jì)中的選擇問(wèn)題拆分了：用戶點(diǎn)擊「xx 條新消息」，即認(rèn)為對(duì)未讀消息內(nèi)容感興趣，然后再呈現(xiàn)「熱點(diǎn)」按鈕，供用戶進(jìn)行快速跳轉(zhuǎn)。（注意，這是跳轉(zhuǎn)按鈕，不是消息折疊）

這樣做存在的一個(gè)不方便之處是，點(diǎn)擊了某一個(gè)「熱點(diǎn)」（如隊(duì)形）后，跳轉(zhuǎn)到了對(duì)應(yīng)的段落，此時(shí)如果又想查看另一個(gè)「熱點(diǎn)」（如話題），視覺(jué)上呈現(xiàn)就不太方便。解決方案之一是可以在跳轉(zhuǎn)后繼續(xù)保留未點(diǎn)擊的那個(gè)按鈕，供用戶選擇。

最后，關(guān)于「熱點(diǎn)」的技術(shù)檢測(cè)方面，我提供這樣幾個(gè)規(guī)則。

第一、對(duì)于每次未讀消息的監(jiān)控，所提煉出來(lái)的「熱點(diǎn)」上限為兩個(gè)。

第二、「熱點(diǎn)」暫時(shí)只包含「隊(duì)形」和「話題」兩類，其較為容易檢測(cè)，并且能夠在一定程度上代表熱點(diǎn)話題。如果關(guān)鍵詞句比較分散，則不認(rèn)為存在「熱點(diǎn)」。

第三、檢測(cè)動(dòng)作盡可能在用戶操作群組之前完成（后臺(tái)，甚至在服務(wù)器端），而在用戶查看未讀消息時(shí)可以即時(shí)呈現(xiàn)。考慮到效率問(wèn)題，可以適當(dāng)放棄最新的數(shù)十條信息。

最近實(shí)在太忙了，本來(lái)希望可以把動(dòng)畫效果做出來(lái)，會(huì)更加直觀一些，如果周末有空的話我會(huì)補(bǔ)上。

不過(guò)說(shuō)到底，也只是我 YY 的一個(gè)功能啦，你會(huì)喜歡嗎？

一起來(lái)討論討論吧。

作者：@王鎮(zhèn)雷(微信公眾號(hào)：zhenlei_pd）

來(lái)源：簡(jiǎn)書

原文地址：http://www.jianshu.com/p/7cb8ec7aac51