追求卓越一諾千金

藍藍設計-_|长沙南站到常德,2011年成立_|辽宁都市频道在线直播,主創清華團隊|-挠脚心动漫图,專注軟件和互聯網ui設計開發---陈炳德简历。擅長企業信息化管理|-艾尔之光剑鞘骑士加点、監控|||李意珍、大數據軟件UIUE谘詢和設計開發服務-三星手机型号大全。立足UI_-易彩属违法行为吗,好好學習-_迟重瑞简历,天天進步|-|肾毒清!


取消與關閉|__众盈彩票是骗局?:請在設計上區分差異

2019-9-15 分享達人 設計管理與成長


3個方法|--世界大观,區分取消與關閉_|阿勒泰电影院,避免丟失用戶正在操作的內容|_2d横版格斗网游。

概要|-|我要看一级片:區分這兩種操作|_远博娱乐,可以很大程度上能避免丟失用戶已操作的內容_盐城招标。在關閉視圖之前保存用戶的更改_||长江电力商务网,使用文本標簽而不是“X”圖標_炫舞团名,並在破壞性操作之前提供確認對話框-智胜软件彩票。



一-||众赢彩票网址、讓人迷惑的“X”圖標


很久以前|中央领导人名单,“X”這個符號是用在地圖上|_-2m彩票全年免费,標記“寶藏的藏身地”_|_金百济。但在今天的數字化界麵中-中央6,“X”符號不再用來標記位置-|青海卫视直播,而是被用來取消進程||众彩平台是合法的吗,或者關閉某個臨時頁麵/彈框--_1000奥特曼vs1000怪兽。但是如何確定“X”代表的是“取消” or “關閉”|童装订货会?有的時候可以確定|青岛九中贴吧,有時卻模糊不清難以界定|--360彩票购彩大厅官网。

  

其實|_网上订票取票时间限制,主要的問題在於“X”圖標缺少了文本標簽-__儒林外史简介。當同一個圖標在不同的界麵加盟店的利弊,卻代表不同的含義_-36选7好彩3奖金,該圖標的可用性就會受到影響-|纳雍党建网,因為用戶判斷不了到底是什麼含義|__234平台。



二|__1号彩票主页、為什麼要區分“取消”與“關閉”


當用戶單擊/點擊“X”按鈕來關閉模態彈框或視圖時-__沈阳观赏鱼论坛,係統會完全取消該過程並清空之前所有操作__158计划最新网站,這讓人沮喪-||抓蛇狂人奥斯丁,甚至抓狂-|奇葩鱼动漫在线观看。因為用戶通常認為“X”圖標表示取消或者關閉_|众赢计划软件,所以區分這兩種可能性對於交互的成功至關重要|-|娱乐天地线路登录。


在某些情況下__11选五第期中奖号,區分取消 or 關閉並不重要--happy together fx。當一個彈窗占據你的大部分屏幕時-_154大乐透彩票中奖号码,點擊“X”按鈕(盡可能快地)---谷子产地,既可以關閉該模態-_众彩网双色球专家频道,也可以取消它可能觸發的任何進程-靖州二手房。


但是|-_198注册,如果頁麵中包含正在運行的計時器__飞星晒图机,正在播放的音頻|-1吨水等于多少升,正在選擇多個選項標簽_邓超暧昧短信,或其他類型未保存的內容||诺基亚2500,那就很有必要說明“X”圖標所代表的意義-__11086移动彩票手机软件。因為用戶可能打算讓計時器或音頻繼續運行-|掌上武汉APP,或者希望立刻應用這些選好的選項標簽__-镇江京江晚报,或保存正在進行的工作---框架尺寸,同時希望關閉該視圖繼續其他操作-易彩易彩福地app。

 

例如--荣耀7plus:絲芙蘭在結賬過程中|-|诗兰百丽,使用模態窗口來展示用戶可以添加到購物車的免費商品-_|网游幻梦。在以下示例中---珠蕾初开全文阅读,單擊“ ADD(添加)”按鈕選擇商品後-||淑女屋品牌折扣店, 該按鈕直接被變成了“ Remove(移除)”-|十堰物流云帆t,看起來似乎商品已經被添加到購物車中了399彩票什么时候开始。但是-||小米发布会ppt,實際上當用戶單擊右上角的“X”圖標後|-喜多郎宋家王朝,該商品並不在購物車中-_qq空间情侣模块。他需要再重複這個步驟_|荷兰朵奶粉价格,最後點擊“Done(完成)”按鈕-|_亿发彩票官方网站,商品才會被加入購物車__云顶娱乐郫县。

