輸入框與按鈕模糊的邊界

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

于是同事把按鈕改成輸入框的樣式儡首,雖然本質上仍然是一個按鈕點擊后喚起真正的輸入框片任,但用戶會認為這是輸入框不是按鈕,點擊率確實提高了不少蔬胯。

事實上很多社交 App 的評論都是這么設計的对供,雖然在邏輯上并沒用減少點擊次數和頁面跳轉次數,但用戶的心理會認為輸入框比按鈕更輕量氛濒,負擔更小产场,更愿意去點擊。

最近發(fā)現阿里系所有 App 在首頁搜索框右邊特地再加了一個搜索按鈕舞竿。首先這個設計邏輯不對京景,輸入框中占位符有預置的搜索詞。從用戶預期上來說骗奖,點擊之后應該把這個預置的搜索詞的搜索結果給我确徙,但實際上只是打開搜索的界面而已靡菇。

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

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

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

  1. 首頁下半部分內容太多視覺樣式復雜漱竖,加按鈕使得搜索入口更突出更具有指示性,可以第一時間就被用戶發(fā)現畜伐。
  2. 由于阿里的產品用戶體量太廣馍惹,老年人并不知道輸入框和??放大鏡圖標代表搜索,因此特地加上醒目的按鈕告知玛界。
  3. 在避免老年用戶點擊搜索按鈕后直接進入預置詞搜索結果頁面万矾,使他們更加困惑:“我只是想要搜索,這些都是什么慎框?”良狈,就沒有直接跳轉到搜索結果頁,而只是打開搜索頁面笨枯。

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

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

這是非常好的改版阻问,因為“出發(fā)地”和“目的地”本質上都不是輸入框。由于滴滴地圖定位技術能力趨近成熟沦疾,很多情況不需要手動輸入称近,“出發(fā)地”由輸入框弱化成右箭頭能給真正要用戶輸入的“目的地”留給更大的空間∠“目的地”占位符加黑加粗能提升用戶的操作效率刨秆。

以上這些案例可能預示著新的設計趨勢,這讓我也陷入沉思忆畅,輸入框和按鈕的邊界到底是什么衡未?

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

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末如失,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子送粱,更是在濱河造成了極大的恐慌褪贵,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,542評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件抗俄,死亡現場離奇詭異脆丁,居然都是意外死亡,警方通過查閱死者的電腦和手機动雹,發(fā)現死者居然都...
    沈念sama閱讀 90,596評論 3 385
  • 文/潘曉璐 我一進店門槽卫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人胰蝠,你說我怎么就攤上這事歼培。” “怎么了茸塞?”我有些...
    開封第一講書人閱讀 158,021評論 0 348
  • 文/不壞的土叔 我叫張陵丐怯,是天一觀的道長。 經常有香客問我翔横,道長读跷,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,682評論 1 284
  • 正文 為了忘掉前任禾唁,我火速辦了婚禮效览,結果婚禮上,老公的妹妹穿的比我還像新娘荡短。我一直安慰自己丐枉,他們只是感情好,可當我...
    茶點故事閱讀 65,792評論 6 386
  • 文/花漫 我一把揭開白布掘托。 她就那樣靜靜地躺著瘦锹,像睡著了一般。 火紅的嫁衣襯著肌膚如雪闪盔。 梳的紋絲不亂的頭發(fā)上弯院,一...
    開封第一講書人閱讀 49,985評論 1 291
  • 那天,我揣著相機與錄音泪掀,去河邊找鬼听绳。 笑死,一個胖子當著我的面吹牛异赫,可吹牛的內容都是我干的椅挣。 我是一名探鬼主播头岔,決...
    沈念sama閱讀 39,107評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼鼠证!你這毒婦竟也來了峡竣?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,845評論 0 268
  • 序言:老撾萬榮一對情侶失蹤量九,失蹤者是張志新(化名)和其女友劉穎适掰,沒想到半個月后,有當地人在樹林里發(fā)現了一具尸體娩鹉,經...
    沈念sama閱讀 44,299評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,612評論 2 327
  • 正文 我和宋清朗相戀三年稚伍,在試婚紗的時候發(fā)現自己被綠了弯予。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,747評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡个曙,死狀恐怖锈嫩,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情垦搬,我是刑警寧澤呼寸,帶...
    沈念sama閱讀 34,441評論 4 333
  • 正文 年R本政府宣布,位于F島的核電站猴贰,受9級特大地震影響对雪,放射性物質發(fā)生泄漏。R本人自食惡果不足惜米绕,卻給世界環(huán)境...
    茶點故事閱讀 40,072評論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望栅干。 院中可真熱鬧迈套,春花似錦、人聲如沸碱鳞。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,828評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽窿给。三九已至贵白,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間崩泡,已是汗流浹背戒洼。 一陣腳步聲響...
    開封第一講書人閱讀 32,069評論 1 267
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留允华,地道東北人圈浇。 一個月前我還...
    沈念sama閱讀 46,545評論 2 362
  • 正文 我出身青樓寥掐,卻偏偏與公主長得像,于是被迫代替她去往敵國和親磷蜀。 傳聞我的和親對象是個殘疾皇子召耘,可洞房花燭夜當晚...
    茶點故事閱讀 43,658評論 2 350

推薦閱讀更多精彩內容