网站制作中怎么样优化提示样式的设计

怎么样才能确保提示样式和文案的准确性？相相同种类型的提示为何会出现不一样的提示文案和样式？其背后原理就像“黑箱”一样藏在商品的外壳之下。 为了可以探讨错误提示的问题根源，笔者调查了提示的触发机制：错误提示分为前端提示和后端提示两类：前端提示主如果校验输入格式等不需要调用后台数据的校验，校验后假如内容不符合标准的话前端会直接显示提示；而后端提示则是需要调用后台数据进行校验，比如检验账号密码是不是匹配等问题，后端校验完成将返回码发给前端，前端将收到的返回码与对应的提示文案和提示样式进行匹配，然后显示在页面上。相对独立的显示错误模式会致使前后端会依据各自的需要分别定制提示样式，没统一的规范，致使同一商品提示样式的不统一和提示样式误用的状况。

前端提示与后端提示逻辑

为了可以统一提示样式和文案，笔者采集了所有注册、登录的提示文案，针对每一个提示文案添加相应的场景描述和提示的触发机会，结合文案和场景描述可以确定提示所属的种类（输入、验证或者系统），从而匹配到适合的提示样式，比如提示文案为“该账号已锁定，请自助解锁”，它的触发场景是当用户的IP有风险或者之前有类似违规的登录操作时第三登录会出现提示，该提示经过后端验证后发出，是需要用户知道的警示类提示并且需要引导用户进行自主解锁的操作，所以使用对话框的提示样式。

提示文案与样式的匹配步骤

依据如此的方法将文案与提示样式进行匹配，形成提示样式文档。在文档的基础上进行总结，整理成登录注册的提示样式规范：将提示类型分为输入、条约验证和系统反馈、操作指示三类，并提供对应的提示样式和说明案例。

提示样式规范

有一套标准的规范将来，笔者开始推进优化的实行：打造在线自查表，将提示问题整理到文档上，并标注每一个问题有关责任人和处置进度，如此的处置方法非常不错的防止了低效的交流和重复操作，大大提高了处置问题的效率。下图为注册步骤优化后和优化前的提示样式对比图，优化前输入有关的提示都是对话框，优化后将提示强度减少，改成输入框下方红字提示，从而达到高效引导用户，防止打断用步骤。

注册页面优化前后对比

优化之前注册和登录的上行验证对话框文案、按钮样式都不同，并且按钮功能不符合场景的需要，增加用户理解的负担，优化后统一上行样式，并简化了提示文案。

上行验证优化前后对比

提示样式的优化主如果从提示是不是具备统一性、准确性和有效性这三个维度来考量。为此需要确保：
1. 提示样式遵循商品的调性提示的样式要与商品的风格、定位维持一致，每一个模块之间也需要进行统一，在保证细节健全的同时也需要重视整体的协调。
2. 从场景出发概念提示的文案、样式提示的本质是引导用户做出正确的操作，基于场景的提示会愈加的准确，契适用户的用法步骤，满足用户的心理期望。
3. 有效的引导客户体验商品步骤有效的引导可以减少用户学习的门槛，节省非必须的步骤，保证用户行为在可控的范围内。

同时提示规范的设立不只可以提高设计的水平和效率，还能帮助团队更好的交流、协作。使商品的设计风格具备统一性。作为商品步骤中的“润滑液”，优质的提示起到了承上启下有哪些用途，是设计过程中必不可少的一部分。

（郑重声明：本文版权归原作者贾永炘所有，略有删改。转载文章仅为传播更多信息之目的，如有侵权，请联系大家删除；如作者信息标记有误，请联系大家修改。）

文章标题：网站制作中怎么样优化提示样式的设计推荐链接：https://www.cdcxhl.com/news/117742.html

网站制作、网络营销推广公司|博久网络，是专注品牌与成效的网站建设，网络推广营销网站优化公司；服务项目有网站制作等