网站建设|天天操天天拍|营销型网站|天天操天天看|独立站搭建|天天操天天干天天爽|外贸网站建设|wordpress独立站|小程序开发-?无双建站?

Menu

網(wǎng)站建設(shè)經(jīng)驗(yàn)分享：網(wǎng)頁設(shè)計(jì)中"錯(cuò)誤提示"的做法

網(wǎng)站建設(shè) 錄入時(shí)間 2023-09-02 閱讀次數(shù) 次 無雙建站 wordpress翻譯插件


很多人都在網(wǎng)銀或者直銷銀行中買過理財(cái)產(chǎn)品，各家銀行的理財(cái)產(chǎn)品購買流程是大同小異的：選擇合適的理財(cái)產(chǎn)品——輸入購買金額——確認(rèn)項(xiàng)目信息——返回操作結(jié)果。我們假設(shè)一個(gè)情況，當(dāng)用戶輸入的購買金額超過賬戶余額時(shí)，我們應(yīng)該怎么給用戶一個(gè)錯(cuò)誤提示？



以寧波銀行直銷銀行為例，當(dāng)你想購買 4000 元的直投項(xiàng)目的時(shí)候，點(diǎn)擊「立即購買」按鈕，進(jìn)入「確認(rèn)支付頁面」，點(diǎn)擊「去支付」按鈕，這時(shí)候彈出一個(gè)對(duì)話框，告訴你賬戶余額不足。具體多少余額也沒有說清楚，你立馬去「我的賬戶」里看了余額再返回購買，這時(shí)發(fā)現(xiàn)項(xiàng)目都被人搶光了，瞬間奔潰。


從這個(gè)虛擬案例中，我們可以看出錯(cuò)誤提示對(duì)于產(chǎn)品用戶體驗(yàn)來說是極其重要的，那么如何才能給用戶提供合適友好的錯(cuò)誤提示呢？

什么是錯(cuò)誤提示

用戶在填寫信息的時(shí)候難免會(huì)出錯(cuò)，例如，表單太長(zhǎng)他們可能會(huì)忘記填寫其中的一項(xiàng)，或者輸入了 14 位的手機(jī)號(hào)碼，又或者輸入的密碼中只有數(shù)字沒有字母過于簡(jiǎn)單等等。這個(gè)時(shí)候我們應(yīng)該給用戶一個(gè)提示，讓他們了解當(dāng)前的錯(cuò)誤狀態(tài)。這就是我們常說的錯(cuò)誤提示。

一個(gè)合格的錯(cuò)誤提示應(yīng)該有以下兩個(gè)基本功能：

1、向用戶報(bào)告錯(cuò)誤狀態(tài)；

2、解釋錯(cuò)誤發(fā)生原因以及如何更正。

錯(cuò)誤提示的種類

1.彈出框

目前來說，彈出框可以說是常見的錯(cuò)誤提示形式。因?yàn)閺棾隹虻目臻g比較大，可以很完整的向用戶告知當(dāng)前的錯(cuò)誤狀態(tài)并且闡明錯(cuò)誤原因以及如何更正。但是彈出框這種形式也有自身的缺陷，那就是用戶如果想更正錯(cuò)誤就必須關(guān)閉這個(gè)彈出框，這樣那些錯(cuò)誤信息就看不到了。在一些特殊情況下錯(cuò)誤信息比較冗長(zhǎng)，你沒有辦法短時(shí)間內(nèi)記住，那么就無法完成修改了。


2.頁面

此外，錯(cuò)誤提示還可以通過載入一個(gè)新的頁面來報(bào)告給用戶。比如在你點(diǎn)擊提交按鈕以后進(jìn)入下一個(gè)頁面才知道自己剛才的輸入發(fā)生了錯(cuò)誤。用戶可以通過閱讀提示知道如何更正問題，但是如果想更正這個(gè)問題就要點(diǎn)擊后退按鈕，這樣錯(cuò)誤提示又不存在了，這點(diǎn)和彈出框很像。下面這個(gè)例子比較典型，用戶只知道沒有綁定成功，但是不知道具體的失敗原因，重新綁定也無法避免再次失敗。


