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.pswp.cn/news/276038.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/276038.shtml
英文地址,請注明出處:http://en.pswp.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;明天百度音樂來一…