jakob slam_Jakob Nielsen针对用户界面设计的第二种可用性启发法

jakob slam

In the pursuit of providing great user experiences, it’s imperative that digital products are evaluated. A

为了提供出色的用户体验,必须对数字产品进行评估。 一个

heuristic evaluation is essential to delivering great user experiences. In order to identify issues within a digital product, many usability experts adhere to 启发式评估对于提供出色的用户体验至关重要。 为了识别数字产品中的问题,许多可用性专家都遵循Jakob Nielsen’s 10 general principles for interaction design. This article will focus on the second one of these principles which is Match Between the System and the Real World. If you missed the first one, Jakob Nielsen的10个交互设计通用原则 。 本文将重点讨论这些原则中的第二个原则,即系统与现实世界之间的匹配。 如果您错过了第一个, click here.请单击此处 。
Jakob Nielsen’s list of 10 usability heuristics
www.merixstudio.comwww.merixstudio.com

Principle #2: Match Between the System and the Real World

原则2:系统与现实世界之间的匹配

“Systems should speak the users’ language with familiar words, phrases, and concepts rather than system-oriented terms. Interfaces that follow real-world conventions and make information appear in a natural and logical order demonstrate empathy and acknowledgement for users.”

“系统应该使用熟悉的单词,短语和概念而不是面向系统的术语来讲用户的语言。 遵循现实世界惯例并使信息以自然和逻辑顺序显示的界面向用户展示了同理心和认可。”

A product’s design should use simple everyday language and recognizable elements because this is very reassuring to users. Specialized lingo and obscure icons alienate users and discourage their use of a product.

产品的设计应使用简单的日常用语和可识别的元素,因为这会使用户放心。 专门的用语和晦涩的图标使用户疏远,并阻止他们使用产品。

Unless the product is aimed at a technical crowd, ideas should be communicated to the user using non-technical terms.

除非产品面向技术人群,否则应使用非技术术语向用户传达想法。

Chart stating what to say and not say. For example, don’t say, “Riverine avifauna.” Say, “River birds.”
plainlanguage.govplainlanguage.gov

Sticking to more traditional wording on website navigation improves usability. Words and phrases that are already familiar to users instill a sense of understanding and confidence in a product. Jargon like spavings and blogroll on the Budgets are Sexy website, for example, can be confusing to the reader and should be avoided.

在网站导航上使用更传统的措词可以提高可用性。 用户已经熟悉的单词和短语会灌输对产品的理解和信心。 行话喜欢上了spavings博客链接 预算是性感的网站,例如,可以迷惑读者,应该避免。

Header and top navigation for the website Budgets are Sexy
www.budgetsaresexy.comwww.budgetsaresexy.com

Visual elements in design should also meet real world expectations. Users associate certain colors with specific meanings. For example the color red is typically associated with a warning or error; whereas, green is associated with passing, or correctness. The learning platform Canvas does not give the user a automatic and clear understanding that an assignment is complete. A checkmark is a positive indicator for this action; however, the color red makes the user second guess if the the assignment is complete as red creates a warning feeling. This could easily be resolved by changing the circled check mark to green instead which would give the user a feeling of confidence of completion.

设计中的视觉元素也应符合现实世界的期望。 用户将某些颜色与特定含义相关联。 例如,红色通常与警告或错误相关; 而绿色与通过或正确性相关。 学习平台Canvas不能使用户自动而清楚地了解作业已完成。 复选标记是此操作的积极指标; 但是,红色使用户第二次猜测分配是否完成,因为红色会产生警告感。 可以通过将带圆圈的复选标记更改为绿色来轻松解决此问题,这将使用户有完成信心。

Notification from the Canvas Student app which reads complete with a red check mark inside a red circle
Canvas Student mobile appCanvas Student移动应用

Users also create mental models or interpretations for the meaning or functionality of digital elements based on their past involvement with objects in their physical world. For example, popular icons like a phone, camera, or clock are easily identifiable and convey their purpose clearly to the user.

用户还根据过去对物理世界中对象的参与,为数字元素的含义或功能创建思维模型或解释。 例如,容易识别诸如电话,照相机或时钟之类的流行图标,并将其目的清楚地传达给用户。

