交互-按鈕置灰與不置灰

理了下按鈕置灰還是不置灰的邏輯,總結(jié)講就是
簡(jiǎn)單的置灰,復(fù)雜的不置灰
單項(xiàng)的置灰,多項(xiàng)的不置灰

簡(jiǎn)單的置灰,單項(xiàng)的置灰

充值.jpeg
提現(xiàn).jpeg
寫評(píng)論.jpeg
登錄.png

類似這樣,僅有輸入框和按鈕,輸入內(nèi)容格式較固定,用戶熟悉且知道如何輸入的頁(yè)面,用置灰按鈕。
a,置灰的按鈕暗示用戶頁(yè)面需要填寫一些信息
b,按鈕從置灰到亮起,告知用戶可以提交
c,免去了未輸入內(nèi)容空提交時(shí)的錯(cuò)誤提示。

復(fù)雜的不置灰,多項(xiàng)的不置灰

WechatIMG60.jpeg
WechatIMG61.jpeg

按鈕除了提交功能,表單未完成時(shí)還起提示和引導(dǎo)的功能。在填表單和提交表單時(shí),點(diǎn)擊按鈕,會(huì)出現(xiàn)引導(dǎo)完善表單的提示。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 對(duì)于一個(gè)網(wǎng)站而言,加載時(shí)間、導(dǎo)航視圖、頁(yè)面布局,乃至按鈕的大小都屬于易用性范疇。除了網(wǎng)站設(shè)計(jì),易用性同樣適用于移動(dòng)...
    c伴盞流年閱讀 1,456評(píng)論 0 8
  • 一、文本框?yàn)樽址?必填項(xiàng)非空校驗(yàn): 1、必填項(xiàng)未輸入--程序應(yīng)提示錯(cuò)誤; 2、必填項(xiàng)只輸入若干個(gè)空格,未輸入其它...
    許小小晴閱讀 4,826評(píng)論 0 2
  • 界面是軟件與用戶交互的最直接的層,界面的好壞決定用戶對(duì)軟件的第一印象。而且設(shè)計(jì)良好的界面能夠引導(dǎo)用戶自己完成...
    A夢(mèng)想才讓心跳存在閱讀 1,148評(píng)論 0 4
  • 1、窗體 1、常用屬性 (1)Name屬性:用來獲取或設(shè)置窗體的名稱,在應(yīng)用程序中可通過Name屬性來引用窗體。 ...
    Moment__格調(diào)閱讀 4,805評(píng)論 0 11
  • 目標(biāo):近三個(gè)月收入增加五萬元,種出自己財(cái)富業(yè)力伙伴,幫助更多的人。 1.給父母及男友父母各存5元錢,感恩他們的付出...
    空空dj閱讀 204評(píng)論 0 0

友情鏈接更多精彩內(nèi)容