优化前端开发中的提示语设计基本原则

文章目录

      • 一致
        • 1、同一对象,指称一致
        • 2、同一状态,描述一致
        • 3、同一行为,提示一致
      • 简洁
        • 1、用词简短
      • 条理
        • 1、上下呼应
        • 2、主次分明
      • 亲和
        • 1、化“难”为易
        • 2、“礼”字当先
        • 3、正向表达
      • 灵动
        • 1、用词多变
        • 2、远离平淡
      • 契合
        • 1、身份契合
        • 2、产品契合
      • 示例
        • 1、错误提示
        • 2、操作提示
        • 3、状态提示

在Web前端开发的广阔领域中,提示信息作为通过文字、图标或多种媒介向用户传达反馈、指导及警示的关键元素,发挥着举足轻重的作用。它们不仅是用户理解界面操作的重要桥梁,更是引导用户流畅完成各项任务的无形之手。

以下精心提炼的原则,旨在为界面提示用语的规划与设计提供一套统一的规范与标准,确保提示信息的风格一致、表述清晰、流畅自然,从而为用户营造出一个愉悦、高效的阅读体验环境。

一致

1、同一对象,指称一致
反例正例
缺少姓名、电话或电子邮件的联系人。缺少姓名、电话或电子邮件的联系人。
每位 SIM 卡联系人可保留 1 个唯一的姓名、2 个号码和 1 个 E-mail 地址。每位 SIM 卡联系人可保留 1 个姓名、2个号码和 1 个电子邮件。

同一对象,不能有的用“E-mail 地址”,有的用“电子邮件”。

2、同一状态,描述一致
反例正例
模板自动更新 仅 WLAN 下模板自动更新 仅 WLAN 下
自动更新智能识别库 仅连接 WLAN 时自动更新智能识别库 仅 WLAN 下

都是在连接 WLAN 状态下,不能有的用“仅 WLAN 下”,有的用“仅连接 WLAN 时”。

3、同一行为,提示一致
反例正例
正在进行XXX,请稍候…正在XXX…
正在进行XXX…正在XXX…

都是正在进行某行为,不能有的提醒“请稍候”,有的不提醒。

简洁

1、用词简短
反例正例
最近更新时间:XXX更新:XXX
截屏的图片:XXX张截屏:XXX张

存在多种表达方式时,选取最简短的词语。

条理

1、上下呼应
反例正例
为何搜索不到热点?为何搜索不到热点?
1. 请检查是否设置了隐藏 SSID。1. 可能设置了隐藏 SSID。

标题用“为何搜索不到热点”,是询问问题出现的原因,在此场景下,下文描述就应给出原因。若让用户检查是否设置了隐藏 SSID,这不是描述原因,而是给出问题解决方法,上下不呼应。

2、主次分明
反例正例
现在启用现在启用
免打扰期间,通知栏会出现月亮图标,允许有限打扰内容(包含闹钟)仍响铃或振动,其他来电、信息不响铃不振动。来电、信息都将静音(允许打扰内容除外)。通知栏会出现月亮图案。

“静音”为主要信息,应在前;“月亮图标”为次要信息,应在后。

亲和

1、化“难”为易
反例正例
LTE 载波聚合LTE 载波聚合
提高网络速度

复杂的信息给出说明,降低理解难度。

2、“礼”字当先
反例正例
必须至少添加一个收件人。请添加收件人。

少用强制类词语。

3、正向表达
反例正例
检查测试结果是否有问题。检查测试结果是否正常。

多从正向描述。

灵动

1、用词多变
反例正例
用于标识设备,以提供数据同步、备份恢复和查找设备等服务,以及在“查找设备“锁屏界面回拨电话。用于标识设备,旨在提供数据同步、备份恢复、查找设备等服务,以及在“查找设备“锁屏界面回拨电话。

避免出现两个“以”,显得单调。

2、远离平淡
反例正例
表盘中的那一抹红色,像极了军人划在脸部的彩绘。表盘中的那一抹红色,恰似军人划在脸部的彩绘。

广告宣传类用语,表达要有品位与个性。

契合

1、身份契合
反例正例
若您是未成年人,需监护人同意才能使用本应用。若你是未成年人,需监护人同意才能使用本应用。

对孩子用“您”不合适。

2、产品契合

表达要与所描述的设备特性相契合,不可将A设备特性的描述,机械地用到与之有差异的B设备。若某个功能适用范围无法区分到具体设备,则用“设备”进行广覆盖。不可在智能穿戴设备界面上出现智慧屏特性的描述,反之,亦不可在智慧屏界面上出现智能穿戴设备特性的描述。

示例

1、错误提示

系统错误提示(错误原因+请稍后再试)

