百摩网
当前位置: 首页 生活百科

产品设计注意复杂度(眼皮底下溜走的用户体验)

时间:2023-06-02 作者: 小编 阅读量: 1 栏目名: 生活百科

在产品设计中需要关注哪些要素,才能让用户感知更友好?他还被纽约时报称为“Web易用性大师”,被InternetMagazine称为“易用之王”。状态可见原则金句:系统应该让用户知道发生了什么,在适当的时间内做出适当的反馈。用户在网页上的任何操作,不论是单击、滚动还是按下键盘等等,页面应即时给出反馈。这个当然由用户说了算,不能让用户不舒服,也就是用户可以接受的等待时间差。

在产品设计中需要关注哪些要素,才能让用户感知更友好?

做产品的人张口闭口就是用户体验,但当真正提到用户体验时,你第一个瞬间想到的是什么?是哪个客户端长得特别丑? 是哪个APP加载页面特别慢还老是闪退?还是生活中那些反人类的设计?

互联网上有许多关于用户体验和产品设计的研究,写的都很值得学习,如产品体验要素中的五大层级的方法论、划分需求类型的KANO模型等。但用户体验这个概念终究难免让人感觉有些虚,毕竟她不具体指代某个事物,于是乎在这篇文章里,本小白选用尼克森的十大产品可用性原则来分析当我们在设计产品的时候,该注意哪些要素、该如何让用户感知到产品是友好的,该如何增强我们对用户体验的获得感,让她变得看得见、摸得着。

先介绍一下这位牛人:Jakob Nielsen是毕业于哥本哈根的丹麦技术大学的人机交互博士 , 他拥有79项美国专利,专利主要涉及让互联网更容易使用的方法,被赋予人机交互实践的终身成就奖。他还被纽约时报称为“Web 易用性大师”,被 Internet Magazine 称为 “易用之王”。

状态可见原则(Visibility of system status)

金句:系统应该让用户知道发生了什么,在适当的时间内做出适当的反馈。 用户在网页上的任何操作,不论是单击、滚动还是按下键盘等等,页面应即时给出反馈。

解释:基本所有的网站和APP都有导航栏的功能,Axure中也有站点地图的功能,这些都是为了让使用者明白自己目前在哪个位置,在操作哪些功能以及明确接下来的操作逻辑。”即时反馈”(feedback within reasonable time)到底是多么即时呢? 这个当然由用户说了算,不能让用户不舒服,也就是 用户可以接受的等待时间差。一个页面加载页你不能让我等数十秒,这样用户早就退出去了,让用户没有明显感知的应该控制在2秒内。

再如做了一个下拉动作后今日头条、新浪微博、QQ都给出了相应的反馈信息,这就是所谓的状态可见性,这就是给用户的反馈,而不至于操作一个动作后任何反馈都没有。网上的一个比喻“你要把你的用户想象成一个极没有安全感的小姑娘,你要时时向她(用户)汇报你在干什么,只有这样她(用户)才不会感到无助、没有方向、不知道干什么“。

环境贴切原则(Match between system and the real world)

金句:系统应该用用户的语言,用词,短语和用户熟悉的概念,而不是系统术语。遵循现实世界的惯例,让信息符合自然思考逻辑。网页的一切表现和表述,应该尽可能贴近用户所在的环境(年龄、学历、文化、时代背景),而不要使用第二世界的语言。

解释:许多APP的icon隐喻式的设计与拟物化是对这句话的一个很好的解释。我们所做的任何一个交互点应该清晰易懂,不要让用户思考这是什么,也不要轻易改变一些约定的习惯。比如,一个已付款的icon(通常如下图标记处),无论是微信还是支付宝都是这个样子,但你为了所谓的博人眼球,“创新”的设计出一个只有你这个APP才有的图标类型,这就很尴尬了。

撤销重做原则(User control and freedom)

金句:用户经常错误地选择系统功能而且需要明确标识离开这个的“出口”,所以需要做到当用户在使用产品的过程中可以自由进退,当用户陷入麻烦时要给用户提供离开的出口即为用户提供撤销、重作等相关操作。

