好的人机交互设计(UX)评判标准的四个原则

一些设计的基本原则往往是通用的,甚至可以说放之四海皆准的,例如优先级、一致性、界面的隐喻等等,好的设计都需要考虑到这些问题,甚至再更广的范围内也同样适用,而不仅仅是交互设计范畴。

一个设计师&产品经理应该在决策时下意识的、本能的考虑这些原则。就像以前很多零售业者能够一抓准,你要一斤糖,他抓起来就是一斤,不多不少,靠的就是不断的练习+思考,最后将其变成了自己的本能。

越是通用的标准,往往也就离细节越远,需要结合界面的具体部分(信息架构、导航、交互、语词、视觉等)和产品的具体领域(例如音乐播放器、阅读软件等)来看。

qq

下面是最美应用的马力,来解读好的人机交互设计 (UX) 主要的评判标准?

1. 优先级

苹果的设计为什么让我们觉得精彩?为什么我们父母级的用户都能够很快入手?

我曾经观察我的父母试用 iPad,他们能够很快开始尝试操作,而不像面对很多其他的数码产品时那样无从入手。其中的一个重要原因是苹果在处理设计的优先级方面非常成功。

当我在看 iPhone 非常细节的设计时,常常非常佩服他们的设计师&产品经理能够如此有魄力地砍掉功能和界面元素,从而让重点的变得更重点,让需要突出的变得更突出。

一个基本的假设:如同经济学里资源的稀缺性假设一样,用户的认知资源和系统的界面资源都是稀缺的。
当你把所有重要的东西都摆上桌面,就没有重要的东西了。用户的认知空间和认知能力有限,当他们面前有 1 条路可以选择时,事情会变得很简单,但是当他们面临 3 条路时,往往会踌躇不前。尽管我们难以量化地说用户有多少精力在这种抉择中损耗掉了,但这种损失是显而易见的。

看看 Android 原生系统的设计,用户想要运行一个应用时,有几条路?

设计中对优先级的把握就是要让我们能够将真正重要的功能/内容/元素放到突出的位置,以最多的界面资源去展示它们,而将次要的部分弱化、隐藏起来,再次的部分则索性砍掉。
具体来说:

a. 用户优先级

把握核心用户,为产品自己真正的用户群做设计,不要天真地认为你的设计可以满足所有用户。

b. 功能优先级

把握核心需求,亮点功能往往两三个就足够多了。功能航母往往容易沉没(看看为何现代战争中巨型战列舰都逐渐被淘汰了),Nokia VS Apple 也是这样。有一次 Tina(创新工场的 COO)的一句话让我很受教,她说她以前做 Marketing 时,给客户讲产品,往往一次只讲三个 Feature,即使这个产品或版本其实有更多的亮点。设计或者开发产品时我们总是想尽可能地将好东西放进去,但是打动客户/用户的点却往往只在三个以内。

 

c. 内容/信息优先级

将内容分成不同的层次,核心内容需要明显地突出出来。报纸上的标题、摘要、征文等层次清晰、泾渭分明也是这个原因。

 

d. 交互优先级

主要的交互路径需要让用户以最小的精神代价就能走得通,尽量减少这条路上的分支。为此,一些时候不得不将一些次要的交互路径更含蓄地隐藏起来。最常用的可能是「高级设置」这样的形式。

e. 视觉优先级

视觉更需要层次,重点的视觉元素需要让用户一眼扫过去就能看到,而次要的信息则要拉开距离,通过留白、颜色对比等等手段。一个例子是做 PPT,当我们看到好的 PPT 时,总发现里面有大量的空间、有灰色的文字,这样将重点突出出来,而很多人在做 PPT 时则会直接 COPY 大段文字,直接用粗体、黑色,满屏幕只见到黑色的一片。

和优先级这个原则互通的概念还有简化(简化的目的实际上就是突出重点)、减法原则等等。

 

 

2. 一致性

 