3.標(biāo)簽提示

現(xiàn)在還有很多設(shè)計(jì)師開始將錯(cuò)誤提示做成文字標(biāo)簽形式，將其和控件放在一起。這樣子用戶就可以很容易的讀取錯(cuò)誤信息，一眼就能看出來哪里出錯(cuò)了，不用根據(jù)提示的控件名稱去尋找出錯(cuò)的位置，因?yàn)殄e(cuò)誤提示就在發(fā)生錯(cuò)誤控件的旁邊。此外還很容易改正，因?yàn)橛脩舨挥迷偬D(zhuǎn)頁面或去記那些冗長(zhǎng)的錯(cuò)誤信息。


錯(cuò)誤提示設(shè)計(jì)原則

1.合理的使用配色和圖標(biāo)

就像我在上面說的，錯(cuò)誤提示的個(gè)功能就是向用戶報(bào)告當(dāng)前的錯(cuò)誤狀態(tài)。但是我們沒有必要真正的給用戶顯示：“尊敬的用戶，你剛才的個(gè)人信息填寫錯(cuò)誤balabala…”。錯(cuò)誤狀態(tài)我們可以直接通過顏色和圖標(biāo)來完成。因?yàn)樵跐撘庾R(shí)中，人們習(xí)慣性把紅色和錯(cuò)誤聯(lián)系在一起。當(dāng)然考慮到現(xiàn)實(shí)生活中還有相當(dāng)多的用戶是紅綠色盲患者，因此我們知名是紅色和圖標(biāo)搭配使用。


2.文字簡(jiǎn)潔易懂

提示文字應(yīng)該盡可能的簡(jiǎn)短，用戶看到一大段文字，就很可能會(huì)失去了去閱讀的耐心。此外我們應(yīng)該避免使用術(shù)語，讓用戶可以更好的理解。例如你填寫身份證號(hào)，多填了一個(gè)數(shù)字，那么我們就應(yīng)該提示用戶「身份證號(hào)位數(shù)出現(xiàn)錯(cuò)誤」而不是簡(jiǎn)單的「身份證號(hào)驗(yàn)證錯(cuò)誤」。因?yàn)轵?yàn)證錯(cuò)誤的種類有很多種，這樣籠統(tǒng)的錯(cuò)誤提示會(huì)增加用戶的操作負(fù)擔(dān)。


避免用戶犯錯(cuò)

對(duì)于這個(gè)信息錄入這個(gè)操作來說，知名的用戶體驗(yàn)就是避免用戶犯錯(cuò)，而不是等到用戶犯錯(cuò)了以后才思考怎么樣“亡羊補(bǔ)牢”。設(shè)計(jì)師應(yīng)該防患于未然。

1.輸入提醒

我們可以用一句話或者一個(gè)例子來向用戶介紹要輸入什么樣的信息，這個(gè)就是輸入提醒。我們要保持提醒字體比較小或者配色要比標(biāo)簽字體更淺，因?yàn)檩斎胩嵝阎皇瞧鸬揭粋€(gè)輔助輸入的作用，過于顯眼反而會(huì)分散用戶注意力。


2.良好的默認(rèn)值

如果你確定對(duì)用戶足夠的了解，在用戶進(jìn)行信息錄入的時(shí)候我們可以提供合理的默認(rèn)值。因?yàn)閷?duì)于用戶來說，填寫信息永遠(yuǎn)都不是一件有趣的事情，合理的默認(rèn)值可以節(jié)省用戶的操作時(shí)間。

3.自動(dòng)完成

當(dāng)用戶在文本框里輸入時(shí)，系統(tǒng)猜測(cè)可能的答案，顯示可選列表。自動(dòng)完成可以為用戶節(jié)省時(shí)間、精力和記憶成本，避免犯錯(cuò)。


總結(jié)

合理的錯(cuò)誤提示設(shè)計(jì)可以很好的提升產(chǎn)品的用戶體驗(yàn)，建立用戶與產(chǎn)品之間的紐帶。以上是深圳網(wǎng)站建設(shè)無雙對(duì)錯(cuò)誤提示設(shè)計(jì)的一些總結(jié)，希望各位看了以后能夠有所收獲。

