PC設(shè)計(jì)中派草,“取消”按鈕是否還需要搀缠?

回想1年前,在跟研發(fā)團(tuán)隊(duì)分享設(shè)計(jì)思路的時(shí)候近迁,曾經(jīng)信誓旦旦的向各位開(kāi)發(fā)的同學(xué)介紹了對(duì)表單設(shè)計(jì)的理解艺普,其中提到了“取消”按鈕存在的必要性。

對(duì)于表單鉴竭、彈出框這類需要有明確的用戶操作頁(yè)面歧譬,“取消”按鈕的作用很多時(shí)候是提供一個(gè)容錯(cuò)性,并且允許用戶在執(zhí)行的過(guò)程中反悔自己的操作并返回到之前的頁(yè)面搏存。

在產(chǎn)生題目上所說(shuō)的問(wèn)題之前瑰步,我一直秉持的“確定”與“取消”需要同時(shí)存在的思路來(lái)進(jìn)行設(shè)計(jì),其原因既包括對(duì)之前自己設(shè)計(jì)理念的繼承璧眠,也是為了能夠讓整個(gè)系統(tǒng)的操作一致起來(lái)缩焦。

然而在進(jìn)行了諸多的表單頁(yè)面的排版和設(shè)計(jì)后,我逐漸對(duì)取消按鈕的存在產(chǎn)生了質(zhì)疑责静,尤其是表單這類頁(yè)面袁滥,其存在感到底有多大?

查閱了網(wǎng)上很多關(guān)于取消按鈕的文章泰演,總結(jié)各自的觀點(diǎn)如下:

  • 非一般的“取消”按鈕
    本文分析了“取消”按鈕在各種場(chǎng)景下的應(yīng)用呻拌,認(rèn)為“取消”按鈕在大多數(shù)情況下有必要存在,但可以適量的進(jìn)行弱化睦焕。
  • 表單中的重置與取消按鈕
    本文分析了“取消”與“撤銷”功能的區(qū)別藐握,認(rèn)為撤銷功能會(huì)比取消功能給用戶帶來(lái)的價(jià)值更大~而對(duì)于取消的按鈕靴拱,本文表示保守的使用即可。
  • 設(shè)計(jì)師猾普,你把「OK」放左邊根本就不 OK 呀袜炕!
    臺(tái)灣小哥的題目總是這么引人注目~本文更多時(shí)間實(shí)在討論“取消”按鈕放在什么位置合適
  • 多按鈕共存——don’t make me think
    我終于找到了跟我想法差不多的文章~~文章提供了2個(gè)觀點(diǎn):
    • 盡可能只提供一個(gè)按鈕給用戶。
    • 當(dāng)存在多種可能時(shí)初家,提供多個(gè)按鈕選擇偎窘,并明示其含義。

似乎取消按鈕的存在與否是一個(gè)比較存在爭(zhēng)議的問(wèn)題溜在,而從我個(gè)人看來(lái)陌知,但凡表單頁(yè)的場(chǎng)景,取消按鈕都可以考慮去掉掖肋。


Paste_Image.png

原因在于仆葡,表單頁(yè)面的返回方式實(shí)在是豐富多彩,可以通過(guò)左上角的面包屑跳轉(zhuǎn)志笼,也可以通過(guò)系統(tǒng)的菜單跳出界面沿盅,實(shí)在不想填了~還可以直接關(guān)閉掉整個(gè)頁(yè)面。

類似的還包括這種彈出層的表單纫溃,右上角的關(guān)閉按鈕已經(jīng)是很明顯的選擇了~

Paste_Image.png

但如果一味的把取消按鈕去掉腰涧,似乎很多場(chǎng)景就變成了死胡同,例如


Paste_Image.png

這種MAC上這種連個(gè)關(guān)閉按鈕都不給的彈框紊浩,只能靠取消來(lái)進(jìn)行返回的操作窖铡。
又或者

Paste_Image.png

這類警告框,似乎取消的動(dòng)作更容易讓用戶理解自己將做出何種選擇坊谁。