情景提示语
服务器错误服务器异常,请稍后再试
请求格式错误请稍后再试

用户输入错误提示(错误原因+操作引导)

情景提示语
短信验证码错误验证码错误,请重新输入
判断手机号是否合法请输入正确的手机号

用户输入敏感词汇(输入内容存在敏感词汇+请调整)

情景提示语
输入信息中含有敏感词汇输入内容存在敏感词汇,请调整

必填项内容未填写(请输入+内容)

情景提示语
密码为空时点击登录请输入密码

用户操作超出限定范围提示

情景提示语
超过当天限制今日邀请好友次数已达上限
获取次数已达上限今日短信验证码获取次数已达上限,请明日再试

操作对象超过系统限制(操作对象+已达上限)

情景提示语
添加图片达到上限图片添加已达上限

用户操作过于频繁(操作+过于频繁+请稍后再试)

情景提示语
手机短信验证码发送超频繁短信验证码发送过于频繁,请稍后再试
2、操作提示

操作成功(对象+结果)

情景提示语
市场活动提交申请申请已提交
解除手机号绑定您已解除手机号码绑定

操作失败(失败结果+引导建议)

情景提示语
验证手机号是否已绑定您申请绑定的手机号码已被其他账号绑定,是否切换账号?
页面不存在这个页面找不到了

操作状态反馈

情景提示语
当资讯内容为最新,继续下拉没有更多的内容了
实景照片查看,拉到最底部没有更早的照片了

操作确认提示(确认+操作动作+操作对象?[取消][操作动作])

情景提示语
发送短信验证码我们将发送验证码到这个歌号码进行验证:13012345678 [取消][发送]
退出登录退出账号,部分功能无法使用?[取消][退出登录]

操作引导提示(系统现状+引导操作)

情景提示语
账号输入框内提示请输入邮箱或手机号码
好友动态,好友列表为空时您还没有好友,点击“+”添加好友吧
3、状态提示

账号异常(账号异常提示+安全提醒)

情景提示语
登录尝试超过规定次数账号异常,若非本人操作,请及时修改密码

多点登录(其他设备登录情况+安全提醒)

情景提示语
移动端被PC踢掉您的账号于14:36在北京登录,若非本人操作,请及时修改密码

系统状态提示(加载状态+请稍候…)

情景提示语
弱网加载中,请稍后…

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/916506.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

《深度学习》VGG网络

文章目录 1.VGG的网络架构2.案例:手写数字识别 学习目标: 知道VGG网络结构的特点能够利用VGG网络完成图像分类 2014年,⽜津⼤学计算机视觉组(Visual Geometry Group)和GoogleDeepMind公司的研究员⼀起研发出了新的深度…

探索 Python HTTP 的瑞士军刀:Requests 库

文章目录 探索 Python HTTP 的瑞士军刀:Requests 库第一部分:背景介绍第二部分:Requests 库是什么?第三部分:如何安装 Requests 库?第四部分:Requests 库的基本函数使用方法第五部分&#xff1a…

无桥Boost-PFC 双闭环控制MATLAB仿真

一、无桥Boost-PFC原理概述 无桥 Boost-PFC(Power Factor Correction,功率因数校正)的工作原理是通过特定的电路结构和控制策略,对输入电流进行校正,使其与输入电压同相位,从而提高电路的功率因数&#xf…

数据结构Python版

2.3.3 双链表 双链表和链表一样,只不过每个节点有两个链接——一个指向后一个节点,一个指向前一个节点。此外,除了第一个节点,双链表还需要记录最后一个节点。 每个结点为DLinkNode类对象,包括存储元素的列表data、…

力扣-Hot100-二叉树其一【算法学习day.32】

前言 ###我做这类文档一个重要的目的还是给正在学习的大家提供方向(例如想要掌握基础用法,该刷哪些题?)我的解析也不会做的非常详细,只会提供思路和一些关键点,力扣上的大佬们的题解质量是非常非常高滴&am…

京东商品详情,Python爬虫的“闪电战”

在这个数字化的时代,我们每天都在和数据打交道,尤其是电商数据。想象一下,你是一名侦探,需要快速获取京东上某个商品的详细信息,但是没有超能力,怎么办?别担心,Python爬虫来帮忙&…

深度学习推荐系统的工程实现

参考自《深度学习推荐系统》——王喆,用于学习和记录。 介绍 之前章节主要从理论和算法层面介绍了推荐系统的关键思想。但算法和模型终究只是“好酒”,还需要用合适的“容器”盛载才能呈现出最好的味道,这里的“容器”指的就是实现推荐系统…

「QT」高阶篇 之 d-指针 的用法