解释:微信的消息撤回和邮箱的邮件撤回功能都是例子。据说有个面试产品的哥们被问到“为何微信会推出消息撤回功能并且设置在两分钟内”,网上回答七嘴八舌,有的甚至深入到厚黑学中…其实从这点原则出发,无非就是给用户一个改错的机会嘛,还不给我手滑? (当然有可能有其他原因 如增加社交趣味性等。至于为啥时两分钟,据说大数据显示微信端从发出信息到接收人看到信息人均是2分钟)

一致性原则Consistency and standards

金句:产品在遵循平台惯例的基础上也要保证产品功能操作、控件样式、界面布局、提示信息的一致性,不要让用户在使用产品的时候发现不符合产品规范的地方。

解释:这一点就是说你让你的小姑娘对你产生信任了后,就不要多情善变啦,一个APP中的收藏icon,要不统一都是五角星型,要不统一是爱心型,不应该使用两套标准。返回按钮也是一样。再如下图两款产品从启动页到首页都是一个主色调,显得统一整齐。而有的APP却经常会忽略这一点,比如在淘宝的专题页里你会发现,上一个下面和下一个页面风格常常变化得很大,甚至让你感激到这不是同一个APP里的内容(当然这点更应该是业务的问题,淘宝的小二只管自己的KPI,哪有时间统一这些看起来不太必要的细节)

防错原则(Error prevention)

金句:用户在使用产品的时候难免会出错,但一个好的产品应该是在用户容易出错的地方防止或直接把出错的可能性给去除掉,避免错误的发生。因此如何让用户避免出错就需要对产品页面的设计、布局、规则上进行反复验证,并把发生错误的可能性降到最低或没有。

解释:许多网站对于删除的操作往往都会有再次提醒的功能,如微信取消关注微信公号的功能,防止用户误操作(当然也是为了给公号点机会);再如途游网站上用万年历的元件取消手动输入日期,同时将出发和结束时间进行分屏操作,这都是为了尽量将可能出错的情况降低到最小程度。 当然还有很多,像“确认”和“取消”的按钮,谁放在左边谁放在右边都是有考虑的,符合使用习惯、减少出错机会。

易取原则(Recognition rather than recall)

金句:尽量减少用户对操作目标的记忆负荷,动作和选项都应该是可见的。用户不必记住一个页面到另一个页面的信息。系统的使用说明应该是可见的或者是容易获取的。

解释:人都是懒得,使用我们APP的用户更懒,你能帮他省事,他就给你机会。就像早期苹果手机出来的时候就非常富有创新力。市面上的手机都是带实体键盘的,用户需要记忆各种按键代表的意思,要实现一个功能可能出现多次按键,但iPhone的home一个键就可以了。(据说这个创新最初来源于抽水马桶的一键冲水的设计 你懂得)。还有许多APP都会提供历史记录的功能,也是为了方便用户去回忆曾经做过的操作,直接去记录栏里找就可以了,如微信的红包记录页,网易云音乐的最近播放的歌曲记录页。

灵活高效原则(Flexibility and efficiency of use)

金句:用户在使用产品时能够方便快捷的完成相关任务或动作,即让用户以最快最便捷的方式完成任务。为大多数用户设计,不要低估,也不可轻视,保持灵活高效。

解释:这里原文将用户分为初级用户、中级用户、高级用户。这三类用户需求范围依次扩大,要求的功能点也可能逐步升级,比如新媒体工作者常用的微信编辑器,有的用户只需要使用文字和图片编辑,操作一下模板就可以了,而有高级点的用户则会使用代码来使用更多的样式更强大的功能(如下图 其实两者最终是一个效果)。但要始终记得二八原则,中级用户数远远大于高级和初级用户,为大多数用户设计。

当然这个原则还有一个点就是方便快捷的操作,如QQ里会出现最近用的表情作为快捷回复,搜狗输入法里会优先显示你常打的关键词等。

简单化原则(Aesthetic and minimalist design)

