以CSDN为例解释尼尔森十大交互原则

2023-05-16

一、状态可见原则

用户在网页上的任何操作,不论是单击、滚动还是按下键盘,页面应即时给出反馈。“即时”是指,页面响应时间小于用户能忍受的等待时间。

 

举例:CSDN上文章底部都会有一个[喜欢]按钮,当我们把鼠标移到[喜欢]按钮之后,按钮就会在原来的单纯的心形按钮外圈出现一个圈,这个状态只要是鼠标放上去之后,就会存在。

这能够反馈给用户的信息就是:您的操作正确,喜欢的话就点下去吧。



二、环境贴切原则

网页的一切表现和表述,应该尽可能贴近用户所在的环境(年龄、学历、文化、时代背景),而不要使用第二世界的语言。

《iPhone人机交互指南》里提到的隐喻与拟物化是很好的实践。此外,还应该使用易懂和约定俗成的表达。

 

举例:CSDN在网页的表现和表述上,主要是使用拟物化的方法来表述的。

第一:这种方法不仅简便而且还易懂。

第二:这里面用的拟物化的方法,比如写作这个模块,这里并没有用汉字来表达,而是用了一个书写的图标来表示,能够让人联想到奋笔疾书的感觉。



 

三、撤销重做原则

为了避免用户的误用和误击,网页应提供撤销和重做功能。

 

举例:csdn上面,我没有找到比较具体的案例,所以采用了360极速浏览器为例说明,在左上角的按钮中,有一个撤销的按钮,如果是误操作导致的页面关闭,这时候可以点击它恢复原来的页面,如果是浏览器直接被关闭的话,那么可以通过撤销来恢复所有误关闭的页面。

 


 

四、一致性原则

同一用语、功能、操作保持一致。

 

举例:CSDN上鼠标按钮悬浮在写作按钮上,会自动单出一个选框,这里面有6个按钮,在文字描述上,而且文字之前还有图标。

让人眼前一亮的是,每个图标都是符合后面文字的,比如创建代码片,用的是代码里面标签的图标。能够让人直观的看出每个按钮的用途。

 


五、防错原则

通过网页的设计、重组或特别安排,防止用户出错。

 

举例:在写代码片的页面内,点击[删除代码片]后,会弹出一个对话框,让你确认是否删除文章,在网页上官方设计的时候给[确认]按钮填充了醒目的蓝色,多重防止误操作。

 


 

六、易取原则

好记性不如烂笔头。尽可能减少用户回忆负担,把需要记忆的内容摆上台面。

 

示例五中的图片也说明了这个原则的重要性,一个确认对话框很好的减少了用户的回忆负担。



 

七、灵活高效原则

中级用户的数量远高于初级和高级用户数。为大多数用户设计,不要低估,也不可轻视,保持灵活高效。

 

示例:在CSDN中,用户拥有[富文本编辑器]、[Markdown编辑器]、[XHTML语言],这样满足了由基础到高不同层次的用户的需求,[富文本编辑器]满足了基础用户的需求,不需要记住太多的语法,一样可以编写文章,而高层次的用户可以使用三种方法来完成自己编写文章的需求。如果只有[XHTML语言]的话,无疑会流失大量的用户。

 


 

八、易扫原则

互联网用户浏览网页的动作不是读,不是看,而是扫。易扫,意味着突出重点,弱化和剔除无关信息。

 

示例:在CSDN中执行删除代码片的操作,点击[删除]后,会出现弹出提示是否删除的对话框,在对话框中点击[删除]后,没有提示出现,因为已经让用户确认是否删除,而用户确认删除之后可不宜用任何提示了,CSDN在这方面剔除了无关信息。

 


九、容错原则

帮助用户从错误中恢复,将损失降到最低。如果无法自动挽回,则提供详尽的说明文字和指导方向,而非代码,比如404。

 

示例:CSDN中关键词未找到的话,会显示一下页面,页面上有一个放大镜的图标,并且提供了原因、建议、和知道方向,并非直接使用404代码。



 

十、人性化帮助原则

帮助性提示最好的方式是:

1、无需提示;

2、一次性提示;

3、常驻提示;

4、帮助文档。

 

示例:CSDN中在文档方面,用户肯定会出现一些对问答的规则不太明确的用户,所以在右方有一个帮助文档。

