最近做了動態(tài)話題功能，發(fā)現(xiàn)小小一個“輸入#號”的動作也有很多細(xì)節(jié)。

在手動輸入#號創(chuàng)建一個話題的時候，需要一邊輸入一邊給出話題實時搜索建議。PC上常見的交互是在輸入的位置再疊加一個小浮層，這樣既不影響用戶繼續(xù)打字，也方便查看點(diǎn)選。

但到了手機(jī)上，鍵盤的彈出已經(jīng)占據(jù)了大半壁江山，此時若在輸入的位置再貼一塊膏藥，輸入空間就更顯局促，感覺不夠優(yōu)雅。

所以在手機(jī)上的常見交互是，輸入#號的同時就跳轉(zhuǎn)到一個新頁面，在新頁面上你可以繼續(xù)輸入或者選擇下面的搜索結(jié)果。

這種輸入體驗顯然沒有PC端那么自然，因為它屬于沒有預(yù)期的跳轉(zhuǎn)——#號看上去和鍵盤上的其他符號沒有區(qū)別，可偏偏點(diǎn)擊它的時候就跳到了一個新界面，有種被迫停一下的感覺。

發(fā)現(xiàn)還是有一些敢于吃螃蟹的設(shè)計，果斷地將PC端的交互沿用到了手機(jī)端，比如twitter：

輸入#號后，在鍵盤之上即刻出現(xiàn)一個半浮層。你可以在當(dāng)前界面繼續(xù)打字，或者選擇半浮層中的搜索結(jié)果。當(dāng)你想查看更多向上滾動時，才會推入一個新頁面。

雖然輸入空間看上去變得更局促，但能明顯體驗到這種減少跳轉(zhuǎn)的設(shè)計所帶來的輸入流暢度提升！

移動設(shè)備由于屏幕較小，當(dāng)一屏內(nèi)無法同時承載多種任務(wù)的交互界面時，出于“本能”設(shè)計師通常會將一些任務(wù)新開一個界面去完成，好讓單個頁面“看上去更簡單”。

然而看上去簡單和用起來簡單并不能劃等號。

俞靜（微信公眾號：聽音樂做設(shè)計），現(xiàn)任網(wǎng)易云音樂交互負(fù)責(zé)人。

本文由 @俞靜 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉(zhuǎn)載。