91aaa在线国内观看,亚洲AV午夜福利精品一区二区,久久偷拍人视频,久久播这里有免费视播

<strong id="fvuar"></strong>

  • <sub id="fvuar"><dl id="fvuar"><em id="fvuar"></em></dl></sub>

    1. 千鋒教育-做有情懷、有良心、有品質的職業(yè)教育機構

      手機站
      千鋒教育

      千鋒學習站 | 隨時隨地免費學

      千鋒教育

      掃一掃進入千鋒手機站

      領取全套視頻
      千鋒教育

      關注千鋒學習站小程序
      隨時隨地免費學習課程

      當前位置:首頁  >  技術干貨  > 輸入框與按鈕模糊的邊界

      輸入框與按鈕模糊的邊界

      來源:千鋒教育
      發(fā)布人:wjy
      時間: 2022-06-08 14:59:00 1654671540

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

      輸入框與按鈕模糊的邊界109

       

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

      輸入框與按鈕模糊的邊界179

       

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

      輸入框與按鈕模糊的邊界259

       

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

      輸入框與按鈕模糊的邊界370

       

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

      輸入框與按鈕模糊的邊界424

       

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

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

        1. 首頁下半部分內容太多視覺樣式復雜,加按鈕使得搜索入口更突出更具有指示性,可以第一時間就被用戶發(fā)現(xiàn)。

        2. 由于阿里的產(chǎn)品用戶體量太廣,老年人并不知道輸入框和放大鏡圖標代表搜索,因此特地加上醒目的按鈕告知。

        3. 在避免老年用戶點擊搜索按鈕后直接進入預置詞搜索結果頁面,使他們更加困惑:“我只是想要搜索,這些都是什么?”,就沒有直接跳轉到搜索結果頁,而只是打開搜索頁面。

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

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

      輸入框與按鈕模糊的邊界873

       

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

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

        我們是要教育用戶這個輸入框那個是按鈕,還是按著他們的天性不斷模糊兩者的界限,說不定哪天會因此產(chǎn)生一個新的控件來專門代指這種模糊邊界呢。更多關于“UI培訓”的問題,歡迎咨詢千鋒教育在線名師,如果想要了解我們的師資、課程、項目實操的話可以點擊咨詢課程顧問,獲取試聽資格來試聽我們的課程,在線零距離接觸千鋒教育大咖名師,讓你輕松從入門到精通。

      tags:
      聲明:本站稿件版權均屬千鋒教育所有,未經(jīng)許可不得擅自轉載。
      10年以上業(yè)內強師集結,手把手帶你蛻變精英
      請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
      免費領取
      今日已有369人領取成功
      劉同學 138****2860 剛剛成功領取
      王同學 131****2015 剛剛成功領取
      張同學 133****4652 剛剛成功領取
      李同學 135****8607 剛剛成功領取
      楊同學 132****5667 剛剛成功領取
      岳同學 134****6652 剛剛成功領取
      梁同學 157****2950 剛剛成功領取
      劉同學 189****1015 剛剛成功領取
      張同學 155****4678 剛剛成功領取
      鄒同學 139****2907 剛剛成功領取
      董同學 138****2867 剛剛成功領取
      周同學 136****3602 剛剛成功領取
      相關推薦HOT