金句对话中不应该包含无关紧要的信息。在段落中每增加一个单位的重要信息,就意味着要减少相应的弱化一些其他信息。 互联网用户浏览网页的动作不是读,不是看,而是扫。易扫,意味着突出重点,弱化和剔除无关信息。

解释: 要知道一页可以展示的信息就那么大,急于把你的信息一股脑传递给用户只会适得其反。就像早期的淘宝网首页一样,信息繁杂缺乏次重点。在一个统一的页面中,每个内容的出现都会影响到每条信息所占的权重,而这个权重比是否分配的科学,会直接影响到用户的感知效果,继而影响用户体验。

下图据说是调研公司做的热力图,研究了网站用户在浏览网页的时候首先看的哪里会更多一些,停留得更久一些。所以你应该尽量简单化你的设计,根据用户习惯突出主次,这样的效果才会更好一些 。优质的案例可以参见微信就行了,就是一个极简的产品设计。但其实你看看微信,并不是因为人家内容少而显得结构简单,而是遵从了秩序,这里安利一句前辈的话“想追求极简的设计,不只是因为是抛去了多余的装饰,更是因为它能给复杂带来秩序!”

容错原则(Help users recognize, diagnose, and recover from errors)

金句:错误信息应该用语言表达(不要用代码),较准确地反应问题所在,并且提出一个建设性的解决方案。同时帮助用户从错误中恢复,将损失降到最低。如果无法自动挽回,则提供详尽的说明文字和指导方向,而非代码,比如404。

解释:这个原则和某些职场毒鸡汤是一样的,聘你来公司不要只给我提出一堆问题,既然出现这个状况了,你得给我解决了,不能办完事擦擦屁股就走人了。像谷歌浏览器和早期的简书出错时给出的多种解决方式。再如注册邮箱或者注册APP账号的时候,如果输入的已经被注册过的账号则会有dialog或者toast提示你。

人性化帮助原则(Help and documentation)

金句:为用户提供必要的帮助文档或者手段,文档中要包含用户所要的各种情况和信息,帮助文档要全、简单、用词要本地化。帮助性提示最好的方式是:1、无需提示;2、一次性提示;3、常驻提示;4;帮助文档。

解释:如果系统不使用文档当然是最好的,但是有必要提供帮助和文档。任何信息应容易去搜索,专注于用户的任务,列出具体的步骤来进行。实际上这点市场上用的是很多,基本每款APP都会有,形式不一,有的蒙灰指引,有的在旁边加上问号的icon,有的加入一个使用说明页藏在设置里,有的直接留下可以直接拨打的400电话。但还是要遵守上面的原则,是否有必要加,必要加的话采用什么形式,放在什么位置才会显得更加有意义。

后记:这十条原则是尼克森老爷子在1995那年提出来的,不得不佩服这都过去二十多年依旧对现今有着巨大的指示作用,有人说互联网变化得很快,但有些共通的东西历久弥新。当然,某些地方也会存在不太合适的地方,这会在产品人日常工作实践中不断改进。

以上为小白参见大牛大作后,写的见解,欢迎拍砖。

作者:Merlin,产品爱好者,深大在读研究生,野蛮生长。