【版權(quán)聲明】:本站內(nèi)容來自于與互聯(lián)網(wǎng)(注明原創(chuàng)稿件除外),供訪客免費(fèi)學(xué)習(xí)需要。如文章或圖像侵犯到您的權(quán)益，請(qǐng)及時(shí)告知，我們第一時(shí)間刪除處理！謝謝！

無雙科技
如何獲取外貿(mào)詢盤和訂單？
網(wǎng)站建設(shè)咨詢：13534259410

經(jīng)典客戶案例展示

深圳無雙科技 - 專注于高端網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)開發(fā)、品牌網(wǎng)站制作

咨詢電話：13534259410

售后服務(wù)：13534259410  (7×24小時(shí))
在線 Q Q：253849310 (售前咨詢)

深圳網(wǎng)站建設(shè)咨詢
【掃一掃咨詢】
  • 掃一掃 在線咨詢
    無雙科技官方公眾號(hào)
  • 響應(yīng)式客戶端
    掃一掃 關(guān)注好友
體驗(yàn)創(chuàng)新服務(wù)

深圳無雙科技,專注于深圳網(wǎng)站建設(shè)、深圳網(wǎng)站設(shè)計(jì)、深圳網(wǎng)站制作。
服務(wù)客戶超3000家，一站式網(wǎng)站建設(shè)及推廣營銷解決方案提供商。
我們的價(jià)值觀：誠信、坦誠、盡責(zé)、創(chuàng)新。期待與您合作！