✨博客主页何曾参静谧的博客📌文章专栏「QT」QT5程序设计📚全部专栏「Win」Windows程序设计「IDE」集成开发环境「UG/NX」BlockUI集合「C/C」C/C程序设计「DSA」数据结构与算法「UG/NX」NX二次开发「QT」QT5程序设计「File」数据文件格式「UG/NX」NX定制…

ISUP协议视频平台EasyCVR视频设备轨迹回放平台智慧农业视频远程监控管理方案

在当今快速发展的农业领域,智慧农业已成为推动农业现代化、助力乡村全面振兴的新手段和新动能。随着信息技术的持续进步和城市化进程的加快,智慧农业对于监控安全和智能管理的需求日益增长。 视频设备轨迹回放平台EasyCVR作为智慧农业视频远程监控管理方…

计算机视觉空域处理完整版——超详细图文解

空域处理 图像空域处理 a.线性滤波b.非线性滤波c.二值图像处理方法 数学形态学连通成分标记 “点运算”是在不改变图像大小、几何形状以及局部结构的情况下,对像素值进行修改,新图像的像素值只与 原图像同一位置的像素值有关。 灰度级变换(线性变换,非…

Python学习------第八天

函数 函数的传入参数 掌握函数返回值的作用 掌握函数返回值的定义语法 函数的嵌套调用: 函数的局部变量和全局变量 局部变量的作用:在函数体内部,临时保存数据,即当函数调用完成后,则销毁局部变量。 money 5000000 n…

Matlab实现麻雀优化算法优化随机森林算法模型 (SSA-RF)(附源码)

目录 1.内容介绍 2.部分代码 3.实验结果 4.内容获取 1内容介绍 麻雀优化算法(Sparrow Search Algorithm, SSA)是一种基于自然界中麻雀觅食和躲避天敌行为的新型群智能优化算法。SSA通过模拟麻雀群体中个体之间的信息交流和社会互动来指导搜索过程&…

51c嵌入式~单片机合集2

我自己的原文哦~ https://blog.51cto.com/whaosoft/12362395 一、不同的电平信号的MCU怎么通信? 下面这个“电平转换”电路,理解后令人心情愉快。电路设计其实也可以很有趣。 先说一说这个电路的用途:当两个MCU在不同的工作电压下工作&…

web实验3:虚拟主机基于不同端口、目录、IP、域名访问不同页面

创建配置文件: 创建那几个目录及文件,并且写内容: 为网卡ens160添加一个 IPv4 地址192.168.234.199/24: 再重新激活一下网卡ens160: 关闭防火墙、改宽松模式: 重启服务: 查看nginx端口监听情况:…

AutoHotKey自动热键AHK-正则表达式

在这个软件的操作中,基本都是需要即时的解决一些问题,所以对字符串的操作是比较多的,所以正则的使用还是比较重要的,接下来我们用一个例子来了解正则表达式的使用 str "7654321" RegExMatch(str, "65(43)(21)", SubPat)str ( str %str% SubPat %SubPa…

越南很火的slots游戏投放Google谷歌广告策略

越南很火的slots游戏投放Google谷歌广告策略 越南的slot游戏市场正在借助Google广告代投策略推动增长。随着智能手机的普及和互联网的普及,越南的游戏市场迅速增长,吸引了越来越多的投资者和开发者进入该市场。 在这个竞争激烈的市场中,广告…

Mac中安装OhMyZsh

Mac中安装OhMyZsh 文章目录 Mac中安装OhMyZsh一、Homebrew二、OhMyZsh1、Oh-My-Zsh配置1.1:主题配置1.2:插件配置(语法高亮和自动提示)1、zsh-autosuggestions(需下载安装):高亮显示所有支持的命…

flutter插件:录制系统播放的声音

该插件基于flutter包 flutter_screen_recording 和 github库 SystemAudioCaptureAndroid,实现了在安卓手机上录制系统播放声音的功能,也就是说,只要一个安卓应用没有设置不允许其它应用录制声音,该插件可以录制该应用播放的声音。…

【论文阅读】WaDec: Decompiling WebAssembly Using Large Language Model

论文阅读笔记:WaDec: Decompiling WebAssembly Using Large Language Model 1. 来源出处 论文标题: WaDec: Decompiling WebAssembly Using Large Language Model作者: Xinyu She, Yanjie Zhao, Haoyu Wang会议: 39th IEEE/ACM International Conference on Automated Softwar…

【安全测试】sqlmap工具(sql注入)学习

前言:sqimap是一个开源的渗透测试工具,它可以自动化检测和利用SQL注入缺陷以及接管数据库服务器的过程。它有一个强大的检测引擎,许多适合于终极渗透测试的小众特性和广泛的开关,从数据库指纹、从数据库获 取数据到访问底层文件系…