本文由 @Merlin 原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自PEXELS,基于CC0协议

    推荐阅读
  • 完美关系在那个台几点播出(你知道吗)

    接下来我们就一起去研究一下吧!完美关系在那个台几点播出当代都市题材电视剧《完美关系》的播出时间:2020年2月18日,首播平台:湖南卫视、爱奇艺、腾讯视频。若是VIP会员24点更新,非会员次日24点观看,2018年7月拍摄,由浙江金溪影视有限公司制作,制作周期12个月,该剧由安建导演,主演:黄轩,佟丽娅,陈数。

  • 堂哥的儿子是我的外甥还是侄子(堂哥的儿子是我的外甥还是侄子呢)

    亦称朋友的儿子,属于客套话,而哥哥的小孩其实就是弟兄的孩子,所以叫“侄子”最恰当不过。姑侄对称,与亲兄弟之子无关。在此之前,兄弟之子称为兄子和弟子,多用作亲属的“转述叙称”称谓。

  • 晨跑和夜跑哪个更减肥瘦身(晨跑和夜跑哪个减肥更快)

    但是对于减肥的人而言,还是要有所限制。

  • 施瓦辛格成功绝非偶然(从穷小子到国际巨星)

    在加入美国国籍后,他就报名参加了美国举办的国际健美比赛,而在本场比赛上,施瓦辛格凭借着接近完美的男性身材而获得了比赛冠军,也因此得到了健美先生的称号。施瓦辛格心里一直有一个梦想——成为美国总统。施瓦辛格弃影从政,成功当选州长施瓦辛格在健美界和影坛所取得的成就也使得他闻名世界,他所积攒下的财富也使得他跻身亿万富翁。另外施瓦辛格还提出了使用清洁能源等政策,为此他还放弃

  • 汉服简介(汉服的介绍)

    与汉人一词类似,汉服中的“汉”字的词义外延亦存在着由汉朝扩大为整个民族指称的过程。汉服“始于黄帝,备于尧舜”,源自黄帝制冕服。定型于周朝,并通过汉朝依据四书五经形成完备的冠服体系,成为神道设教的一部分。汉服还通过华夏法系影响了整个汉文化圈,亚洲各国的部分民族如日本、朝鲜、越南、蒙古、不丹等等服饰均具有或借鉴汉服特征。

  • 山楂的保存方法(山楂的保存方法简述)

    下面内容希望能帮助到你,我们来一起看看吧!山楂的保存方法对于已经切开的山楂,想要保存可以放进盐水中,也可放在阳光下晾晒,让水分尽快蒸发掉。完整的山楂保存可以装入塑料袋中,扎紧袋口放进冰箱冷藏。在容器底部放一层细沙将山楂装入,再放一层细沙密封保存。最简单的方法是放入保鲜膜中,把里面空气放干净,密封袋口保存。

  • 象棋中的马怎么算撇脚(撇脚的具体情况如下)

    以下内容大家不妨参考一二希望能帮到您!象棋中的马怎么算撇脚比如马要向前跳!那马前面也就是马头上如果有棋子就是挡马脚!无论马往哪边跳!马前面有一颗棋子挡着,比如想向前跳,紧挨着马的正前方有一颗棋子,都叫撇脚马,同理,你想向左跳,紧挨着马的左方有一颗棋子也叫撇脚马。

  • 赘婿楼舒婉为什么要杀死家人 赘婿楼舒婉报仇了吗

    在对方强占檀儿时,被宁毅给撞见了,一向有仇必报的他,自然要将楼家给灭掉。之前宣威营的小头目绑走了苏檀儿,最终卖给了楼书恒。之后楼舒婉制作了防水衣送给了刘西瓜,刘西瓜又给了宁毅。之后宁毅发现了防水衣的秘密,急冲冲的跑到了楼家的布店,刚好撞见楼书恒在欺负苏檀儿。如此看来,这一切都是楼舒婉布下的局,就是为了弄死自己的哥哥和父亲。之后他的所作所为,都是为了报复自己之前遭遇的不公。

  • 自制瓷砖胶(瓷砖胶配方及制作方法)

    接下来我们就一起去研究一下吧!自制瓷砖胶先将冷水按比例加入到容器内,开启搅拌机再将胶粉徐徐撒入,高速搅拌10-15分钟即为胶水。批重钙、滑石粉,每1000公斤水加107胶粉13-14公斤、杀菌防腐剂3公斤,或加入甲醛2.5-3公斤,制成胶水。批硅酸盐灰白水泥:每1000公斤水直接加入107胶粉10-11公斤,制成胶水。

  • 研教学评一体化(备教学)

    只有经历这一大循环的教学,才能呈现一种持续评价教与学的目标达成度、教与学的进步度、决定教与学的需求,并实现螺旋上升的态势,使教与学和质量评价更有意义。所以,在“备、教、学、评一体化”教学指导下的教学新格局,应该是一个高效的课堂。