一致性可以让界面更容易被预知,可以降低用户的学习成本等等。一致性几乎是设计中最普遍的一条原则,也是缺乏设计经验的团队最容易犯的错误。做可用性评估时,几乎每次都能找出一堆的不一致问题。
通常需要注意一致性的地方包括:
a. 交互逻辑的一致性

完成同样功能,交互逻辑是否一样,流程是否相似。
b. 元素的一致性

同样的交互逻辑,使用的控件等是否一致,不允许这里用按钮来执行动作,在那边变成了图标,另一个地方又是链接。

 

c. 语词的一致性

界面上使用的语言,在描述同一个事物时是否是一致的。

 

d. 信息架构的一致性

信息的组织层次方面是否是一致的,导航是否是一致的,等等。

 

e. 视觉的一致性

界面的图标、颜色、区域的分隔、指向等方面是否是一致的。
通常一致性还有另一个问题,就是在什么时候做出权衡取舍。
有时强制的一致性会引发其他问题,例如用户在执行某些任务时效率会降低,会导致界面的复杂度增加等等。这时我们不得不做出权衡,决定是保持一致性,还是采用一个异常的但又合理的设计。有时需要说服做开发和测试的同事们在某些特殊的地方牺牲一致性来得到更好的设计。

 

3. 感觉

可用性工程的教科书里,往往会有「主观满意度」的内容(实际上这也是 ISO9241 的内容之一),但是却也往往语焉不详,因为主观的问题往往难以通过工程/经验的方法来解决。

但是我们还是可以找出几个明显的能够在设计中考虑到的点,来照顾用户的感觉。

例如以下几点:

a. 快的感觉

天下武功,无坚不摧,唯快不破。IBM 做测试的同事会拿秒表(当然他们似乎还有更好的工具)来掐时间测试 Performance,如果某个版本的 Case 有 Performance 的明显下降,会是个大事故。
我们通常还可以在设计上有很多处理来产生快的感觉,例如先让界面显示出结果,同时后台再去做操作(例如存储等耗时间的操作),避免用户的等待(当然最痛苦的是被工程师告知界面上的显示效率就已经低到需要用户等待了)。

曾经看过一个研究,在进度条的显示上,越来越快的进度条最能够让用户感觉到快,而不是那些完全真实反应内部进度的进度条(真实的情况可能是越来越慢)。

 

b. 安全的感觉

用户敢在看起来很「山寨」的界面上输入自己的密码么?用户需要经常自己保存么?Google 的 Gmail 是个好例子,而 MS Windows 的升级后自动重启是个坏例子,某一次我同时遇到了它们:Windows XP 打完某些补丁后,会要求重新启动系统,这时你可以选择立刻重启,或者点击一个按钮,等待若干时间后再提醒,如果什么都不做,它会在一小短时间内自动重启。当我正在工作时,显然不愿意立刻重启系统,于是我选择了稍后提醒,然后又工作了很久,在 Gmail 里写了一封邮件。这时刚好有人来找我讨论问题,等回到电脑前后,发现它自动重启了……没有保存的工作都丢失了。但是好在 Gmail 会自动保存我已经写过的邮件内容,让人稍稍安心。

知乎的文本编辑框也是一个好例子。

 

c. 其他感觉

例如界面语言是否让用户感觉到尊重。

一个小例子,新浪微博的客户端里,用户发完微博后,有时因为系统的原因(发送按钮监听到了两次事件,或者别的什么原因),微博内容可能会在用户不知情的情况下「试图」重复发送,这时会弹出一个提示框,告诉用户说「不要太贪心哦……」 用户多委屈。

 

4. 临界点

临界点就是压倒大象的最后一根稻草。是什么让用户决定注册产品开始使用的?往往就是多动那么一下手指、多学习思考一小下,用户就从门口溜走了。临界点往往是多种因素综合的作用,与用户的主观心理(感觉)、客观因素(绩效)等有关系,姑且作为半个原则来看。
常常惊讶于一些产品(特别是移动产品)能够在用户看到的第一个界面,放一个大大的登陆或者注册框在上面,任何好东西都没给用户看到,就让用户先来注册。