而且在用户编写文档时最先出现的编辑器是[富文本编辑器],能够满足所有用户的编辑要求,

技术更高的用户还可以根据自身的要求改变编辑器。

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

以CSDN为例解释尼尔森十大交互原则 的相关文章

  • csdn排名出了Bug了?一场因排名引发的血案!

    一石激起千层浪 xff0c 排名让人很彷徨 xff01 很多人已经注意到了 xff0c 博客的排名出现了非常大的变化 xff01 不只是排名 xff0c CSDN最近的动作可是很频繁 xff0c 让我们来细数CSDN那些改变 但是 xff0
  • 用word2016 写CSDN 博客

    在word2016 中 点击文件 61 gt 共享 61 gt 发布至博客 下面点击 立即注册 在这个里面 选择其他 xff0c xff08 这里我说的是 CSDN 博客 xff09 http write blog csdn net xml
  • Python模拟登录CSDN

    关于CSDN的模拟登录 xff0c 网上已经有相当一部分博主发过类似的文章 xff0c 我这里不过稍稍模仿下 xff0c 使用前辈们的经验时 xff0c 还是非常感激的 具体过程如下 xff1a xff08 1 xff09 确定登录页面的表
  • 深入理解如何不费吹灰之力搭建一个无人驾驶车(五)2.5D-汽车自主部分(从无到有自己写一个主流无人驾驶框架如apollo)(CSDN独创)

    五 从无到有自己动手写个主流无人驾驶汽车框架 xff08 如apollo xff09 xff08 CSDN独创 xff09 注1 xff1a 必须先看完前四章再看这一章 xff0c 如果想看得轻松请看 概率机器人 与 机器人学状态估计 完再
  • CSDN最全数学公式

    CSDN中的数学公式 1 加减乘除 a 43 b a 43 b a 43 b xff1a a 43 b a
  • 我的2013,我的CSDN

    2013年是我写CSDN博客的第三个年头了 xff0c 这一年我的博客访问量直线上升 xff0c 这一年我知道了什么是博客专栏 xff0c 这一年我知道如何申请CSDN专家 虽然失败了 xff0c 这一年我从CSDN博客收获了很多很多 xf
  • CSDN 还是不能改头像!!!

    都好几个月了 xff0c 技术问题么 xff0c 还是爬梯开大会 xff0c 连这个都不让改了 真不爽
  • 时隔两三年之后重新思考“写博客”的意义所在,为什么还是选择使用csdn

    重新开始写博客的理由 在推上看了很多大佬的博客 如迟先生 他们的博客上并不会包含很多基础内容 更多的都是个人实践 论文阅读 底层原理 然后回想我大学时期写博客的动机 只是为了从阅读量和排名中获取满足感 那个时期写的博客 不例外如抄书 转载
  • CSDN博客的文字颜色、字体和字号设置

    文章目录 一 文本颜色设置 字体颜色参考 二 文本字号设置 三 文本字体设置 四 实战演练 五 转载自 一 文本颜色设置 代码 font color red 1 我是文本 红色red font font color blue 2 我是文本
  • 使用JDK开发WebService-客户端建立

    一 序言 上篇 我已经写了一个简单的WebService服务器 看起来貌似不错 但我们真正的目的是想通过编程的方式来访问服务器 而不是通过eclipse带的Web Service浏览器来访问 服务器我们是一行行代码敲出来的 客户端同样我们也
  • CSDN中如何转载他人的博客

    1 复制他人博客内容 打开需要转载的博客文章 在页面任意空白处点击鼠标右键 gt 检查 打开浏览器开发模式页面 在元素中找到名为article content的div 选中后右击 gt 复制 gt 复制 outerHTML 2 新写博客文章
  • CMD查看当前文件路径下的所有文件名

    介绍 我们知道Linux系统下查看当前文件路径下的所有文件名 可以用ls或ll来查看 那么CMD中怎么查看当前路径下的所有文件呢 方案 使用 dir 命令即可 效果如下
  • JAVA-static关键字 多态

    static Java中的static关键字主要用于内存管理 我们可以应用static关键字在变量 方法 块和嵌套类中 static关键字属于类 而不是类的实例 被static修饰的数据在内存中只会存在一份数据 所以这个数据适合用来共享数据
  • markdown公式编号居右

  • CSDN博客修改不了头像的最新解决方法

    自己的博客不能改头像 清理缓存 换IE浏览器 都不行 以前有类似经历 可以在手机APP上修改头像 然后自动同步了 下载 CSDN APP 左上角 个人中心 点击 头像 修改就好了 我修改后没立即出来 延迟可能
  • csdn的Markdown行首缩进的两种方法,非常全

    csdn的行首缩进 鉴于不同编辑器的Markdown语法略微不同 故缩进也略不同 1 特殊占位符 不缩进 行首缩进 nbsp 行首缩进 160 四分之一中文占位符 行首缩进 8197 四分之一中文占位符 行首缩进 ensp 行首缩进 819
  • 即将离开CSDN,转其他平台

    CSDN的几大作死操作 1 同质化太特么严重了 博客抄来抄去的 内容审核形同虚设 经常搜一个问题 从第一条到最后一条都是一模一样的内容 2 资源付费 资源付费本身是没有任何问题的 但是CSDN里面有几个有用的资源 很多大家花了钱一下载 发现
  • 2023 年博客之星的入围规则

    最近的活动 博客之星6月城市领跑比赛 CSDN 博客之星 是一年一度的博主评选 是平台对博主一年贡献的答谢 往年的博客之星均在年末进行 2023年我们进一步优化了博客之星的评选规则 让更多优质的博主更有机会上榜 也无需担心错过报名时间 以下
  • 惊呆!博主居然教粉丝爬虫爬取自己的文章

    三年前随便写的草稿忘记发布了 今天重新水一下 不知道还好用不 改天试跑一下 大概就是通过etree的方式采集页面的文章列表 然后遍历一下存储成markdown文件 PS 之前发的很多文章在各种公众号和CSDN博客中被搬运 其实也是爬虫我们的
  • 我的第一个油猴脚本「屏蔽CSDN底下的登录栏」

    CSDN博客不登录就弹这么个东西 挡住视线不胜其烦 你问我为啥不登录 登录过呀 关了浏览器又要重新登 csdn的session不保存的吗 emmmm我也不太懂这方面的东西 于是我就想 在每次访问csdn博客的时候 浏览器都能自动执行一个js

