在數(shù)字界面設(shè)計中，輸入框和按鈕是我們最常接觸的控件，它們看似簡單，實則蘊含著復(fù)雜的用戶交互邏輯。本文通過一系列生動的案例分析，探討了輸入框與按鈕之間的模糊邊界，以及這種設(shè)計趨勢如何影響用戶體驗。

之前在做在線問診的時候，有些患者明明有追問的需求，但是卻不敢點擊追問按鈕。我們分析下來，猜測可能是因為追問這個按鈕特別像是一個表單的提交動作，用戶不知道點完之后會發(fā)生什么，有些害怕，不敢點擊。

于是同事把按鈕改成輸入框的樣式，雖然本質(zhì)上仍然是一個按鈕點擊后喚起真正的輸入框，但用戶會認為這是輸入框不是按鈕，點擊率確實提高了不少。

事實上很多社交 App 的評論都是這么設(shè)計的，雖然在邏輯上并沒用減少點擊次數(shù)和頁面跳轉(zhuǎn)次數(shù)，但用戶的心理會認為輸入框比按鈕更輕量，負擔(dān)更小，更愿意去點擊。

最近發(fā)現(xiàn)阿里系所有 App 在首頁搜索框右邊特地再加了一個搜索按鈕。

首先這個設(shè)計邏輯不對，輸入框中占位符有預(yù)置的搜索詞。從用戶預(yù)期上來說，點擊之后應(yīng)該把這個預(yù)置的搜索詞的搜索結(jié)果給我，但實際上只是打開搜索的界面而已。

為什么搜索框這么明顯還多此一舉加個邏輯不對的按鈕？有次我無意中觀察一位老人使用豐巢快遞柜時找到了思路。

老人家先是點擊了“取件碼取快遞”文案，發(fā)現(xiàn)無效果后再點擊“確認”按鈕，最后才點擊了輸入框。我猜測老人是抱著“用取件碼就能取到快遞”這個想法，視力不佳又沒有對輸入框形成認知，忽略了輸入框的占位符文案“請輸入取件碼”，因此先點擊上方的文案，在沒有奏效后嘗試點擊視覺上最好點擊的按鈕。

之所以阿里特地在搜索框上加按鈕是因為：

1. 首頁下半部分內(nèi)容太多視覺樣式復(fù)雜，加按鈕使得搜索入口更突出更具有指示性，可以第一時間就被用戶發(fā)現(xiàn)。
2. 由于阿里的產(chǎn)品用戶體量太廣，老年人并不知道輸入框和?放大鏡圖標(biāo)代表搜索，因此特地加上醒目的按鈕告知。
3. 在避免老年用戶點擊搜索按鈕后直接進入預(yù)置詞搜索結(jié)果頁面，使他們更加困惑：“我只是想要搜索，這些都是什么？”，就沒有直接跳轉(zhuǎn)到搜索結(jié)果頁，而只是打開搜索頁面。

我?guī)е@個猜想去請教在阿里工作的朋友，得到的答復(fù)非常簡單干脆——加了按鈕點擊率更高。

無獨有偶，前段時間滴滴 App 大改版，出發(fā)地”由輸入框改為右箭頭，“目的地”的輸入框占位符由傳統(tǒng)淺灰色變成加黑加粗的特大字體。

這是非常好的改版，因為“出發(fā)地”和“目的地”本質(zhì)上都不是輸入框。由于滴滴地圖定位技術(shù)能力趨近成熟，很多情況不需要手動輸入，“出發(fā)地”由輸入框弱化成右箭頭能給真正要用戶輸入的“目的地”留給更大的空間?！澳康牡亍闭嘉环雍诩哟帜芴嵘脩舻牟僮餍省?/p>

以上這些案例可能預(yù)示著新的設(shè)計趨勢，這讓我也陷入沉思，輸入框和按鈕的邊界到底是什么？

我們是要教育用戶這個輸入框那個是按鈕，還是按著他們的天性不斷模糊兩者的界限，說不定哪天會因此產(chǎn)生一個新的控件來專門代指這種模糊邊界呢。