以前在一个设计中,给一个公司的同事讲过一个故事:如果有一天你在街上找人问路,那人说「给我 5 毛我才能告诉你」,尽管你不情愿但还是给了他 5 毛,他拿了钱告诉你说「经过查询我发现自己不知道」。在实际的设计中,用户付出的并不仅仅是金钱的费用,他们的精力也是成本,这时用户就会去盘算到底值不值得来进行下一步的操作。

 

听曾在 Google 工作的同事讲过这样一个例子:Google 的右边栏广告以前点击率总是上不去,后来做了一个改动,这些广告点击率立刻上升了很多。这个改动就是:让这些广告的区域离搜索结果区域的距离更近一点……

Kik 这个产品的成功,和他们不动声色地利用用户通讯录来帮用户快速匹配好友有很大的关系。姑且不论这样做是否合乎道德和法律,他们的确帮助用户跨越了临界点。如果它需要让用户自己通过昵称、账号来一个一个地添加好友,还能有今天的成果么?

一个注册的流程、一个对话框、一次点击……这些小地方就很有可能会是用户的临界点,设计的价值往往也就在这些地方,小改动往往会有大变化。

通常我们要特别注意优先级高的任务/界面里,是否会存在临界点的问题。如果优先级最高的任务里,用户难以跨越我们的门槛,就很难保证产品的成功。

这是一个细腻的工作,有时作为设计师&产品经理,你可能不得不为了一个小细节和开发团队讨论/争取很久,因为别人会觉得这个细节不值得投入工作量,但你知道这可能会决定用户能否跨越临界点。

阅读完之后,如果你认为值得就坚持下去吧。

 

文章内容来源: 《产品设计师技能书:知乎马力自选集》  知乎出品

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/4900/

(0)
CatherineCatherine
上一篇 2015-04-13 21:52
下一篇 2015-04-14

