技術(shù)資訊
從“發(fā)布”Button看主要與次要行為設(shè)計(jì)
2008-10-21 09:05:00
前幾天在UCDCN里寫一篇關(guān)于如何讓UX走進(jìn)戰(zhàn)略決策層的文章時(shí),不小心按到了取消按鈕，于是乎,所有東西都沒了。痛哭-_-。竟然沒有“確認(rèn)”取消。不可撤銷的操作不都是應(yīng)該進(jìn)行“確認(rèn)”嗎？
另外， 這里的BUTTON設(shè)計(jì)明顯針對(duì)主要行為與次要行為，但仍有不足。加入字體大小改變、顏色對(duì)比，這樣會(huì)幫助用戶會(huì)更快、更準(zhǔn)確地完成發(fā)布日志的任務(wù)。
看看原先的設(shè)計(jì)，“發(fā)布”與“取消”之間最多5PX的寬度，相隔太近，在剛剛“寫完東西心急火燎地想發(fā)布日志與大家分享”的場(chǎng)景下，鼠標(biāo)一滑往往容易發(fā)生誤操作。在這個(gè)頁面，用戶的主要行為就是發(fā)布他所寫的東西，因?yàn)榘l(fā)布按鈕應(yīng)該更大，UCDCN已經(jīng)在面積上做到了這個(gè)，但實(shí)際上可以更好，比如這樣
將發(fā)布的字體調(diào)大一號(hào)。這樣可以更突出主要行為，避免發(fā)生不小心“取消”文章的慘劇。
或者這樣
顏色的不同，可以讓用戶停下來，選擇正確的選項(xiàng)。
實(shí)際上，LUKEW對(duì)主要行為與次要行為已經(jīng)有了充分的論述。在對(duì)下圖ABC的測(cè)試中，用戶都能很好地完成表單的填寫。一部分用戶說A的設(shè)計(jì)在邏輯上對(duì)“cancel”不公平，而C的則可以讓用戶做出正確的選擇。
LUKEW最后說道，A其實(shí)更多的用于讓用戶快速完成任務(wù)的情況下，而C則用在更需要仔細(xì)考慮的地方。因此，在UCDCN這里，選擇A應(yīng)該更為恰當(dāng)。
原文：http://dindant.com/2008/10/20/button-design-with-primary-and-secondary-behavior/
近期更新
- [2023-07-26 14:17:28] 為品牌賦能，海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計(jì)開發(fā)——移動(dòng)端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢(shì)？為什么要開發(fā)微信小程序？
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少？
延伸閱讀
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
青島網(wǎng)站建設(shè) 程序開發(fā) 空白和簡潔的設(shè)計(jì) 青島網(wǎng)頁制作 高端網(wǎng)站設(shè)計(jì) 青島網(wǎng)站案例 青島開發(fā)區(qū)建站公司 青島網(wǎng)站建設(shè)基礎(chǔ)知識(shí) 青島輪胎網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì)趨勢(shì) 網(wǎng)頁設(shè)計(jì) 色彩心理學(xué) 官網(wǎng)網(wǎng)站建設(shè) H5 青島flash網(wǎng)站 手機(jī)網(wǎng)站建設(shè) HTML5 SEO 圖形網(wǎng)格 力圖數(shù)字科技 外貿(mào)網(wǎng)站設(shè)計(jì) 審美 搜索引擎 H5專題頁面 高端輪胎網(wǎng)站設(shè)計(jì) 青島好的網(wǎng)站優(yōu)化公司 php程序 集團(tuán)官網(wǎng) 青島黃島、紅島網(wǎng)站建設(shè)公司 扁平化設(shè)計(jì)