随机推荐

  • win10环境安装numpy,tensorflow,keras及版本对应关系

    python未安装的 xff0c 可以阅读我的文章如下图标题 xff0c 虚拟环境不是必要的 xff0c 但是为了规范和后续工作的方便管理 xff0c 建立虚拟环境也是非常重要的 建议安装python3 6版本的 xff0c 这个版本相对来
  • 解决方案No module named ‘sklearn.utils.linear_assignment_‘

    错误原因 xff1a linear assignment被弃用 xff0c 官方将scipy optimize linear sum assignment代替了sklearn utils linear assignment 方法一 xff1
  • pip使用豆瓣镜像源

    一 镜像源 清华镜像源 https pypi tuna tsinghua edu cn simple 豆瓣镜像源 http pypi douban com simple 阿里镜像源 http mirrors aliyun com pypi
  • 信息熵(ID3)、信息增益(C4.5)、基尼值和基尼指数

    1 信息熵 熵 Entropy 是 混乱 程度的量度 系统越有序 xff0c 熵值越低 xff1b 系统越混乱或者分散 xff0c 熵值越高 信息理论 xff1a 1 从信息的完整性上进行的描述 当系统的有序状态一致时 xff0c 数据越集
  • nvidia-smi 系列命令,查看gpu ,显存信息

    显卡包含gpu xff0c 显存 xff0c gpu不等于显存 nvidia smi 的定义 xff1a 基于 NVIDIA Management Library xff08 NVIDIA 管理库 xff09 xff0c 实现 NVIDIA
  • chown和chmod区别

    一 文件权限结构 ll查看某一个目录会得到一个7字段的列表 第一个字段是文件属性字段 xff08 eg drwxr xr x xff09 xff0c 文件属性字段总共10个字母 xff1a 第一个字符代表文件类型 xff1a xff1a 普
  • git常用命令大全

    目录 1 设置用户签名 2 初始化本地库 3 添加到暂存区 4 删除暂存区文件 xff0c 但是工作区仍存在 5 提交本地库 6 查看日志信息 7 修改文件 8 版本穿梭 参考文献 尚硅谷Git入门到精通全套教程 xff08 涵盖GitHu
  • 安装kalibr踩坑1:Could NOT find GTest (missing: GTEST_LIBRARY GTEST_MAIN_LIBRARY)

    Could NOT find GTest missing GTEST LIBRARY GTEST MAIN LIBRARY 因为GTest虽然安装过 xff0c 但是好像找不到头文件 sudo apt get install libgtes
  • 安装kalibr踩坑2:fatal error: ceres/rotation.h: No such file or directory #include “ceres/rotation.h“

    fatal error ceres rotation h No such file or directory include 34 ceres rotation h 34 ceres没有装好 xff0c 需要重装 xff0c 安装方法如下
  • 嵌入式数据结构以及算法(数据结构篇)

    数据结构可以说是嵌入式开发学习中比较重要的一个部分了 xff0c 而沉迷于基础硬件控制的我到现在才意识到这个东西的重要性可以说是比较迟钝了 xff0c 但是迟钝总比知道也不学来的好 xff08 自我安慰请忽略 xff09 下面总结一下经过几
  • ubuntu18.04安装kalibr疯狂踩坑记录

    1 安装ubuntu18 04对应的ros 我用的是镜像Docker Hub xff0c 该镜像包含vnc和ros docker pull tiryoh ros desktop vnc melodic 2 安装kalibr 1 安装依赖环境
  • CMakeList.txt写法

    ROS 创建并运行一个c 43 43 的demo xyzxyz576的博客 CSDN博客 目录 样例 解释如下 1 确定cmake最低版本需求 2 确定工程名 3 添加需要的库 4 添加需要的头文件 5 确定编译语言 6 设定变量 7 添加
  • 解决WSL2中Vmmem内存占用过大问题

    Vmmem介绍 Vmmem 进程是系统合成的一个虚拟进程 xff0c 用于表示虚拟机消耗的内存和 CPU 资源 换句话说 xff0c 如果您看到 Vmmem 消耗大量内存和 CPU 资源 xff0c 那么这意味着您的虚拟机正在消耗大量内存和
  • gnss、gps、imu、rtk、ins区分及含义

    gnss和gps区别 1 GPS xff08 全球卫星定位系统 xff09 是由美国国防部研制建立的一种具有全方位 全天候 全时段 高精度的卫星导航系统 xff1b 能为全球用户提供低成本 高精度的三维位置 速度和精确定时等导航信息 2 G
  • Windows下启动Docker容器遇到Error invoking remote method ‘docker-start-container‘: Error解决办法

    报错 xff1a Error invoking remote method 39 docker start container 39 Error HTTP code 500 server error Ports are not availa
  • java变量的定义

    JAVA数据类型 对于整型数据 xff0c 通常情况下使用int类型 但是如果表示极大的数据 xff0c 就需要long类型了 xff0c byte和short类型主要用于特定的应用场合 xff0c 例如 xff1a 底层的文件处理或者需要
  • java数据类型转换(强制转换)

    数据类型的转换 xff0c 分为自动转换和强制转换 自动转换是程序在执行过程中 无声 进行的转换 xff0c 不需要提前声明 xff0c 一般是从位数低的类型向位数高的类型转换 xff1b 强制转换则必须在代码中声明 xff0c 转换顺序不
  • 斗鱼直播与熊猫直播竞品分析

    引言 xff1a 目前国内直播平台虽然十分火爆 xff0c 但是直播的市场尚未成熟 xff0c 斗鱼等其他直播平台在利用自己用户的基础一直处在直播平台的主流市场 xff0c 而新晋直播平台开始大肆的宣传和吸引用户 xff0c 最终直播这块市
  • 知乎产品分析|知识社区何去何从

    一 引言 2017 年 2 月 xff0c 知乎月独立用户设备数再次回升 xff0c 相比 1 月上涨了 11 2 xff0c 达到了 1109 万台 1 1 目的 通过对知乎这款产品的分析 xff0c 锻炼自己的思维能力 xff0c 深化
  • 以CSDN为例解释尼尔森十大交互原则

    一 状态可见原则 用户在网页上的任何操作 xff0c 不论是单击 滚动还是按下键盘 xff0c 页面应即时给出反馈 即时 是指 xff0c 页面响应时间小于用户能忍受的等待时间 举例 xff1a CSDN上文章底部都会有一个 喜欢 按钮 x