微信交互設(shè)計(jì) | 關(guān)于文字「長(zhǎng)按彈出菜單」的優(yōu)化建議
編輯導(dǎo)語(yǔ): 在互聯(lián)網(wǎng)產(chǎn)品中,“交互設(shè)計(jì)”對(duì)用戶體驗(yàn)產(chǎn)生很大影響。截至目前,微信有著10億+的日活用戶。作為這十億分之一,你有長(zhǎng)時(shí)間被某一功能設(shè)計(jì)的不完善而困擾嗎?本文作者將以用戶角度,對(duì)微信「長(zhǎng)按文字彈出菜單」提出優(yōu)化建議,一起來(lái)看看。
一、什么是「長(zhǎng)按彈出菜單」?
設(shè)計(jì)「長(zhǎng)按彈出菜單」是因?yàn)橐苿?dòng)端產(chǎn)品單屏可顯示的內(nèi)容有限,為了簡(jiǎn)化頁(yè)面內(nèi)容和增加沉浸式體驗(yàn),需要隱藏很多次要功能。而“長(zhǎng)按”則是喚醒次要功能的首選方式,“彈出菜單”則是給用戶提供內(nèi)容的二次操作。
在交互上,手指長(zhǎng)按選中文字的動(dòng)作會(huì)彈出一個(gè)“選項(xiàng)框”,這個(gè)“選項(xiàng)框”中所提供的動(dòng)作選項(xiàng)就是「長(zhǎng)按文字彈出菜單」。
二、微信「長(zhǎng)按文字彈出菜單」目前有功能有哪些?
體驗(yàn)設(shè)備:iPhone XR
體驗(yàn)版本:8.0.14
微信在不同板塊,對(duì)文字「長(zhǎng)按彈出菜單」的功能設(shè)計(jì)也不一樣。像“聊天頁(yè)面”的文字彈出功能最多,有復(fù)制、轉(zhuǎn)發(fā)、收藏、刪除等八個(gè)選項(xiàng);“公眾號(hào)”的居中,“朋友圈”的最少。
對(duì)于「長(zhǎng)按文字彈出菜單」設(shè)計(jì)的不同也并不感到奇怪,因?yàn)槊總€(gè)板塊所對(duì)應(yīng)的功能和用戶需求是不一樣的。比如“聊天界面”主要是用于對(duì)話交流,所以觸發(fā)「文字長(zhǎng)按」的頻率以及對(duì)文字「二次操作」的需求就會(huì)更多,那么相對(duì)的就會(huì)提供多個(gè)操作選項(xiàng)來(lái)滿足各方面的需求。
而本文對(duì)于文字「長(zhǎng)按彈出菜單」的優(yōu)化建議是針對(duì)用“微信內(nèi)置瀏覽器”所打開(kāi)的文章中,優(yōu)化建議為:在文章里提供「長(zhǎng)按文字轉(zhuǎn)發(fā)」的功能。
三、為什么要在文章里提供「長(zhǎng)按文字轉(zhuǎn)發(fā)」的功能?
首先,我們先不分析這個(gè)功能的用處,而是用逆向思維想一下:微信用戶在瀏覽文章的時(shí)候,為什么會(huì)選擇「長(zhǎng)按」這一段文字?這段文字是用來(lái)干什么的?基于以上問(wèn)題,我從兩種主要用戶類型分析「長(zhǎng)按文字」的使用場(chǎng)景和路徑。
1. 無(wú)目的型用戶
特征:不帶目的地瀏覽文章,用于娛樂(lè)消遣(類似刷微博、看頭條等)。
這類用戶一般會(huì)從“訂閱號(hào)消息”或“看一看”等地方瀏覽最新或感興趣的推文。像刷微博、看頭條一樣,用于娛樂(lè)消遣的文章,一般是看完一個(gè)接一個(gè),沉浸式瀏覽。所以這類用戶觸發(fā)「長(zhǎng)按文字」一般有兩個(gè)原因:
一是對(duì)“所選文字”有疑惑,影響了文段或篇幅的理解,所以會(huì)點(diǎn)擊“搜一搜”或“查詢”檢索答案。
二是對(duì)“所選文字”感興趣,需要保留的,那么就可以通過(guò)「復(fù)制粘貼」發(fā)給自己或「共享」保存到備忘錄。而前者路徑過(guò)長(zhǎng)(下面內(nèi)容會(huì)做詳細(xì)解釋),這也是為什么需要加「轉(zhuǎn)發(fā)」功能的原因。后者操作比較隱蔽,因?yàn)椤腹蚕怼固峁┑倪x擇很多。
2.任務(wù)型用戶
特征:帶有目的地瀏覽文章,用于學(xué)習(xí)、辦公等方面的檢索(類似查百度、搜知乎等)
這類用戶一般是從“搜一搜”或“公眾號(hào)”里進(jìn)行檢索,有些則是從“聊天界面”打開(kāi)文章鏈接。因?yàn)槭怯心康牡剡M(jìn)行瀏覽,所以最重要的是能找到“有效信息”。在找到“有效信息”后,就會(huì)觸動(dòng)「文字長(zhǎng)按」的操作,目的是為了引用這一段文字,而不是一整篇文章。所以,單對(duì)文章有「轉(zhuǎn)發(fā)」功能是不夠的。“文字再引用”就是我認(rèn)為需要增加「轉(zhuǎn)發(fā)」功能的原因。
下面給大家看一下“文字再引用”的現(xiàn)有路徑和增加「轉(zhuǎn)發(fā)」功能后的路徑:
現(xiàn)有路徑:選擇文字——復(fù)制——浮窗文章——返回聊天界面——粘貼——發(fā)送。
發(fā)送完后,返回原文的路徑雖然只需要點(diǎn)擊浮窗。但是看完整篇文章后,想要回到開(kāi)始的“搜索結(jié)果頁(yè)面”,又需要在搜一搜或公眾號(hào)重新搜索一遍。這樣以來(lái),用戶反復(fù)操作的頻率就很高?!笍?fù)制文字發(fā)送」的長(zhǎng)路徑就會(huì)打破用戶的沉浸式體驗(yàn),或者說(shuō)“瀏覽計(jì)劃”,從而影響用戶體驗(yàn)。
加上「轉(zhuǎn)發(fā)」功能后的路徑:選擇文字——轉(zhuǎn)發(fā)——發(fā)送文字。
這樣一對(duì)比,加上「轉(zhuǎn)發(fā)」功能后,不僅省略了中間步驟,還可以不打破用戶之前的搜索成本。
補(bǔ)充解釋幾點(diǎn):
此「轉(zhuǎn)發(fā)」只限于微信生態(tài)內(nèi)的轉(zhuǎn)發(fā),主要益于微信生態(tài)內(nèi)各模塊的協(xié)作運(yùn)轉(zhuǎn)。
其中「共享」或「學(xué)習(xí)」改成「轉(zhuǎn)發(fā)」,而非在原有功能上增加。原因是因?yàn)榧由先ズ蟆皬棾霾藛巍睍?huì)冗長(zhǎng),還有就是我認(rèn)為「共享」有點(diǎn)雞肋、「學(xué)習(xí)」有點(diǎn)低頻。
比如在「共享」里選擇隔空投送,好友那邊打開(kāi)界面非常復(fù)雜,還不如微信發(fā)送文字過(guò)去;對(duì)微信、微博不支持“文字共享”,但可以共享發(fā)給QQ、叮叮好友。既然有些不支持“文字共享”,那為何又把它們放進(jìn)「共享」的選項(xiàng)里?「學(xué)習(xí)」就是文本替代的功能,但我認(rèn)為它更適合放在聊天界面,適用于交流。
考慮到「長(zhǎng)按文字轉(zhuǎn)發(fā)」功能對(duì)于用戶來(lái)說(shuō)是“提升類需求”而非“基礎(chǔ)需求”,所以對(duì)于這一功能的開(kāi)發(fā)不會(huì)設(shè)置一級(jí)優(yōu)先。但同時(shí)正是因?yàn)榭梢蕴嵘脩趔w驗(yàn),所以這一功能的設(shè)置也可以算是“錦上添花”。
本文由 @chency 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Pexels,基于CC0協(xié)議
確實(shí)是屬于有用,但不是必要的功能。