访客至上的web、移动可用性设计----指导原则

关于可用性设计,之前写过一个“纸上天兵”版本的,那篇帖子主要是根据A/B test的方式来进行的。  但是最近找了本Steve krug写的Don't make me think,我觉得更系统的讲解了什么是可用性设计。

实际上开始可用性设计之前,我们要搞清楚什么是可用性设计。对于可用性设计我们可以找到很多的定义,经常可以分为下面几个方面:

有用:产品能够帮助用户去完成一些必须的工作

可学习:人们能够明白如何使用它

可记忆:再次使用的时候,不需要重新学习。

有效:真的帮助完成了任务

高效:产品只需要用户花费适当的时间和适当的努力就完成了工作。

合乎期望:这个产品就是人们想要的。

再有一个加分项,令人愉悦的:使用产品的过程中觉得愉悦,好玩、有趣等等。

其实关于可用性最核心的内容非常简单:一个有着平均能力和经验的人,能明白如何使用产品,并且不必付出过多的努力或遇到不必要的麻烦。

弄清楚定义之后,如何做到呢?有一些指导原则,看着有些空泛但是大道理都是这样。

1、别让我思考

这条可以说是可用性的第一定律,是我们判断什么有用什么没用的第一法则,我们应该尽量做到,当我们看到一个页面时候,它应该是不言而喻的,一目了然,这也是我经常提到的产品功能自解释。

多余的思考会分散用户的精力,降低用户的体验,对用户使用产品的主干逻辑产生干扰。其实每个可用性问题的背后,都有一个貌似合理的根据,以及一个良好的但是错误的意图。避免这种情况的出现,一般的方法都是列出一个检查清单:我在什么位置?我该从哪里开始?他们把XX放哪儿了?页面上最重要的是什么?为啥这个功能叫这个?

2、扫描

对于网站,大部分时间里用户的使用都是以一种扫描的态势进行的,我们精心准备的文字在用户看起来更像是在车上飞驰的时候遇到的广告牌。在京东技术学院培训的时候也看到他们的内部资料,京东在对网站进行可用性测试的时候使用了眼动仪,观察用户在使用京东的时候是如何浏览的,结果表明在看商品列表的时候是采取一种Z字型的扫描态势,这一发现也直接决定了京东的商品列表排布已经热门商品的摆放位置,在这点上淘宝与京东相比,我更喜欢京东的,因为京东的页面展示都是一种风格,比如搜索ITO的箱子,淘宝上是这样的

京东上是这样的

因为图片背景的关系,我更喜欢JD的,看起来更加清晰。但是重要的事情说N遍,在购买的主需求面前,页面的展示稍微花哨点并不影响什么,除非那个页面太花哨了,晃得你想吐。

3、能用就行

我们绝大多数时候,做出的决定都不会是最好的选择,而是选择第一个能说得过去的,这就是满意策略(《人的模型:社会化和理性》首次提到了这个概念)。人们在做决策的时候有很多环境因素会对人造成影响,包括时间的压力、模糊的目标、有限的信息和变化的环境。

其实人们做出满意策略也比较好理解,因为这样的效率最高。如果任何事情我们都追求完美,我们的生活将会无比艰辛。

当然,这条是告诉我们一个现象,但不是告诉我们应该这样做,用户很多时候都是能用就行了,也并不关心背后的原理,但是我们要之后,如果一个产品功能可以做到自解释或是核心的功能非常突出,也许就一个核心功能,这样避免了用户做选择,直接给用户一个最高效的选择,这样带来的好处是显而易见的。这里要强调的是,用户在使用你的产品,不是因为你的产品非常好,而是你恰好在用户觉得,能用就行的节点上。

4、不为阅读设计

如果我们确定用户都是用扫描的方式进行浏览的,那么有几点需要在设计的时候注意

(1)、尽量利用习惯用法

比如一级导航一般都在页面的顶端,那么你就别设计在页面的底端;LOGO通常在左上角,那么你就别设计在右下角,除非你有特别充足的理由以至于使用了不符合习惯的布局后依然不会影响用户使用的便利程度。

(2)、建立有效的视觉层次

越重要的地方越突出;逻辑相关的部分在视觉上也要相关;逻辑上包含嵌套关系的在视觉上也要进行嵌套;总之有效的视觉层次其实是让视觉和功能逻辑保持一致,便于用户直观的理解。

(3)、页面划分成明确对方定义区域

和利用习惯用法一样,LOGO区域、广告区域、导航区域、主内容区域都有划分清楚。

(4)、明显标识可以点击的区域

这一点上在移动产品设计的时候尤为明显,为啥。。。因为没鼠标啊,连个悬停提示都没有。

(5)、最小化干扰

专注、聚焦,如果在实际设计的过程中啥都想要,这两个词只能是句口号。

(6)、为内容创建清楚的格式,以便于扫描

上面京东和淘宝的对比就是例子,这里只说可用性设计,并不提及产品所定位引起的展示形态不同。

5、省略多余的文字

这个就不细说了,别跟我提博客这种专门的阅读类产品哈,这里说的去掉多余的文字是指在标题和说明的设计上,应该尽量剪短,减少对用户精力的分散。

另外多说一些关于点击的事儿,很多人在争论让用户完成某个功能,点击越少就设计的越牛逼,用户用起来越方便。其实这压根就是个伪命题,用户用起来是否方便是取决于用户使用过程中所花费的精力,这个精力包含着点击次数的体力和艰难思考、分辨的脑力,我认为用户不介意点击了几次完成了认为,只要每次点击都是毫不费力的,并且让用户坚信自己的选择是正确的。当然别抬杠说点了100多次确认才发送一条微博什么的。。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,657评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,662评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,143评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,732评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,837评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,036评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,126评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,868评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,315评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,641评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,773评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,470评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,126评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,859评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,095评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,584评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,676评论 2 351

推荐阅读更多精彩内容