Sephora_103期双色球开奖视频:單擊右上角的"X"會取消選擇這些試用商品整個過程__谢霆锋张柏芝近况。用戶必須先單擊“ADD”_陆幽张斌,再單擊“Done”才能將商品添加到購物車|掌上彩票pro有安卓版吗。



三-|_18乐游戏中心18乐游戏平台、如何避免丟失用戶正在操作的內容


要避免丟失用戶正在操作的內容|cfve卡枪代码,首先需要確定用戶的意圖 - 取消 or 關閉 - 並提供明確的選項-|张太太旗舰店。有以下幾種方法--|快乐女生报名:


  · 主動要求用戶確認他們的意圖

  · 使用明確的文本標簽而不是模糊圖標

  · 顯示兩個不同的按鈕|_阿里旺旺2012官方下载:“X”圖標表示關閉視圖(可以自動保存頁麵內容/操作)_|_莱利斯,而“取消”則代表放棄該過程


1|上将名单、要求確認


如果用戶在已經執行操作的模態彈框或頁麵視圖中|_奥鹏学生中心,點擊“X”圖標-视觉卡盟,UI則可以在關閉視圖之前_-艾派国历,直接詢問用戶是否應用該操作|-盈众彩票合法吗,來確認其意圖_|_01彩票靠谱吗。此解決方案非常適合會破壞用戶工作的破壞性取消操作_-|云顶娱乐提现钱不到账。例如__-ndawzd,過濾器視圖可能會被意外關閉_|赣南日报招聘,並且關閉會導致用戶丟失其選定的選項--盈发彩票介绍。


這個問題在移動端界麵上很常見-_-钓鱼用具价格大全,因為過濾器視圖占用了很大的屏幕空間_|-云顶至尊风水,這使用戶很難或不能判斷是否已經應用了那些選擇|4008 111111。為了防止這種潛在的錯誤|青岛爆燃事故责任处理意见,在關閉過濾器視圖之前_诺基亚7610s软件下载,跟用戶確認是否要應用這些選擇並關閉視圖_|-七k七k小游戏,抑或是清除這些選擇_|-萌系牛奶。例如_|联盛集团董事长邢利斌:下圖中_项目投资计划书范文,當用戶選擇後_基加美修的召唤石,點擊“X”圖標時_-|赵明禄,Lowes 會出現如下確認彈框|-易彩彩民异地登录。

左 __cctv13在线直播百度影音:點擊"X"圖標或返回箭頭-105彩票官网苹果版,所有的選項都會被取消_|-亿彩彩票安全吗有哪些,並將用戶帶回上一個頁麵__恩典在线系统查经。右_-|小爸爸土豆:點擊“X”後_-闽江学院教务管理系统,出現一個確認對話框-1rdt军海,確認用戶是應用還是取消篩選|__宅急送陈平,然後再返回結果列表頁-_111cc彩票绿源。

 

同樣_-运盛怎么样,當用戶關閉正在進行的課程時01彩票真的吗?,語言學習應用- Duolingo 會顯示一個確認對話框-課程進行中不能中途離開-|-求佛临淄方言版,除非確認“退出”|衡水热线欢迎你。至少-_-月殇小说弥言,該APP向用戶傳達了這一限製_-惜春小礼阅读答案,同時他們也可以選擇“取消”來繼續課程__众博彩票手机客户端。點擊“X”按鈕將結束當前課程-|-108彩票娱乐平台。為了防止出錯-酷顿,結束前會出現一個確認對話框|阿龙山吧。

 

缺點_|-媚行深宫 菏泽天下:

a. 雖然確認對話框在避免“X”圖標有歧義方麵很有效-__易购爱购是热门APP吗,但它卻添加了額外的步驟-_|1分快3官网开奖结果;

b 用戶在按下“X”圖標之前還是不知道它到底做了什麼-__花花公子成人网,代表什麼意思|_鼠明博,因此他們可能會對這個操作感到疑惑新娘无悔的爱第二部。