相关推荐

  • 用户体验 | 远大车用肺保一键清新,自由呼吸

    随着人们生活水平的不断提高,家用汽车已经成为大家的出门代步工具,开车上下班、旅游、走亲访友,基本上每天在车内都会呆上几个小时。汽车看似密闭的空气,但是由于交通的拥堵,车内空气不流通,空气质量越来越差,就会出现头晕、胸闷、咳嗽等症状,从这之后我也一直在关注着车载空气净化器设备。之前购买过一款车载净化器,但是效果不大,就一直在车内处于吃灰状态,今天我要和大家说的这款远大车用肺保FC3。是一款采用H13级别超大面积的PTFE超级过滤器,可以9...

    2018-02-02
  • 集创堂交互设计课程(零基础)详解

    零基础课程5月2日开课,咨询请加微信:yyy8010557经过将近一年的反复打磨,集创堂交互设计课程(零基础)终于出炉了!从内容上来说,这套课程采取了基础设计能力+交互设计思维+项目实战+设计软件学习全方位培养的模式,学员毕业后直接具备实际工作能力;从师资上来说,除了集创堂纯色、潇潇、青木三大导师外,网易云课堂的Nina、拥有六年教学经验的蜡笔强力入驻,课程直接对标网易云课堂;从时间上来说,长达七个月的浸入式学习,听课+作业+实战+讨论...

    2018-04-17
  • Focus Group 焦点小组访谈

      焦点小组访谈法源于精神病医生所用的群体疗法。目前的焦点小组一般由8-12人组成,在一名主持人的引导下对某一主题或观念进行深入讨论。焦点小组调研的目的:在于了解和理解人们心中的想法及其原因。调研的关…

    2015-12-28
  • 2018年的用户体验状况

    这是由一位美国作者站在美国的视角写的文章,即便抛开个人因素不谈,国内外的发展进度并不完全同步。例如情感化反馈这一块也许国内稍稍落后一点、但是移动支付和AR却要快一些,有些方面即便步调差不多,举出的例子却不一样。不过看看别人的总结也挺有意思,至少可以了解一下国际风向。我将在本文概述的,除了2017年里见证到的巨大的变化之外,还有值得关注的趋势,以确保能够赶于潮流。1、更简单的导航方式导航体验是2017年的热点话题之一。为了设计出顺畅的用户...

    2018-03-19
  • 2018年交互设计的6大趋势

    ♝点击上方“交互设计学堂”关注我们,送电子书设计是围绕人解决问题,因此对2018年交互趋势的预测,我们将目光聚焦在细腻的情感体验打磨、达成目标的交互介质、解决问题的效率、发生交互行为的场景这几个方面,探究出了以下6大趋势:全感官体验All-sense experience趋势简述人有五感,强化体验记忆的最有效方式就是五感相结合。看见、听见信息已成为体验常态,而更真切的感知信息是用户体验升级的客观诉求,全感官体验能更好的打造“身临其境的沉...

    2018-02-07
  • Axure神器:用母版打造模块化设计【UXRen原创】

    作者:Petrel(UXRen社区Axure金牌讲师,资深交互设计师) Axure原型的制作过程中,你一定遇到过这样的问题,出现在不同页面的功能模块,如果你是通过复制粘贴来完成的,那么当该模块发生变动需要修改时,麻烦就大…

    2017-08-04
  • 雪糕游戏(南京上海)聘:运营/商务/主策/主美/原画/程序等

    (点击上方“GameLook”↑↑↑↑↑↑,订阅微信)公司简介:南京雪糕网络科技有限公司(简称雪糕游戏)是一家集研发、运营、发行为一体的新锐游戏公司。自2015年成立至今,自主研发了《全民神仙》、《行侠仗义五千年》、《童话大乱斗》、《西游记口袋版》等产品;IOS联运了涵盖三国、武侠、魔幻、神话等题材产品,游戏多次在App Store上榜,凭借精准的IOS流量整合能力、优秀的产品运营能力,雪糕游戏IOS联运产品月收入稳定在千万级水平,也为...

    2018-04-08
  • Axure做的APP原型,在手机上怎么预览

    自学Axure,在各大网站查询,终于从小白到学会做基本的交互,再到能在APP端预览自己做好的原型。下面就说一下Axure做的APP原型,在手机上怎么预览?(以苹果手机为例)1原型制作好之后,点击发布→“预览选项”→配置→移动设备,导入做好的图标。2点击发布,“发布到AxShare”。3复制链接,将该链接发送到手机上并使用Safari打开。4粘贴并前往,将原型界面打开。5点击底部工具栏。6选择“添加到主屏幕”。7编辑名称→点击添加。8然后...

    2018-03-18
  • 色彩在交互设计中的应用

    UI设计微课堂关注将获得一对一解答,设计、资源、分享😛听说很多同学都置顶了我的公众号这样就能第一时间收到我精选的UI设计精品教程感谢大家的支持!↓↓下方高能↓↓对于交互设计师来说,通常交互原型都做为黑白稿。为什么要做黑白稿呢?那是因为在前期交互设计中,交互设计师为了更专注于产品的流程、跳转,避免前期投入更多的精力在UI效果制作方面。对于很多小公司或小团队来说,通常只有一个设计师或者设计资源很少,设计师拿到需求后,直接就出高保真效果图了(...

    2018-04-24
  • 双十一电商大战文案大比拼 看看谁家最吸睛

    双“十一”从一个略带悲情色彩的“光棍节”,已经被各大电商玩成了不折不扣的购物狂欢节。活动、文案,一道看看谁家最吸睛。。。 天猫 阿里的公关,可真不是吹的,一纸“禁令”让各大电商网站乱了阵脚。然后慢悠悠地玩起…

    2014-11-07