以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为例解释尼尔森十大交互原则 的相关文章

  • 2020年csdn盘点

    十年前就注册了csdn账号 xff0c 之后一直没有写过博客 xff0c 都是看别人的博客 xff0c 等到2015年左右发表了第一篇自己的博客 xff0c 直到2016年底觉着做技术的就需要记录自己的博客 xff0c 不仅是自己学习的过程
  • 记一次CSDN的资源加载失败的问题的解决方法

    前段时间 xff0c 某天突然发现CSDN加载不了 xff0c 我还以为网站出现故障了 xff0c 但是没想到第二天还是访问不了 xff0c 问了下同事 xff0c 他的好像没有什么问题 xff08 大概长这样 xff09 找到加载失败的u
  • 開始在csdn上寫blog

    哈哈 現在開始寫些技術性的文字啦
  • 2011,我和CSDN亲密接触的一年

    从CSDN刚刚发出这次征文活动的时候 xff0c 就有一种想参加的冲动 xff0c 总想说些什么 xff0c 迟迟直到今天才开始下笔 和大家一样 xff0c 我也是一名普通的计算机研发人员 xff0c 说挨踢者也行 xff0c 说码农亦可
  • 2016 CSDN最佳博客(Android)

    无意中在CSDN上看见了今年的十佳博客 xff0c 虽然现在还没有分出伯仲 xff0c 但是结果大概已知 xff0c 其中看了几篇文章 xff0c 感触挺深 xff0c 故把几大博客整理下来 xff0c 一方面方便广大博友 xff0c 另一
  • CSDN日报20170616 ——《从裁缝到码农》

    程序人生 从裁缝到码农 作者 xff1a 修电脑的裁缝酱 我伸出颤抖的手去抓 xff0c 发现曾经遥不可及的梦想 xff0c 经过坚持和努力之后 xff0c 真的可以抓住 我把它抓在手心 xff0c 紧紧地 点击阅读全文 机器学习 一文了解
  • 深入理解如何不费吹灰之力搭建一个无人驾驶车(五)2.5D-汽车自主部分(从无到有自己写一个主流无人驾驶框架如apollo)(CSDN独创)

    五 从无到有自己动手写个主流无人驾驶汽车框架 xff08 如apollo xff09 xff08 CSDN独创 xff09 注1 xff1a 必须先看完前四章再看这一章 xff0c 如果想看得轻松请看 概率机器人 与 机器人学状态估计 完再
  • 记录下在csdn那些年里所使用的博客座右铭

    xfeff xfeff 2016 xff0c 认认真真做事 xff0c 脚踏实地生活 路漫漫 xff0c 意不变 xff0c 求静 xff0c 求心 xff0c 求进 2017 xff0c 重新开始 xff0c 从心开始 xff0c 从家开
  • CSDN 还是不能改头像!!!

    都好几个月了 xff0c 技术问题么 xff0c 还是爬梯开大会 xff0c 连这个都不让改了 真不爽
  • CSDN-markdown语法之如何插入图片

    目录 图片上传方式 插入在线图片插入本地图片图片链接方式 行内式图片链接参考式图片链接几个问题探讨 问题1 xff1a 图片上传和图片链接两种方式的区别 问题2 xff1a Markdown中如何指定图片的高和宽 xff1f 问题3 xff
  • 以CSDN为例解释尼尔森十大交互原则

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

    按照时间线来记录点点滴滴 1 2022年4月 安卓领域实力新星 2 2022年7月 笔耕不辍 3 2022年8月 博客专家
  • csdn添加可跳转的文章目录连接

    一篇文章最好只有一个目录 toc 这是文章标题 toc 自定义标题 自定义标题这样写
  • 记Nani_xiao的CSDN成长历程

    从小白 一步一步走来 记下我的成长脚步 虽然现在还是一菜鸟 但是我在努力 在前进的路上永不止步 记下这些 希望五年后的自己 真的成为了自己所期望的样子 从第一篇博客 到原创97篇 虽然很多技术含量并不大 但都是平时学习中和学习后的心血 记录
  • 1步搞定CSDN生成头部目录

    在博客最上方输入 TOC 文章目录 即可实现生成目录 TOC 文章目录 效果图
  • JAVA-static关键字 多态

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

  • CSDN 缩进、目录、表格输入竖线或回车、字体及颜色设置

    目录 0 Markdown在线转换 1 缩进 2 目录 3 转义字符 4 字体 颜色 字号 4 1 颜色 4 2 字体 4 3 字号 4 4 背景色 5 表格 5 1 单元格对齐 5 2 合并单元格 6 数学公式 6 1 上下标 幂指数等
  • 即将离开CSDN,转其他平台

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

    这里写自定义目录标题 欢迎使用Markdown编辑器 新的改变 功能快捷键 合理的创建标题 有助于目录的生成 如何改变文本的样式 插入链接与图片 如何插入一段漂亮的代码片 生成一个适合你的列表 创建一个表格 设定内容居中 居左 居右 Sma