iPhone icons for phone, camera, and clock
Apple.comApple.com

As can be seen, when the second usability heuristic is applied to language, visuals, and interactive design elements, it helps to display empathy to the user and make them feel like they matter. This principle works by instilling feelings of familiarity and trust in a product. It facilitates a true Match Between the System and the Real World.

可以看出,将第二种可用性启发式方法应用于语言,视觉效果和交互式设计元素时,它有助于向用户显示同理心并使他们觉得自己很重要。 该原理通过灌输对产品的熟悉感和信任感而起作用。 它促进了系统与现实世界之间的真正匹配。

Thanks for reading! I would love to hear your ideas and thoughts about this topic in the comments.

谢谢阅读! 我很乐意在评论中听到您对这个主题的想法和想法。

翻译自: https://uxdesign.cc/jakob-nielsens-first-usability-heuristic-for-user-interface-design-d04323c6ab3a

jakob slam

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

微软Office 365正式上架Mac App Store

今天,Office 365正式在Mac App Store上架,Mac用户可以轻松下载Word,Outlook,Excel,PowerPoint,OneNote以及整套微软的热门应用程序。用户还可以从应用程序内订购Office 365。苹果全球开发者关系高级主管Sha…

一文搞懂浏览器原理

大家好,我是若川。最近这几年,云计算的普及和 HTML5 技术的快速发展,越来越多的应用转向了浏览器 / 服务器(B/S)架构,这种改变让浏览器的重要性与日俱增,视频、音频、游戏几大核心场景也都在逐渐…

python处理excel可视化_python如何将excel数据处理可视化

python将excel数据处理可视化的方法:首先安装xlrd与xlwt库,进行表格读取;然后使用pyecharts生成Echarts图表的类库;最后安装Echarts读取Excel数据及显示即可。python将excel数据处理可视化的方法:Excel表操作python操作…

dataframe中将一列数据切分成多列

为什么80%的码农都做不了架构师&#xff1f;>>> 原sheet中数据 目的 将【备注】列切分成【key】列和【value】列 Python sheet[key] sheet[备注].str.extract(r(_.*(?\u503c))) sheet[value] sheet[备注].str.extract(r((?<).*))结果 参考 pandas.Series.st…

matplotlib可视化_EDA:Geopandas,Matplotlib和Bokeh中的可视化

matplotlib可视化Nowadays, everyone is immersed with plenty of data from news sources, cellphones, laptops, workplaces, and so on. Data conveys with tons of information from different data variables like date, string, numeric, and geographical format. How t…

(转)结婚那天,妈问我:坐在角落里象两个要饭模样的人是谁?

人人看到的文章 很感人~~~~结婚那天&#xff0c;妈问我&#xff1a;坐在角落里象两个要饭模样的人是谁&#xff1f; 我看过去的时候&#xff0c;有个老头正盯着我&#xff0c;旁边还有个老太太&#xff0c;发现我看着他们时赶忙低下头。我不认识他们但也不象要饭的&#xff0c;…

nginx-1.13.x源码安装

Nginx 安装配置【依赖库】[ zlib ]&#xff08;下载&#xff09;http://download.chinaunix.net/download.php?id24013&ResourceID12241 [ pcre ]apt-get install libpcre-dev[ openssl ]&#xff08;下载&#xff09;http://download.chinaunix.net/download.php?id3937…

小技巧!CSS 整块文本溢出省略特性探究

大家好&#xff0c;我是若川。欢迎加我微信 ruochuan12&#xff0c;长期交流学习。今天的文章很有意思&#xff0c;讲一讲整块文本溢出省略打点的一些有意思的细节。点击下方卡片关注我&#xff0c;或者查看源码系列文章。文本超长打点我们都知道&#xff0c;到今天&#xff08…

linux配置ip地址 suse_SUSE Linux下设置IP的两种方法

第一种SUSE Linux IP设置方法ifconfig eth0 192.168.1.22 netmask 255.255.255.0 uproute add default gw 192.168.1.2释义&#xff1a;#IP配置&#xff0c;包括子网掩码,看情况修改eth0和192.168.1.22#网关修改 ,看情况修改192.168.1.2第二种SUSE Linux IP设置方法在suse操作系…

