• 以指代步
社交账号登录
  • 首页
  • 博客
  • 模板
  • 源码
  • 壁纸
  • 视频
  • 软件
  • 文库
  • 学习
  • 创作中心
  • 关于我们
  • 招兵买马
  • 联系我们
  • 法律申明
  • 合作招商
  • 注册
  • 粉丝
  • 关注
  • 创作
  • 用超多案例,帮你掌握尼尔森十大可用性原则

  • 落霞与孤鹜 2022-04-02 23:54:52 收藏
  • 文章标签: 用户 原则 尼尔森
  • 尼尔森设计原则是人机交互学博士 Jakob Nielsen 于 1995 年发表的“十大可用性原则”。尼尔森博士分析了两百多个可用性问题而提炼出的十项通用型原则,它是产品设计与用户体验设计的重要参考标准,值得每个交互设计师理解与思考。今天把尼尔森设计原则结合一些产品案例进行总结:

    用超多App 案例,帮你掌握尼尔森十大原则

    谈到我们生活中的那些产品和服务,它们常伴于我们左右,影响着我们的生活,与我们处处相关联,同样的这些产品也会影响我们的感受,我们常常在使用时会感到喜悦,也偶尔会在使用另一些产品时会感到不舒服,这些感受都是由产品和服务的体验直接决定的。

    阅读文章 >

    原则一:状态可见性原则

    系统应该让用户时刻清楚当前发生了什么事情,也就是快速的让用户了解自己处于何种状态、对过去发生、当前目标、以及对未来去向有所了解,一般的方法是在合适的时间给用户适当的反馈,防止用户使用出现错误。

    沟通是所有关系的基础,无论人还是设备。产品应该通过在合理时间内的适当反馈,向用户通知正在发生的事情或者当前的状态。

    1. 用户知道系统在做什么
    2. 用户知道自己在什么位置
    3. 用户知道下一步操作应该去往哪里

    用超多案例,帮你掌握尼尔森十大可用性原则

    产品名称:抖音

    体验说明:图一是抖音用户双击点赞后的反馈图,图二是抖音收藏成功后的提示图

    解释说明:利用提示语、icon 图标等方式告知用户自己的操作“成功”;图三,手机信号出现问题加载失败的时候也会告知状态。告知的方式有很多,除了图中的图标、文字等,还有声音、震动、动效等方式。

    原则二:环境贴切原则

    软件系统应该使用用户熟悉的语言、文字、语句,或者其他用户熟悉的概念,而非系统语言。软件中的信息应该尽量贴近真实世界,让信息更自然,逻辑上也更容易被用户理解。

    用超多案例,帮你掌握尼尔森十大可用性原则

    产品名称:豆瓣 FM

    解释说明:音乐唱片切换播放的交互行为虚拟现实场景中翻唱片。利用现实生活中的一些行为作为设计元素进行隐喻,很大程度上降低用户学习成本同时激发用户的使用兴趣。设计师在设计的过程中不要轻易自主创作手势交互,表现形式也最好借鉴现实生活的图形符号,以免增加用户认知和学习成本。

    原则三:用户可控原则

    用户常常会误触到某些功能,我们应该让用户可以方便的退出。这种情况下,我们应该把“紧急出口”按钮做的明显一点,而且不要在退出时弹出额外的对话框。很多用户发送一条消息、总会有他忽然意识到自己不对的地方,这个叫做临界效应;所以最好支持撤销/重做功能。

    用超多案例,帮你掌握尼尔森十大可用性原则

    产品名称:微信

    解释说明:用户可控性原则需要用户在操作过程可以自由的导航和退出、对于不可逆转的操作可以有提示,需要用户二次确认。如图一用户可以自由导航,进入内页后返回按钮或者右滑手势可以返回;同时图二,点击“看看”按钮,再次点击可以进行取消收藏;图三中,对于用户的误操作或者说是不可逆转的行为,有弹出框提示。

    原则四:一致性原则

    对于用户来说,同样的文字、状态、按钮,都应该触发相同的事情,遵从通用的平台惯例;也就是,同 一用语、功能、操作保持一致。

    用超多案例,帮你掌握尼尔森十大可用性原则

    产品名称:微信阅读

    解释说明:一致性原则在视觉、结构、行为交互、反馈层面都有所体现,微信阅读的交互行为在期刊和书籍阅读上做了区分。所有的书籍采用左右滑动翻页;期刊才有上下滚动方式翻页。同时视觉上统一品牌色,文章的字体排版也一致,便于用户识别。这就是为什么 UED 部门都要有自己的交互规范与视觉规范要遵守的原因。

    原则五:防错原则

    比一个优秀错误提醒弹窗更好的设计方式,是在这个错误发生之前就避免它。可以帮助用户排除一些容易出错的情况,或在用户提交之前给他一个确认的选项。在此,特别要注意在用户操作具有毁灭性效果的功能时要有提示,防止用户犯不可挽回的错误。

    用超多案例,帮你掌握尼尔森十大可用性原则

    产品名称:微信

    在进行危险操作或者不可逆转操作的时候有提示,如上图第一张的弹出框提示;错误预防的另外一个方法是利用一些视觉元素引起用户注意 ,提供警示作用,如上图的右图。

    原则六:识别好过记忆

    通过把组件、按钮及选项可见化,来降低用户的记忆负荷。用户不需要记住各个对话框中的信息。软件的使用指南应该是可见的,且在合适的时候可以再次查看。

    用超多案例,帮你掌握尼尔森十大可用性原则

    产品名称:夸克

    解释说明:识别好过记忆是指让用户减少识别记忆时间。图中夸克中的按钮采用可视化的表现形式,加以文字来辅助,让用户对信息一目了然。图标的形象比较扁平,虚拟现实生活的物品,或者其他 APP 的 icon 变形。PART2,展示用户常用或最近的历史记录,帮助用户记忆。

    原则七:灵活高效原则

    灵活高效原则旨在使用户更快捷的使用产品,让用户在最短的路径下最快实现目标。这需要对用户的使用场景、使用流程进行深度挖掘。汽车油门—新手用户常常看不见,而且对于高手来说可以通过它快速与汽车互动。这样的系统可以同时满足有经验和无经验的用户。允许用户定制常用功能。

    产品:腾讯会议

    点开腾讯会议 APP,首页展示如下图所示。根据用户参会的场景进行分类,常用的会议场景包括:加入提前预定好的会议、即时性快速开始会议、个人提前预定会议,以及在线下会议室并且需要马上进行无线投屏。四个场景分别对应:加入会议、快速会议、预定会议、无线投屏四个功能。四个功能分类,全面覆盖用户开会最常用的几个场景。同时,直接把几个场景功能进行区分,方便用户快速选择自己适合的功能,灵活高效,节约不必要的交互流程。

    用超多案例,帮你掌握尼尔森十大可用性原则

    原则八:优美且简约原则

    对话中的内容应该去除不相关的信息或几乎不需要的信息。任何不相关的信息都会让原本重要的信息更难被用户察觉。

    用超多案例,帮你掌握尼尔森十大可用性原则

    产品名称:多抓鱼

    解释说明:多抓鱼是 C2B2C 的电商平台,链接买卖双方,但是多抓鱼的框架、布局、视觉等各方面都很简洁。框架层:首页(浏览二手书)、卖书(一键扫码免费上门取书)、购物车、个人中心。简单明了,突出核心功能。同时多抓鱼的买书界面(图 2),图文形式简单的介绍卖书流程,一个按钮可以扫码卖书;个人中心中悬浮按钮可以直接写书评。界面布局与视觉干净简洁,减少视觉干扰项。首页的书籍列表,仅仅展示折扣、书名、豆瓣评分、价格几个关键字段,点进内页才有更多评价和介绍。总体来说多抓鱼的设计在各个方面都做的很简洁、清新,也符合文艺小青年的目标人群

    原则九:容错原则

    错误信息应该使用简洁的文字(不要用代码),指出错误是什么,并给出解决建议。也就是在用户出错时如何为出错的用户提供及时正确的帮助呢?即要帮助用户识别出错误,分析出错误的原因再帮助用户回到正确的道路上。如果真的不能帮助用户从错误中恢复,也要尽量为用户提供帮助让用户损失降到最低。

    用超多案例,帮你掌握尼尔森十大可用性原则

    产品名称:百度浏览器

    解释说明:在进行信息填写等一些操作行为的时候,需要使用到这个原则。如图一在用户填报信息前会有提示性信息防止用户填写失误、在用户填写的信息不符合要求的时候会有提示性信息描写哪里有问题。这个原则在一些填报银行卡等安全行为的时候也常用到,系统自动把需要注意的事项给用户,使用户防止出错。

    原则十:人性化帮助原则

    即使系统不适用帮助文档是最好的,但我们也应该提供一份帮助文档。任何帮助信息都应该可以方便地搜索到,以用户的任务为核心,列出相应的步骤,但文字不要太多。

    用超多案例,帮你掌握尼尔森十大可用性原则

    用超多案例,帮你掌握尼尔森十大可用性原则

    产品名称:KEEP

    解释说明:如上图中,用户初次使用 KEEP 课程的时候,会有相关提示进行行为引导;下图的添加设备的流程,每页的步骤引导用户进行选择,找到自己想添加的设备进行添加,引导用户将行为串行。并且最后一个 KEEP 链接小米设备的步骤,给用户进行提示。从而总结最常用的帮助与引导原则的方式有:采用一次性的提示信息、常驻的提示性信息、流程引导、帮助信息等

    若有收获,就点个赞吧!

    用超多案例,帮你掌握尼尔森十大设计原则(上)

    对于尼尔森原则,很多人应该并不陌生,但是并没有系统的了解过。

    阅读文章 >

    用超多案例,帮你掌握尼尔森十大设计原则(下)

    对于尼尔森原则,很多人应该并不陌生,但是并没有系统的了解过。

    阅读文章 >

    本篇来源:优设网

    原文地址:https://www.uisdc.com/nielsen-design-principles-4

    评论
    Artlist模板 广告