随机推荐

  • 【总结】Elasticsearch 导出建索引语句

    背景 有时候开发中 xff0c 经常会遇到多个环境间 xff0c 索引不一致的情况 xff0c 可能是开发过程中变更原有设计了 xff0c 但是没有及时更新发布文档 xff0c 导致上线后 xff0c 多个环境间不一致 同样的功能 xff0
  • 【总结】手动安装jar包到maven本地仓库

    背景 项目组小伙伴引用了一个在maven公共仓库没有的jar包 xff0c 于是乎本地编译通通过不了 本来应该是 xff0c 申请运维工单 xff0c 由运维传到maven私服仓库去 但流程太慢 xff0c 任务紧急 xff0c 只能先手动
  • 【总结】安全漏洞组件升级修复问题集群

    背景 最近在搞系统安全漏洞组件修复的工作 xff0c 项目是用springboot大件的 xff0c 用到了很多第三方组件包 xff0c 通过安全扫描软件时 xff0c 报了很多组件存在安全漏洞 于是很多组件只能硬着头皮升级 xff0c 升
  • 【总结】python3启动web服务引发的一系列问题

    背景 在某行的实施项目 xff0c 需要使用python3环境运行某些py脚本 由于行内交付的机器已自带python3 xff0c 没有采取自行安装python3 xff0c 但是运行python脚本时报没有tornado module 错
  • 【总结】记一次log4j包冲突引发es类找不到的问题

    问题现象 某天 xff0c 某个应用搞新的迭代 xff0c 突然报ElasticSearch 7 17 5 相关操作都失败了 xff0c 且问题是必现 xff0c 本地启动也能稳定复现 组内小伙伴按照es jar包冲突排查了一番 xff0c
  • 【总结】hive-jdbc升级后执行spark.sql查询hive报错NoSuchFieldError: HIVE_STATS_JDBC_TIMEOUT

    问题现象 最近做安全软件版本升级 xff0c 将hive jdbc从1 2 1升级到hive 2 3 3 xff0c 升级后 xff0c 发现系统 xff1a 通过spark sql 获取hive schema的功能不能用了 报错信息如下
  • 【总结】docker 安装教程

    各操作系统版本下载地址 mac 版 xff1a https download docker com mac linux版 xff1a https download docker com linux win版 xff1a https down
  • InvokeHelper函数的用法

    ActiveX控件的方法和属性操作与生成的C 43 43 类成员函数相关联都是通过InvokeHelper函数的调用来完成的 xff0c InvokeHelper函数的第一个参数是由Component Gallery xff08 控件提供者
  • 【总结】解决dubbo 升级至apache 2.7.18版本发生Zookeeper连接失败问题

    问题描述 最近在做系统的架构升级 xff0c 升级应用dubbo版本号至apache 2 7 18版 xff0c 发生Caused by java lang IllegalStateException Failed to connect w
  • 【总结】hadoop 磁盘满导致集群宕机排查解决

    hadoop 集群因磁盘满了 xff0c 导致服务挂掉 xff0c 甚至有机器宕机 当机器重启后 xff0c 启动nameNode 和 journalNode 有报错 1 启动 Namenode 错误信息 2023 03 27 10 23
  • 【总结】Linux vim编辑文件中文乱码cat正常(亲测有效)

    最近为了测系统的兼容性 xff0c 公司运维装了一台统信UOS arm 64的系统 xff0c 在该操作系统上部署时 xff0c 发现vim 编辑文件中文乱码 xff0c 但是使用cat 查看文件 xff0c 却是正常 网上搜索了一番 xf
  • 【总结】Springboot 从2.0.0升级至2.3.12版本hive使用报错问题解决

    背景 公司springboot 版本终于从老古董2 0 0 release 升到2 3 12版本了 xff0c 应用启动 系统登陆都正常 xff0c 但在回归验证hive时 xff0c spark sql 操作hive相关的功能却用不了 经
  • PCB封装尺寸-0402-0603-0805

    封装尺寸与封装的对应关系 封装尺寸功率电阻耐压值 V0201 1 20W2504021 0mmx0 5mm 1 16W5006031 6mmx0 8mm 1 10W5008052 0mmx1 2mm 1 8W15012063 2mmx1 6
  • SpringCloud五大核心组件使用方法

    目录 SpringCloud各组件简单介绍EurekaFeignRibbonHystrixzuul SpringCloud各组件使用方法前提准备Eureka入门案例1 新建Module2 修改pom文件3 创建 96 application
  • 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 深化
  • 我的vimrc配置文件

    34 vundle begin set nocompatible 34 与vi不一致 filetype off filetype plugin on 34 检测插件 set rtp 43 61 vim bundle vundle 34 载入
  • 以CSDN为例解释尼尔森十大交互原则

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