相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

尼尔森十大可用性原则在产品UI设计中的运用

柚子发布于:2019-11-3 11:15 |原作者: 爱画画的仙女兔|
柚子
青海省 玉树藏族自治州 平面设计师
发私信 + 关注
简介: 雅各布·尼尔森(Jakob Nielsen)是毕业于哥本哈根的丹麦技术大学的人机交互博士,他拥有79项美国专利,专利主要涉及让互联网更容易使用的方法。于1995年1月1日发表了「十大可用性原则」。1995年以来,他通过自己的 Alertbox 邮件列表以及 useit.com 网站,向成千上万的 Web 设计 ...

版权申明:本文出自“爱画画的仙女兔”原创,感谢“爱画画的仙女兔”的原创文章分享!

开篇灵魂拷问: 你认为一个怎样的产品才算是一个好的产品?
这个问题耳熟吗?面试的时候是不是有被问到过? 我们经常使用的那些产品,哪些是好的产品呢?
当我们谈论一个 APP 产品时,作为用户你最关心的是什么? 一般都是是这个产品好用吗?功能复杂吗? 而不是这个产品用户界面颜色好看吗? 交互的动效酷炫吗?
互联网已经深入到每个人的生活当中,时刻影响着我们; 一个好的产品会给我们带来便捷,使我们的生活变得简单而又美好; 也会有一些产品使用时会感到不舒服,糟糕的产品体验会让我们的生活变得复杂而又烦恼。 所以,决定一个产品好不好用,能不能长期使用都是用户体验直接决定的。 用户体验关注的是在满足用户需求的同时带给用户美好的感受。

接下来我们来聊一聊「尼尔森十大原则」,这十大原则是具体而又全面的用户体验可行性检验方法。

尼尔森是谁? 尼尔森十大可用性原则在产品UI设计中的运用 飞特网 设计理论 雅各布·尼尔森(Jakob Nielsen)是毕业于哥本哈根的丹麦技术大学的人机交互博士,他拥有79项美国专利,专利主要涉及让互联网更容易使用的方法。于1995年1月1日发表了「十大可用性原则」。1995年以来,他通过自己的 Alertbox 邮件列表以及 useit.com 网站,向成千上万的 Web 设计师传授 Web 易用性方面的知识,尽管他的一些观点可能带来争议,至少在 Web 设计师眼中,他是 Web 易用性领域的顶尖领袖。2006年4月,并被纳入美国计算机学会人机交互学院,被赋予人机交互实践的终身成就奖。他还被纽约时报称为"Web 易用性大师",被 Internet Magazine 称为 "易用之王"。

FEVTE编注:更多UI设计教程,和UI设计理论知识请访问飞特网UI设计教程栏目:https://www.fevte.com/plan/UIdesign/

尼尔森的十大可用性原则,它们被称为「启发式」,

是广泛的经验法则,而不是特定的可用性指导原则。

虽然是1995年提出来的,但是至今仍然被奉为交互设计师的入门法则,

我们不能把它上升为一种标准,而只当做一种经验来学习,

然后跟现实中的设计结合来使用。

因为尼老师是从 web 设计提出的十大可用性原则,

我们要结合的是目前移动互联网的特点,

然后在「尼尔森十大原则」的结构下探讨在用户体验上达到的目标。

尼尔森十大可⽤用性原则为:

01. 状态可见原则

02. 环境贴切原则

03. 撤销重做原则

04. 一致性原则

05. 防错原则

06. 易取原则

07. 灵活高效原则

08. 易扫原则

09. 容错原则

10. 人性化帮助原则

下面我们就针对每一条来单独分析一下吧~

1 ·. 状态可见原则

系统应该让用户知道发生了什么,在适当的时间内做出适当的反馈。

不要蒙蔽用户;沟通是所有关系的基础,无论⼈还是设备。


示例:在淘宝里,我下拉时他告诉我「松开刷新」,也就是现在还没有开始刷新;我松开后状态变更成「刷新中」,表示现在正在刷新。 这样的设计告诉我们,界面现在是什么状态,现在在干嘛,在整个功能的变化过程中我们都能看到对应的文字描述。

尼尔森十大可用性原则在产品UI设计中的运用 飞特网 设计理论

其他示例:下拉刷新时的加载中,加载完成提示,收藏成功、支付成功、实付失败等提示。

尼尔森十大可用性原则在产品UI设计中的运用 飞特网 设计理论

2·.环境贴切原则

功能和服务贴近用户使用的场景,符合当前场景用户的体验。

产品的功能和服务应该贴近真实世界,让信息更自然,逻辑上也更容易被用户理解。

示例:我们在店里买东西的时候经常会听到这样的声音「支付宝到账:5元」就是贴近环境的设计。商家需要确认你是否付钱,但是又经常忙于手头的事情无法及时查看; 而这样功能的设计,商家即使在忙着手头的事情依然能通过声音来确认已经收到你的钱了。 这样的设计对于商家和消费者是友好便捷的。 尼尔森十大可用性原则在产品UI设计中的运用 飞特网 设计理论 3 ·. 撤销重做原则

在使用产品时了解和掌控当前页面。

如果用户误操作,可以随时撤销,用户在使用产品时足够自由。

示例1:我们用微信和对方聊天时,当我们写了很多字,发出去时却发现其中有错误,这时我们可以使用微信的撤回功能,体验更好的是,撤回消息旁边有「重新编辑」功能,可以让之前编辑的文本回到对话框重新编辑再发送。如下图:

尼尔森十大可用性原则在产品UI设计中的运用 飞特网 设计理论

示例2:iOS系统照片的删除和撤回

尼尔森十大可用性原则在产品UI设计中的运用 飞特网 设计理论

4·.一致性原则

同样的文字、状态、按钮,都应该触发相同的事情,遵从通用的平台惯例。也就是,同一用语、功能、操作保持一致。主要包括以下五个方面:

1. 结构一致性

保持一种类似的结构,新的结构变化会让用户思考,规则的排序能减轻用户的思考负担。

示例:微信中每个模块的条目都有统一的「图标+文字信息」的结构样式,能让用户快速了解每一个模块;

尼尔森十大可用性原则在产品UI设计中的运用 飞特网 设计理论

2. 色彩一致性

产品所使用的主要色调应该是统一的,而不是换一个页面,颜色就不同。

示例:淘宝的图标颜色与界面的主色均为橙色,也包括其中一些标签和强调的文字颜色都是橙色色。整个界面除了图片的有效信息外,都通过灰、白、橙色色来呈现,界面保持了很好的一致性;

尼尔森十大可用性原则在产品UI设计中的运用 飞特网 设计理论

3. 操作一致性

能在产品更新换代时仍然让用户保持对原产品的认知,减小用户的学习成本。

示例:微信在对话框和通讯录都采用了左滑出操作的交互,如下图:

尼尔森十大可用性原则在产品UI设计中的运用 飞特网 设计理论

123下一页
17

好评
15

差评

刚表态过的朋友 (32 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

柚子
青海省 玉树藏族自治州 平面设计师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计