vue 可用的 ui

Jakob Nielsen’s

雅各布·尼尔森(Jakob Nielsen)

10 Usability Heuristics for User Interface Design are essential for every designer and developer to know and understand, in order to provide a seamless user experience for all end users. These timeless heuristics are broad rules of thumb that can be applied to everything from physical products to websites and mobile apps.10用户界面设计的可用性启发法对于每个设计师和开发人员都必须了解和理解，以便为所有最终用户提供无缝的用户体验。这些永恒的启发式方法是广泛的经验法则，可以应用于从物理产品到网站和移动应用程序的所有内容。

In this article, I’m going to explain and review each one with examples.

在本文中，我将通过示例进行解释和复习。

1.系统状态的可见性 (1. Visibility of system status)

The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.

系统应始终在合理的时间内通过适当的反馈使用户知道发生了什么。

It’s important to always keep your user in the loop during interactions to help avoid potential errors and frustrations. While we don’t need to tell them every single action that’s taking place (that could be overwhelming!), there are plenty of important cases such as:

重要的是在交互过程中始终使您的用户处于循环中，以帮助避免潜在的错误和挫败感。尽管我们不需要告诉他们正在发生的每一个动作(这可能会令人不知所措！)，但是有很多重要的情况，例如：

When a submit button on a form is clicked当单击表单上的提交按钮时
When a purchase order has been received收到采购订单后
When an item is added to or deleted from your cart购物车中添加或删除商品时
When a login attempt is successful or not登录尝试成功与否
When data entered is incorrect or in the wrong format输入的数据不正确或格式错误时

Check out this mock e-commerce example below, which notifies the user when items are added to their cart, deleted and purchased. It also shows a visual tally of how many items are currently in the cart to keep the user informed of the cart status:

在下面查看此模拟电子商务示例，该示例在将商品添加到购物车，删除和购买时通知用户。它还以可视方式显示购物车中当前有多少物品，以使用户了解购物车状态：

If we didn’t provide visibility of the “Add to Cart” feature here, a user could keep clicking that Tom Hanks mini skirt and end up purchasing twelve by accident! No judgement if that’s what they intended, but you probably only wanted one.

vue 可用的 ui_ui设计的10种可用性启发法相关推荐

jakob slam_Jakob Nielsen针对用户界面设计的第二种可用性启发法
jakob slam In the pursuit of providing great user experiences, it's imperative that digital products ...
利用人工智能进行网页设计的10种方法
作者:Harris 如今,网页设计不断发展,最好的网页设计师总是期待着他们工作中的下一件大事.人工智能(AI)正在成为中心舞台,并有可能彻底改变网页设计师的工作方式.通过人工智能,网站可以变得非常敏感 ...
系统测试设计的10种方法
一.等价类划分等价类的概念等价类某个输入域的子集合,在这个集合中每一个输入条件都是等效的, 如果其中一个输入不能导致问题发生,那么集合中其它输入条件进行测试也不可能发现错误. 有效等价类合 ...
UI培训技术分享：设计大神都在用的10种技法!
越来越多的人开始学习UI设计,想要进群到UI设计这个行业,本期小编为大家介绍的UI培训教程就是关于设计师会经常用到的一些技巧,帮助大家后期的工作中的应用. UI培训技术分享:设计大神都在用的10种技法 ...
第九十一期:架构设计常用到的10种设计模式，你都知道吗？
企业规模的软件系统该如何设计呢?在开始写代码之前,我们需要选择一个合适的架构,这个架构将决定软件实施过程中的功能属性和质量属性.因此,了解软件设计中的不同架构模式对我们的软件设计会有较大的帮助. 作者 ...
判别两棵树是否相等设计算法_一文看懂生成对抗网络 - GANs？（附：10种典型算法+13种应用）...
生成对抗网络 – GANs 是最近2年很热门的一种无监督算法,他能生成出非常逼真的照片,图像甚至视频.我们手机里的照片处理软件中就会使用到它. 本文将详细介绍生成对抗网络 – GANs 的设计初衷.基 ...
qt ui界面无法移动控件_都是知识点！移动端UI设计最基本的10种APP界面类型（上）...
如今互联网的发展和智能手机普及,移动应用成了人们的宠儿,很多多移动APP也会根据用户的需求而更迭本身的UI设计. 授人以鱼不如授人以渔,UI设计作为设计大类的一个细分岗位,如今已经随着时间的推移成为了 ...
【转】Web 设计中最常用的 10 种色调以及它们的示例
文章转载自:开源中国社区 [http://www.oschina.net ] 本文标题:Web 设计中最常用的 10 种色调以及它们的示例本文地址:http://www.oschina.net/ne ...
Vue Element table表格实现表头自定义多类型动态筛选 , 目前10种筛选类型，复制即用
一.效果图目前10种筛选类型看看是否是你需要的,本文可能有点长 ,我尽可能的给讲清楚,包括源码附上二.无聊发言点击当前行跳转部分数据后缀追加图标某列数据根据状态增加颜色标识三.前言实现 ...

vue 可用的 ui_ui设计的10种可用性启发法

1.系统状态的可见性 (1. Visibility of system status)

vue 可用的 ui_ui设计的10种可用性启发法相关推荐

最新文章

热门文章