總結(jié)來(lái)看万伤,個(gè)人覺(jué)得,在涉及到表單頁(yè)面的“取消”按鈕呜袁,我們可以嘗試著讓他們逐漸退出歷史舞臺(tái),而存在于提示简珠、警告阶界、多種選擇場(chǎng)景下的“取消”按鈕,暫且讓他們先愉快的活著吧~~~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末聋庵,一起剝皮案震驚了整個(gè)濱河市膘融,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌祭玉,老刑警劉巖氧映,帶你破解...
    沈念sama閱讀 207,113評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異脱货,居然都是意外死亡岛都,警方通過(guò)查閱死者的電腦和手機(jī)律姨,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)臼疫,“玉大人择份,你說(shuō)我怎么就攤上這事√痰蹋” “怎么了荣赶?”我有些...
    開(kāi)封第一講書人閱讀 153,340評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)鸽斟。 經(jīng)常有香客問(wèn)我拔创,道長(zhǎng),這世上最難降的妖魔是什么富蓄? 我笑而不...
    開(kāi)封第一講書人閱讀 55,449評(píng)論 1 279
  • 正文 為了忘掉前任剩燥,我火速辦了婚禮,結(jié)果婚禮上格粪,老公的妹妹穿的比我還像新娘躏吊。我一直安慰自己,他們只是感情好帐萎,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布比伏。 她就那樣靜靜地躺著,像睡著了一般疆导。 火紅的嫁衣襯著肌膚如雪赁项。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 49,166評(píng)論 1 284
  • 那天澈段,我揣著相機(jī)與錄音悠菜,去河邊找鬼。 笑死败富,一個(gè)胖子當(dāng)著我的面吹牛悔醋,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播兽叮,決...
    沈念sama閱讀 38,442評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼芬骄,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了鹦聪?” 一聲冷哼從身側(cè)響起账阻,我...
    開(kāi)封第一講書人閱讀 37,105評(píng)論 0 261
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎泽本,沒(méi)想到半個(gè)月后淘太,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,601評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評(píng)論 2 325
  • 正文 我和宋清朗相戀三年蒲牧,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了撇贺。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,161評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡造成,死狀恐怖显熏,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情晒屎,我是刑警寧澤喘蟆,帶...
    沈念sama閱讀 33,792評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站鼓鲁,受9級(jí)特大地震影響蕴轨,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜骇吭,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評(píng)論 3 307
  • 文/蒙蒙 一橙弱、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧燥狰,春花似錦棘脐、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,352評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至目代,卻和暖如春屈梁,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背榛了。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 31,584評(píng)論 1 261
  • 我被黑心中介騙來(lái)泰國(guó)打工在讶, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人霜大。 一個(gè)月前我還...
    沈念sama閱讀 45,618評(píng)論 2 355
  • 正文 我出身青樓构哺,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親战坤。 傳聞我的和親對(duì)象是個(gè)殘疾皇子遮婶,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評(píng)論 2 344

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,524評(píng)論 25 707
  • 這周看了一本書——《移動(dòng)應(yīng)用UI設(shè)計(jì)模式》,與0-1歲產(chǎn)品經(jīng)理分享: 其實(shí)全書就是把移動(dòng)應(yīng)用的表皮撕碎了來(lái)講湖笨,從用...
    拾零閱讀 1,398評(píng)論 1 9
  • 晚上請(qǐng)好好制作自己的課程表,拖拖拉拉終于寫完了蹦骑,我將需要訂正和補(bǔ)做的作業(yè)拿過(guò)來(lái)慈省,但好好還要給課程表涂顏色,我給好好...
    bright_blue閱讀 173評(píng)論 0 0
  • 剛過(guò)去的這個(gè)周末,幫朋友做了一個(gè)為他們公司推廣的測(cè)試類H5边败,但是效果并不是太好袱衷,再回想一下之前為其他家企業(yè)做的H5...
    老貓觀閱讀 689評(píng)論 0 4
  • 北京Beijing 2016/12/29 周四 晴 起床07:02 記錄始于起床,終于當(dāng)...
    全牛_閱讀 135評(píng)論 0 0