pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

你好 對話框

  “怎么了?”除非你對某類對話框已司空見慣,否則遇到,第一反應往往是這樣的?這種體驗就像你明明急著去趕車,途中卻不斷被攔住塞傳單一樣。不能否認,它是一種打斷,有時甚至會成為打擾。做為設計師,雖知“打斷”暫不能杜絕,但不使之變為“打擾”,卻是我們該努力做到的:

  ① 多次打斷=打擾

  隔一個小時打斷你一下,你或者還可以忍受。若是1分鐘內好幾次打斷你,想起來就抓狂吧?這也是Chrome為什么在判斷此網頁多次出現對話框“打斷“用戶后,出現這么一個”禁止此頁再顯示對話框“的選項。

你好 對話框 三聯教程

  把握住一個原則:能不用對話框就盡量不要對話框。除非以下兩種情況:

  A.某個操作是具有很大風險的,或者不可逆的。

  下面請你用此原則做判斷,此對話框的出現是否合理:

  在win7系統下,每刪除一個文件都會出一個對話框請我確認是否刪除

  (提示:一般的刪除真的是不可逆嗎?windows還有個回收站,從回收站找回又會費很大成本嗎?)

  B.無法預先避免,一定需用戶確認的。

  下面請你用此原則做判斷,此對話框的出現是否合理:

  活動已經結束,“投票“仍呈可點態,點擊后對話框告知我一切都結束了

  概括一下,在準備設計一個對話框之前,請“三”思,打斷真的有必要嗎,值得嗎:

  ② 表意不清=打擾

  A.問“是/否”還是“確定/取消”

  先溫習下語文:

  那么再回到我們的對話框:

  情景1:用戶點擊了退出,為了避免用戶是誤操作,你再詢問用戶真的要退出,此時是用“是/否”還是“確定/取消”好?

  建議:

  既然是點了“退出”,真想退出的概率還是遠多過誤操作的概率,那么,這里面就是有一個很強的“是的,我要退出”的前提在。

  如果你接著出對話框問“你是否要退出?”用戶可能會莫名其妙,我都點了“退出”了,你還在問我是否,我不已經選擇了嗎?

  而用“你確定要退出?”就能給用戶一個訊號,我們知道他選擇了退出,這里只是一個再確認。

  情景2:Chrome瀏覽器有一個功能,當你第一次打開一個外文站點,他要出一個對話框詢問你的意見要不要翻譯。這個時候該用“是否”來詢問還是“確定”呢?

  建議:

  既然是第一次打開,我們無法判斷用戶是希望翻譯還是不希望:現在英文普及度高,有些用戶可能就是喜歡讀原汁原味的,有些則希望看翻譯領會大致意思即可。即便是同一個人,在不同時段,有時會希望看翻譯后的網站,有時則會希望看原始網站。

  不能揣測出用戶的意思的時候,這里顯然要用“是否”來做詢問。這也是chrome現在的做法:

  B.所答該所問

  看到這里,你或者會有疑問,之前舉的Chrome的例子,問“是否需要翻譯?”答的是“翻譯/否”啊,壓根沒出現“是”啊。請接著往下看…

  C.能否即不是“是/否”也不是“確定/取消”

  看來用明確的動詞好像是好于“確定”的?

  也不全是,當你在問題中提到的點很希望得到用戶的注意,或者是這個操作不是幾個字就能說清,需要在問題中詳細描述時。此時用“確定”會更合適。

  即在有些時候(上面已分析):

  “是/否”也可演變為“某具體動詞/否”;

  “確定/取消”也可演變為“某具體動詞/取消”的組合。

  D.一定要用“是否”或“確定”做設問嗎?

  情景:用戶讀連載小說,連續閱讀直到一需付費的章節,出現一對話框,提示你需要花30Q點購買才可以閱讀,你會用下面的哪個對話框?

  對話框2,“購買此章”的button也起到了引導作用,又直觀。可沒用“確定”購買的問句,也沒用“確定”的button,會有問題不?

  可用性上看,沒有問題。

  那這里用對話框1和對話框2有什么區別?有優劣之分嗎?

  那再次咬文嚼字一下:剛才在區分“是/否”和“確認/取消”的時候,就已經說過在問“確定”之前,其實我們心中就已經有一個“是”前提了。

  在現在這個情景下,用戶不是在確定了購買意向,點擊了“購買”后,然后彈出一個告知其更多信息,再次確定其是否真的購買的對話框。

  而是用戶在試讀,讀完一章又一章的免費章節,他其實都無法預料從哪一章就要開始收費了。

  所以這個對話框的出現,是不含任何“是”的前提的,同時也是沒有預期的。

  此時陳述給用戶一個事實,更偏向于一種告知。而寫明“購買此章”的按鈕更起到了一種建議和引導作用。

  若問“你確定….”就像你還不清楚一個人是否有買房計劃,也不清楚對方是否喜歡這個房子,就直接叫人家交錢一樣。會略顯唐突了。

  咬文嚼字結束。如果你認同,那就嚴謹起來,讓你的用戶見到對話框時,說“你好”,而不是“討厭”。

  文章來源:騰訊CDC

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 贵州科比特-防雷公司厂家提供贵州防雷工程,防雷检测,防雷接地,防雷设备价格,防雷产品报价服务-贵州防雷检测公司 | 视频教程导航网_视频教程之家_视频教程大全_最新视频教程分享发布平台 | 拖鞋定制厂家-品牌拖鞋代加工厂-振扬实业中国高端拖鞋大型制造商 | 超声波反应釜【百科】-以马内利仪器 | 哔咔漫画网页版在线_下载入口访问指引| 郑州大巴车出租|中巴车租赁|旅游大巴租车|包车|郑州旅游大巴车租赁有限公司 | 千淘酒店差旅平台-中国第一家针对TMC行业的酒店资源供应平台 | 橡胶电子拉力机-塑料-微电脑电子拉力试验机厂家-江苏天源 | 打孔器,打孔钳厂家【温州新星德牌五金工具】 | 防渗土工膜|污水处理防渗膜|垃圾填埋场防渗膜-泰安佳路通工程材料有限公司 | 雷达液位计_超声波风速风向仪_雨量传感器_辐射传感器-山东风途物联网 | 下水道疏通_管道疏通_马桶疏通_附近疏通电话- 立刻通 | 纳米二氧化硅,白炭黑,阴离子乳化剂-臻丽拾科技 | 杭州公司变更法人-代理记账收费价格-公司注销代办_杭州福道财务管理咨询有限公司 | 诚暄电子公司首页-线路板打样,pcb线路板打样加工制作厂家 | 赛默飞Thermo veritiproPCR仪|ProFlex3 x 32PCR系统|Countess3细胞计数仪|371|3111二氧化碳培养箱|Mirco17R|Mirco21R离心机|仟诺生物 | 信阳网站建设专家-信阳时代网联-【信阳网站建设百度推广优质服务提供商】信阳网站建设|信阳网络公司|信阳网络营销推广 | 不干胶标签-不干胶贴纸-不干胶标签定制-不干胶标签印刷厂-弗雷曼纸业(苏州)有限公司 | 宝鸡市人民医院| 洛阳装修公司-洛阳整装一站式品牌-福尚云宅装饰 | 深圳昂为官网-气体分析仪,沼气分析仪,动态配气仪,气体传感器厂家 | 非甲烷总烃分析仪|环控百科| ERP企业管理系统永久免费版_在线ERP系统_OA办公_云版软件官网 | 聚氨酯保温钢管_聚氨酯直埋保温管道_聚氨酯发泡保温管厂家-沧州万荣防腐保温管道有限公司 | 风淋室生产厂家报价_传递窗|送风口|臭氧机|FFU-山东盛之源净化设备 | 薪动-人力资源公司-灵活用工薪资代发-费用结算-残保金优化-北京秒付科技有限公司 | 赛尔特智能移动阳光房-阳光房厂家-赛尔特建筑科技(广东)有限公司 | PAS糖原染色-CBA流式多因子-明胶酶谱MMP-上海研谨生物科技有限公司 | 北京翻译公司-专业合同翻译-医学标书翻译收费标准-慕迪灵 | 山东锐智科电检测仪器有限公司_超声波测厚仪,涂层测厚仪,里氏硬度计,电火花检漏仪,地下管线探测仪 | 小程序开发公司_APP开发多少钱_软件开发定制_微信小程序制作_客户销售管理软件-济南小溪畅流网络科技有限公司 | FAG轴承,苏州FAG轴承,德国FAG轴承-恩梯必传动设备(苏州)有限公司 | 实验室隔膜泵-无油防腐蚀隔膜泵-耐腐蚀隔膜真空泵-杭州景程仪器 电杆荷载挠度测试仪-电杆荷载位移-管桩测试仪-北京绿野创能机电设备有限公司 | 细石混凝土泵_厂家_价格-烟台九达机械有限公司 | 钛合金标准件-钛合金螺丝-钛管件-钛合金棒-钛合金板-钛合金锻件-宝鸡远航钛业有限公司 | HV全空气系统_杭州暖通公司—杭州斯培尔冷暖设备有限公司 | 自动钻孔机-全自动数控钻孔机生产厂家-多米(广东)智能装备有限公司 | 宁夏活性炭_防护活性炭_催化剂载体炭-宁夏恒辉活性炭有限公司 | 搜活动房网—活动房_集装箱活动房_集成房屋_活动房屋 | 深圳希玛林顺潮眼科医院(官网)│深圳眼科医院│医保定点│香港希玛林顺潮眼科中心连锁品牌 | 河南不锈钢水箱_地埋水箱_镀锌板水箱_消防水箱厂家-河南联固供水设备有限公司 |