寒假作业3:抓老鼠啊

7-1 抓老鼠啊~亏了还是赚了&#xff1f; &#xff08;20 分&#xff09; 某地老鼠成灾&#xff0c;现悬赏抓老鼠&#xff0c;每抓到一只奖励10元&#xff0c;于是开始跟老鼠斗智斗勇&#xff1a;每天在墙角可选择以下三个操作&#xff1a;放置一个带有一块奶酪的捕鼠夹(T)&…

笔记本移交_创建完美的设计移交

笔记本移交重点 (Top highlight)Design specifications (specs) are guidelines that developers will use to implement a design. Think of an architect providing building blueprints to the construction team. Many designers think of specs as mindless zombie work. …

大手笔,送¥1599的Apple AirPods Pro和独家礼物等

大家好&#xff0c;我是若川。为感谢公众号读者们长久以来的支持&#xff0c;本次我联合几位前端界大佬给大家送超级福利了。除了联合福利之外&#xff0c;每位前端大佬还带了专属礼品送给大家&#xff0c;所有抽奖均可重复参与、可重复中奖&#xff0c;详情见下文每个公众号的…

jQuery1.4新特性

1. 传参给 jQuery(…) 之前&#xff0c;jQuery可以通过 attr 方法设置元素的属性&#xff0c;既可传属性的名和值&#xff0c;也可以是包含几组特定 属性名值对 的 对象。在 jQuery 1.4 中&#xff0c;你可以把一个参数对象作为第二个参数传给 jQuery 函数本身&#xff0c;同时…

python pack unpack_golang 仿python pack/unpack

package includesimport ("bytes""encoding/binary""fmt"_"os""strconv""strings")type Protocolstruct{Format []string}//封包func (p *Protocol) Pack(args ...interface{}) []byte{la :len(args)ls :len(p.Fo…

JavaScript递归应用与实践

递归简单来说就是函数内调用自生的一种方法&#xff0c;形如&#xff1a; function foo(){foo() } 复制代码下面我列举一些常用的递归应用。 1. 求和&#xff0c;例如求1234...100之和 分析如下&#xff1a; sum(100)sum(99)100 sum(99)sum(98)99 ... sum(1)sum(0)1 复制代码代…

一个好的设计师_是什么让一个好的设计师

一个好的设计师重点 (Top highlight)The design manager role has grown considerably over the past five years. As design has been recognised as a business value-driver and organisations have increased their design maturity, we’ve seen lots more design managem…

PHP-Redis扩展安装 error: ext/standard/php_smart_str.h: No such file or directory

在源码编译PHP-redis扩展时&#xff0c;遇到缺少头文件问题【问题描述】error: ext/standard/php_smart_str.h: No such file or directory 【问题原因】PHP安装好的头文件目录&#xff1a;/php/include/php/ext/standard/&#xff0c;这些头文件&#xff0c;在php7之前的版本&…

相见恨晚的一款前端布局神器!

大家好&#xff0c;我是若川。欢迎加我微信 ruochuan12&#xff0c;长期交流学习。今天给大家推荐一款非常实用的前端页面布局神器&#xff0c;点击下方卡片关注我&#xff0c;或者查看源码系列文章。页面和布局是一门前端程序员的必修课&#xff0c;css 从来也不是停留在面试八…

IC设计前端几本经典书籍

No.1 Writing Testbenches, Functional Verification of HDL Modelsby Janick Bergeron本书主要以HDL&#xff08;verilog/vhdl&#xff09;为例&#xff0c;详细讲述了在IC DESIGN FLOW中Verification 以及Test的设计思想、方法和技巧&#xff0c;涵概了测试的各个方面&#x…

unreal无损音乐百度云_将网易云音乐专用的无损音乐格式转换成全平台通用的无损格式...

前几天发现网易云音乐的ncm格式很坑爹&#xff0c;由于网易云的部分音乐采取了这种流媒体平台模式&#xff0c;这种格式的歌曲下载到设备本地以后只有在网易云音乐的app上面才能播放&#xff0c;而且还要在会员生效期间才能播今天网易云弄出一个ncm&#xff0c;明天百度音乐来一…