2--芦竹根、使用文本標簽


不要完全依賴對話框來讓用戶確認模糊的“X”圖標--炫舞答题每日更新,而是使用明確的文本標簽|_|三星i5500。文本可以消除歧義_|金桥一景,並清楚地傳達將發生的操作||-黑龙江新闻夜航视频:取消與關閉--刑天铠甲后传全集。

 

Yelp的篩選頁麵在屏幕頂部提供了標有”Cancel(取消)“和”Reset(重製)“的按鈕-|加菲网,在底部提供了一個大大的”Apply(應用)“按鈕-|_按摩 侵犯 r18漫画。類似地-__聂曦,Etsy中的 Filters視圖提供了“Clear(清除)”和“Done(完成)”兩個按鈕__-夏士莲防脱洗发水。


注意_|云发购快三:Etsy使用“Done”而不是“Apply”--海峡两岸主持人,因為過濾器一經選擇就可以被應用|昆明三对夫妻群p,而這裏是關於開關切換與否的建議--|oppo翻盖音乐手机。

(左)Yelp_-全国专科学校排名:Cancel_青山湖区教体信息网、Reset 和 Apply 這三個文本標簽既直接又清晰-|-尊龙娱乐人生就是赌,這樣用戶就不太可能不小心關閉視圖而丟失他們過濾器中的選擇___门铃音效。(右)Etsy|_-靓眼网:Clear 為用戶取消提供了一種清晰的方式_|-1号平台怎么样。而點擊 Done 則返回到“產品列表”頁__吴雪雯电影全集,其中的選擇已經應用_铁粉吧。




3|_菲诗曼尔、關閉並保存


果必須使用“X”圖標而不是文本標簽(比如為了以節省空間_最新奥特曼电影,或者因為正在遵循團隊的設計語言)__业绩描述,請謹慎使用-良乡二中校园网,並在用戶完成前保存操作/內容___东北人解说麦迪时刻。另外__苍井空百度云百度知道,可以提供一個單獨的“取消”按鈕__分宜租房网,讓用戶在進程之外有一個緊急出口_|-晋城五人,並消除“X”(關閉 or 取消)在兩種含義之間的歧義-_盈盈彩正规吗。

 

例如: Gmail會自動保存在非模態窗口中填寫的郵件信息到草稿(Drafts)__船歌鱼水饺团购。這樣的好處是|__360双色球十大专家杀号,用戶在需要折疊或關閉該窗口時--_autocad2004下载,仍然保存原來的內容以便於下次繼續編輯||爱尚满屋。將鼠標懸停在消息窗口右上角的“X”圖標上時-cces快递查询单号,會顯示一段提示_|斯玛特卡余额查询:Save & Close(保存到草稿並關閉)__|七色堂。此外||掌上娱乐下载,點擊窗口右下角的“垃圾桶”圖標可以刪除該郵件 - 這個圖標離頂部的“保存和關閉”選項很遠--078彩票正规吗,可以防止用戶誤點|新秀丽汽车座套。

Gmail_||移动彩票靠谱吗:Hover 透露|_|注册送彩票彩金, “X”圖標是用於關閉窗口而不是刪除草稿--阿玛拉王国惩罚锻造,它允許用戶保存並關閉消息窗口而不會丟失剛剛正在編輯的郵件_|盈彩在线首页。

 

對於長進程或傾向於在後台運行的進程(如計時器)|倚天2龙驹,默認自動保存也是一種很好的解決方案--|清梦无痕2。

 

例如-|360彩票过滤,Glow Baby中_|安泽征婚,後台運行喂食或睡眠計時器時--av女神,用戶還可以瀏覽APP的其他區域-北京小汽车摇号系统。因為這些計時器一般會運行很長一段時間-36选7开奖结果广东。此功能還能讓用戶在APP中做其他的任務操作_|_1分钟pk10,例如記錄之前換尿布的時間-白看网络电视、瀏覽文章_-curling溃疡、逛論壇等_-ap赵信出装顺序。點擊計時器視圖中的“X”圖標也隻是關閉窗口並不會取消正在運行的計時器__|甄情达。

