《通用设计原则》读书笔记
本书定位:深入浅出地汇集和整合跨各设计学科的主要设计法则。
125个法则:守则、指导方针、人的偏见、一般设计的思考
法则的简短定义
详细描述
相关范例
使用指导方针
图例
相关图解
1.帕累托法则(二八定律)
定义:在整个产品中,80%的效果是由20%的关键元素决定的。
在所有大系统中,大部分的效果由少数几项关键因素决定。
适用场景:1)资源整合,提升设计的最大化;2)计算投产比,确定需求优先级;
详细描述:
1)资源整合,提升设计的最大化
在设计一款产品的时候,不能忽略主次,要综合评定各功能的价值,集中资源设计核心功能。
对于80%非关键性功能不要耗费太多精力,如果把80%的非关键功能开发得过于强大,喧宾夺主,不但不能得到好的用户反馈,反而得到的结果会是递减的。
例如:在设计分级菜单或复杂首页时,将20%的核心功能放在一级菜单和关键流量位。既保持页面结果的简洁,也保证用户使用的便捷性。
相关范例:新浪微博 首页改版(反例)
2)计算投产比,确定需求优先级
常用于需求场景分析,当一款产品用户的年龄、性别等人口学因素影响不大时,我们可以通过使用场景来进行用户模型的划分。找到影响80%用户的20%的关键功能。我们的设计就要集中80%的时间在这些关键功能上面,此类功能也被定义为产品核心动线。
◦分析数据,确定20%的核心功能。
◦排定优先级。关注最核心的功能,不断的优化。
◦精简80%非关键性功能,减少投入,必要的时候需要忍痛割爱。
相关范例:QQ手机助手需求场景分析
- 无障碍使用
定义:好的设计产品应该不需要特别调整或修改,就能很好地服务于各种需要的人。
四大要素:易读性、易操作性、简易性、容错性
详细描述:
易操作性的表现有一点:以合理合适的方式来呈现操控装置和操作信息让使用者不论在站或坐时,都可以很轻易去操作。
相关范例:微信二维码扫码功能
如图,微信的二维码扫码框里“轻触点亮”提示只会在光线较暗的场景下,在光线明亮的场景中不会出现。
用户使用微信扫码的场景一般是是添加好友/扫码支付/参与活动,本来开灯就是在黑暗场景下就需要的,在白天场景中不是刚需。
“需要时显示”是设计上最精妙的一笔,也是设计师需要遵循的一个重要原则。
image.png
再例如,将微信的二维码扫码框对准远处的二维码时,轻点扫码框,会自动对焦。这样使得用户不需要额外在走动靠近二维码就能扫描,省时省力。
腾讯CDC关于需要时显示这一原则的博客:
http://cdc.tencent.com/2012/11/21/需要时显示-论app中的功能可见性/
容错性的表现有一点:加入设计自正性的操作功能和安全网,减轻或避免 因错误造成的后果。
相关范例:共享汽车的临时锁车功能
目前的共享汽车app,有时在还车时,或因网络通信信号不好,或因程序判断问题,导致无法成功还车。app提供了临时锁车的功能,帮助用户摆脱对于无法还车,又无法离开的尴尬处境。
-
导引手册
定义:一种利用已有的知识帮助人们理解新信息的教学技巧
详细描述:通过口语、文字和图画的形式帮助用户了解新产品的设计
分为说明型和比较型。说明型适用于一无所知的小白用户,比较型适用于对同类型有一定了解的进阶用户,让他们抓住本产品的核心特点。 -
美即适用效应
定义: 人们通常觉得美的设计更适用。
详细描述:其实是认知心理学上的一种认知偏见,晕轮效应,魅力偏见。
设计美好的产品从视觉上来说比较容易接受,而且使用率也很高。功能好但形式不美好的产品接受度可能就很低。
人们认为美的设计更加实用,容易被接受并长期使用。
美的设计能够激发创意和帮助解决问题。
美的设计还能帮助品牌与消费者建立正面关系,使人们能够容忍产品设计上的缺陷。 -
功能可见性
定义:物品或环境的特质会影响其功能。
一个对象具有让用户知道它可以用来执行一项操作的特性。
详细描述:
物品和环境的设计需要尽可能符合人们的心理预期,并且要杜绝一切不当使用。设计要模拟人们熟悉的物品和环境,来暗示和提醒使用者的新系统中的各部件的使用方法和功能。
相关范例:
加号表示添加,爱心表示收藏,链接表示分享。
image.png
常见:拖拽手柄,卷起的页脚,按钮和滑块等3D控件
-
点击:斜面和阴影可以让元素看上去是可点击的。扁平化设计最常见的手段是使用不同饱和度的色块打造伪光影效果,来给人立体感。
image.png
长投影效果
image.png
伪光影效果 -
滑动/轻扫:使用底部小圆点;在页面边缘不显示完整内容,以暗示页面侧边或下方还有更多内容;字母滚动条;cover flow
-
拖拽:一般先要进入一个模式才能使用拖拽操作,比如编辑模式,或者长按。需在效果上提示该对象可被拖拽。有拖拽移动,拖拽旋转,拖拽调整大小等。