看到“#”并不陌生驶臊，比如在撥打客服電話時(shí)，會被要求輸入#加一串?dāng)?shù)字叼丑，或以#結(jié)束关翎。發(fā)微博時(shí)選擇話題也有用到，在微博中鸠信， #文本文本# 表示話題纵寝。比如輸入：我很#開心#。然后發(fā)送星立，你會發(fā)現(xiàn)#開心#變成了一個(gè)超鏈接按鈕爽茴。點(diǎn)擊這個(gè)按鈕，你就會進(jìn)入關(guān)于“開心”的話題绰垂，看到所有包含#開心#的微博室奏。極大的方便了用戶查找同類或同話題微博。

體驗(yàn)了幾個(gè)APP劲装，發(fā)現(xiàn)“添加話題”里面的設(shè)計(jì)細(xì)節(jié)真是不少胧沫，下面結(jié)合例子說明昌简。

微視和Keep

微視發(fā)布視頻和Keep發(fā)布新動態(tài)屬于功能較簡單的，都只能添加一個(gè)話題绒怨。他們都有獨(dú)立的觸發(fā)入口和顯示位置纯赎，但微視的尺寸更小、位置相對更隱蔽一些南蹂，當(dāng)然這也和微視要兼顧其他功能有關(guān)犬金。

在選擇話題頁，均有搜索功能六剥，Keep因?yàn)樵掝}較多晚顷，增加了分類篩選功能，微視則沒有仗考。此外音同，微視也不支持用戶新建/自定義話題。如要取消話題秃嗜，二者都需要到選擇話題頁面進(jìn)行取消权均。

?

新浪微博和抖音

新浪微博恐怕是國內(nèi)較早一批做話題功能的，功能明顯更全面锅锨。但我們也很容易發(fā)現(xiàn)抖音的設(shè)計(jì)創(chuàng)新點(diǎn)叽赊。

相同點(diǎn)：

（1）都是多觸發(fā)入口：點(diǎn)擊“#按鈕”，以及鍵盤輸入#均可觸發(fā)必搞；

（2）都能插入多個(gè)話題必指；

（3）話題屬于內(nèi)容文本的一部分，作為字符計(jì)入文本長度恕洲，顏色區(qū)別于正常文本塔橡，且可以通過鍵盤刪除或移動光標(biāo)對已添加的話題進(jìn)行直接編輯；

（4）支持用戶自定義話題霜第；

（5）在話題列表都展示熱門和最近使用的話題葛家；

不同點(diǎn)：

（1）#的數(shù)量不同：微博有2個(gè)#號，抖音只有1個(gè)#號泌类；

（2）鍵盤輸入#后的交互效果不同：微博輸入#后跳轉(zhuǎn)話題列表頁面癞谒，抖音輸入#后停留在當(dāng)前頁；

（3）話題頁顯示方式不同：微博是在新頁面打開刃榨，可進(jìn)行分類篩選和搜索弹砚；抖音是根據(jù)用戶操作在當(dāng)前頁擴(kuò)展了一塊區(qū)域進(jìn)行展示（漸進(jìn)顯示原則）；

（4）直接輸入話題時(shí)枢希，確認(rèn)結(jié)束輸入的方式不同：微博輸入后一個(gè)“#”確認(rèn)輸入完成桌吃，但仍會跳轉(zhuǎn)話題列表頁面，需要點(diǎn)擊取消返回發(fā)布頁（可以當(dāng)做bug了）苞轿。抖音輸入空格后茅诱，即可確認(rèn)輸入話題完畢为流。

脈脈

脈脈的做法則是在發(fā)布成功后再彈出“添加主題”彈窗，基于推薦策略让簿，讓用戶選擇要發(fā)布的主題。

PC端的處理方法

雖然移動至上秀睛，我們也可以研究下PC端的處理方法進(jìn)行對比尔当。這里主要調(diào)研了“添加標(biāo)簽”這一功能。

幾個(gè)設(shè)計(jì)注意點(diǎn)：

（1）標(biāo)簽確認(rèn)方式：回車和空格（花瓣支持兩種蹂安，其他都是僅支持回車）

（2）標(biāo)簽數(shù)量：一般是5個(gè)椭迎；

（3）標(biāo)簽長度和超長處理：

最大長度一般是10-15不等；

超長顯示：彈性長度田盈，顯示規(guī)定長度內(nèi)的所有輸入內(nèi)容畜号；顯示部分內(nèi)容+...；

超長提示/處理：有彈窗提示（頭條號）允瞧，也有在頁面內(nèi)輸入框附件進(jìn)行提示（微信公眾號）简软，還可以直接刪除多余的內(nèi)容（百家號）；

（4）刪除方式：鍵盤的BackSpace鍵(退格鍵)和Delete鍵(刪除鍵)述暂，鼠標(biāo)點(diǎn)擊“x”或整個(gè)標(biāo)簽痹升；

（5）修改已填入的標(biāo)簽：目前均不支持對已填入的標(biāo)簽進(jìn)行修改；

結(jié)語

體驗(yàn)好壞的評價(jià)標(biāo)準(zhǔn)和功能的多少無直接關(guān)聯(lián)畦韭，適合的才是最好的疼蛾，希望本文能幫助到你。