您好，很高興為您服務(wù) ^_^
主站蜘蛛池模板： 暖气片,暖气片厂家,散热器,暖气片品牌-青岛瑞雪兆散热器有限公司 | 油罐_双层油罐_双层油罐厂家|值得信赖-泰安晟鼎金属容器制造有限公司 | 西安测试仪-西安电压测试仪-西安电流测试仪-西安热油汽水测试仪-西安阻抗测试仪-西安时间速度测试仪-西安电力设备厂家-西安中洲电力设备有限公司 | 无锡防火门|无锡放火卷帘门|无锡市防火卷帘门厂有限公司 | 陕西|青海|兰州|新疆|西宁|净化工程|西安甘肃|PCR实验室|无尘车间|净化车间-西安环亚净化工程 | 天之水网_新时代主流门户网站 十大文明网，主流新媒 、 值得信赖、关注我、温暖你！ | 生物发酵罐(细菌/植物/液体玻璃实验室发酵罐设备)CIP清洗罐,灭活罐「厂家」-安徽赛德齐瑞发酵罐品牌 | 麦秸映像网络技术有限公司,河南省政府采网入驻对接，新乡网站维护建设,小程序开发,APP定制开发,钉钉开发,新乡软件开发等相关网络业务 | 商标注册_商标转让交易_专利申请_版权登记_ISO认证服务咨询-世标知识产权 | 深圳潜水培训-潜水考证-公共安全潜水-救援潜水【深圳超潜潜水】 深圳汽车贴膜_深圳全车车身改色贴膜|UPPF隐形车衣官网 | 上海钧尚电器有限公司 - Faulhaber电机 AMETEK pittman电机 AMETEK ROTRON军用航空风机 Exlar电动缸 MAE电机 MCG电机 CP电动工具 马头工具 AMCI驱动器 直流电机 减速箱 直流伺服电机,无刷电机，直线电机 直流防爆电机 防爆电机 汽车助力转向电机 EPS电机 faulhaber motor faulhaber gearbox NANOTEC电机 ELWOOD电机 PHYTRON电机 EXLAR伺服电动缸 高力矩、高性能直流电机，音圈电机，风机，直流风机，航空风机 | 营口新北方制糖有限公司| 快达物流：电商和微商的仓储物流外包和托管服务-北京快达国际物流服务有限公司官方网站 | 土石_泥石分离机_无轴滚筒筛_振动筛 - 巩义市鑫利重工机械制造有限公司 | 浙江康恩贝制药股份有限公司| 思行科技-珠海小程序开发-珠海网站建设-珠海APP开发-江门小程序开发-江门网站建设-江门APP开发 | 南京消防申报公司-江苏国消设备安装有限公司 | 南京货架|仓库货架|货架公司|仓储货架工厂批发定做-南京苏正科技实业公司 | 欧艺宝盾科技（北京）有限责任公司_北京旋转门厂家_转门维修_高端商务门控定制 - | 新洲际教育-一站式留学解决方案领航者【官网】 | 盐城市宏展环保材料有限公司-官网-滤袋,过滤袋,液体过滤袋,袋式过滤器,无纺布过滤袋,废液过滤袋 盐城市城镇化建设投资集团有限公司[盐城国资企业、盐城国资集团、盐城文化旅游、盐城基础设施、盐城土地开发、盐城粮食收储] | 装修公司-吉诚装饰公司官网| 西安宣传片拍摄,陕西艺景网络科技有限公司资料备份,西安影视公司,视频拍摄制作,抖音视频制作,纪录片拍摄西安短视频摄影团队，西安抖音视频拍摄 | 青州东威机械有限公司,洗沙机,脱水筛、细沙回收机,淘金设备,洗石机,砂石分离机,筛沙机,采沙船,清淤船,破碎制砂机,海沙淡化设备 | 沈阳东鹰实业有限公司【官网】-聚氨酯清扫器-胶带输送机保护装置 | 上海律师_上海法律咨询_律师在线咨询网站_上海律师事务所-沪律网 | 美缝剂_美缝剂加盟_瓷砖美缝剂_美缝剂厂家_填缝剂_领翔美缝剂-【官网】 | 宿州电机维修厂家,大型电机维修及二手电机修理到安徽鑫瑞特电机装备有限公司 | 中国环博会 | 亚洲旗舰环保展 2025.4.21-23 上海新国际博览中心 中国焊接协会网站—中国焊接信息网；焊接行业最权威访问量最大的专业网站:焊接信息、焊接材料,焊接机器,焊接设备,焊机,焊材,辅助设备,焊机配件,仪器仪表,电动工具,钎焊,送丝机,表面处理,自动化专机,焊锡丝,助焊剂 | 专业网站建设_企业品牌营销 · 北京汇仁智杰科技有限公司 | 康拓威技术（深圳）有限公司|Theia镜头代理商|安讯士AXIS摄像机|安讯士监控系统|博世BOSCH监控|博世会议系统|索尼SONY监控|松下PANASONIC监控|三星韩华SAMSUNG监控|霍尼韦尔Honeywell|海康|大华|华为监控|Theia无畸变镜头|AXIS监控|安讯视摄像机 | 制砂机_鹅卵石制砂机_河卵石制砂机_制砂机价格-上海山卓重工机械有限公司 | 液晶拼接屏_液晶监视器_液晶广告机_触摸一体机_户外广告机_中亿睿企业官网 | 惠声电子、广州市惠声电子科技有限公司、VBS、VBS惠声电子、VBS公共广播生产厂家、VBS广播功放生产厂家、VBS会议系统设备批发、VBSIP网络对讲系统厂家、VBS会议系统厂家、VBS智能中控厂家、VBS专业扩声厂家 | 气体检测仪,多功能气体检测仪,四合一检测仪,氯气检测仪,有机挥发气体检测仪,气体报警器-南京诺邦电子科技有限公司 | 浏阳企业网站建设|设计|制作,专业做网站,建站公司-冠讯网络公司 领先的一站式_专利申请代理知识产权服务平台_乐知网 | 暖气片_铜铝复合暖气片_钢制散热器厂家-德克菲勒暖气片 | 双效-多效-三效-废水-污水蒸发器_离心喷雾-污泥干燥机_蒸发浓缩器【天辰环保 】 | 陶瓷透水砖-透水砖厂家-淄博天之润生态科技有限公司 | 蒸汽孔板流量计-法兰式孔板流量计-一体化标准孔板流量计-金湖中原仪表有限公司 | 压力变送器,差压变送器,液位变送器,温度变送器生产厂家价格-西安仕乐克仪表科技有限公司 |