Glow Baby:(左)點擊運行計時器視圖中的“X”圖標_||汤唯在韩国视频,在不停止計時器的情況下取消視圖--0369万能买法,從而允許用戶繼續使用APP記錄其他類型的事件__|安阳窝窝团购网、參與社區討論__-盈彩网三分时时彩定位、閱讀文章等--大学生个人自传。(中)運行計時器的狀態顯示在屏幕頂部的狀態欄中-|_众彩彩票是骗局吗。(右)在計時器暫停時點擊“X”圖標|_|04400王中王开奖结果,彈出“放棄”或“取消”按鈕以確認用戶的真正意圖--雨露文章。


 請注意|_|花屏王:在關閉前保存中間工作或維護正在進行的過程是主動的--星尚团购网,但有時可能會與用戶的意圖相反-||艽艽99999:如果用戶打算通過單擊“X”按鈕取消其選擇|||永胜国际投彩充10000,那自動應用這些選擇可能會令人困惑和沮喪_-wifi密码破解器。


這就是為什麼還必須有一個單獨的“取消”按鈕|_打屁沟,給用戶一個出口__亿赢彩票登录,而不是強迫他們必須關閉時自動保存|-_htcg11报价。



四-_|麦梓俊、結論


雖然“X”圖標會造成模棱兩可_|诺基亚5802软件下载,而且經常導致可用性問題-|jindon京东商城,但它不太可能馬上從所有接口中消失_定位修改。設計人員應該注意“X”圖標的多重含義|_|重庆ume,消除“關閉”和“取消”之間的歧義_--芦竹根,並提供確認對話框或自動保存等保護性措施---闵行莘庄公园,避免丟失任何用戶正在操作的內容-前田敦子毕业。


若存在疑問|-详细个人自传,請記住__江苏阜宁:先保存__优惠活动彩票注册送28,再退出_-自动扶梯荷载。



原文作者 | Aurora Harley

編輯作者 | WanSU

原文地址 | https://www.nngroup.com/articles/cancel-vs-close/

本文版權歸原作者所有||_chc动作电影;僅供學習使用-_棒棒堂快乐大本营,轉載請注明出處||106官网彩票可以提现吗。



五--霍尔瓦特大街 txt、小思考


讀上麵這篇文章的一個小啟發|-_武汉自驾游:


為什麼手機驗證碼登錄微信/淘寶時-|名都安定器,驗證碼輸入錯誤--偷窥之电车痴汗,二者都是用的模態對話框提示用戶|||赢彩彩票靠谱吗,而不是用Toast呢-_05年到18年彩票中奖号码?

a. 微信和淘寶的用戶群體都很龐大--地精炼金术士,幾乎橫跨所有年齡層__夜游黄浦江。Toast出現又自動消失的交互體驗---31选7走势图,用戶會感到不可控_-黄山奇石天狗望月,尤其是對大齡-_角竹光寿是什么成语、老齡的用戶不夠友好__雪见图片。

b. 也有悖於iOS人機交互指南中提到的“用戶控製”這一原則-__诺基亚3208c,我想這也是iOS設計語言沒有Toast這種控件的原因之一吧|_-阳光炫舞。

c. 而模態對話框雖然幹擾性較強--_永胜国际福彩,但用戶可以隨時控製||9岁女孩疑遭家暴,在使用過程中是用戶掌握主導權上海居住证管理办法。


補充||诛仙国家宝藏拼图:Toast這一控件_-|一点色,原是Android係統的控件|-新娘之无悔的爱。但自Android 5.0 推出原質化設計後|-泰民我们结婚了停拍,Toast就被弱化|_阜南教育网,而是將 Snackbar 作為官方推薦的控件-_重庆南滨路渝信川菜。如今在 Material Design中更是找不到 Toast的蹤影-|-性价比最高笔记本。主要原因還是 Snackbar 在交互友好性方麵比 Toast 要好-__11086移动彩票几年了,例如||掌信彩软件用什么下:支持手勢交互__2019最新118彩票手机版、支持與CoordinatorLayout聯動等|_货车司机罢运最新动态。所以說 Toast都過時了呢_-整点聚怎么抢,應該講 Snackbar||_格瑞特月神学院。

標簽: 取消與關閉-|陕西省交通厅曹森:請在設計上區分差異 « 以人為中心的設計指南(一) | 找到本質需求|-|永城彩票网真假:聊聊內容分類»


訂閱Rss