当前位置: 首页 > 科技观察

除了设计规则,掌握这15个数字也能让你的设计更专业!

时间:2023-03-21 18:38:24 科技观察

作为设计师,在传达我们的设计理念和呈现设计方案时,我们经常会参考一些设计原则和设计方法来展示我们的设计推导过程和方案的严谨性和合理性。那么除了这些设计原则之外,还有哪些工具可以帮助我们展示我们的专业性呢?今天,我将向大家介绍另一种设计表达的利器——时间常数+数字法则,帮助设计师,更好地利用数字对人的潜意识的影响,彰显设计的专业性。△设计师最常用的时间常数+数定律在此之前,我想让大家想一想,为什么数字有这么神奇、普世的力量?相信大家都有同感。我们对数字的记忆其实是很难的。想想中学背历史的经历?现在想想还是太大了?那是因为我们的大脑发育在200万年前就完成了,数字是在公元300年后才诞生的。所以我们的大脑真的不擅长记住数字。既然如此,数字的普遍认知力从何而来?答案是后天学习。既然没有先天优势,只能到时候获得。想想你小时候,或者看看你身边的孩子。除了图画书,首先要学习的字符是数字。数字的启蒙和认识,往往比任何其他字母和汉字来得更早。从教孩子数数,到认识数字,再到运算。数字可以说贯穿了我们所有的意识时间。众所周知,让一个事件进入无意识状态的方法就是训练。从这个角度来说,没有比数字更早进入现代人潜意识的符号了。正是由于多年来的这种潜意识,人类的大脑和视觉系统在处理数字时比其他字符具有优先权,而且速度要快得多。让我们对数字有一个简单而熟悉的无意识认知印象。这种印象,伴随着我们对数学客观、准确印象的逐年积累,逐渐孕育出我们对数字准确、专业、可靠的心理印象。△数字的认知印象和心理印象说到这里,大家应该都能体会到数字的普遍性和神奇的力量了。这都是多年学习和训练的结果。接下来,我们来看看设计师必须掌握的数字。时间常数交互设计是关于用户与产品交互的行为。在交互的过程中,交互的节奏是一个非常重要的因素。事件发生需要时间,感知事件需要时间,对感知事件做出反应需要时间。在我们的日常生活中,经常会被产品或者研发问到:这个动画要放多长时间?这个横幅应该旋转多少秒?这个任务需要拆分吗?如何回答,往往显得有些尴尬。但是如果我们能够脱口而出一个合理的时间,那么我们的专业性就体现出来了,所以时间的节奏是设计师必须要掌握的。话不多说,让我们从第一个问题开始。Q:如果想让用户看到一个元素,至少要显示多长时间?答案:0.1s说明:我们大脑的感知分为有意识的感知和无意识的感知。无意识的感知速度比较快,但是使用者自己并不认为自己感知到了,因为在传递的过程中是淹没在路上,还没有来得及进入使用者的意识。目前最新研究表明,潜意识感知需要0.01s以上,有意识感知需要0.05s以上。而我们对单个元素的完整感知至少需要0.1s。从UI设计师的角度来看,每个元素(包括出现在动态效果中的显示元素)至少要显示0.1秒,否则用户根本不会注意到。值得一提的是,0.1s是感知的必要非充分条件,因为用户看得见却看不到的原因有很多。Q:为动画配置音效,声音和画面同步的最小延迟时间是多少?答案:0.1s解释:在0.1s内,大脑会自动“锁定”声音和视觉信号,0.1s后大脑才能清晰分辨。这会产生一种声音和画面不同步的感觉。Q:Gif动图的最小帧率是多少秒/帧才能让它视觉流畅?答案:0.1s说明:一个流畅的动画帧率需要20帧/秒以上,比如电影一般是24帧/秒,电视一般是25或者30帧/秒(中国和欧洲不同,所以帧率不一样).但是影视对流畅度的要求比较高。我们在设计Gif动图的时候,很可能只是为了做一个新的功能引导来吸引眼球。如果我们在素材大小上加上限制,就需要牺牲一定的流畅度,每秒10帧也是可能的。设计者可以根据Gif的内容和想要达到的目的来选择数值。Q:当一个元素被点击时,至少应该显示多长时间的视觉反馈?答案:0.1s解释:心理学上严格的定义是0.14s,但是这个时间很难记,所以我们可以简单的要求0.1sGuilty,毕竟响应度越高,用户体验越好。0.14s的时间间隔是用户感知因果关系的最长时限。如果超过这个区间,用户就不会觉得后面的反馈是自己刚才的操作引起的。Q:移动端页面元素的进出应该控制多长时间?答案:0.2s解释:根据materialdesign的设计规范,一个物体的进入一般需要225ms,一个物体的退出至少需要195ms。Q:移动页面的过渡时间应该控制多长?答案:0.3s解释:根据materialdesign的设计规范,移动端页面过渡时间一般为0.3s,动画范围大,运动组织复杂,可以省略,但不要超过0.4s,不然会让人觉得慢。Q:在红包雨中展示红包需要多长时间用户才能收到?答案:0.7s解释:人类对突发事件的有目的反应时间是0.7s(视觉系统注意到→发起意识体动作→运动学做这个)如果出现不规则元素,用户至少需要0.7秒才能反应能够对其采取行动。如果考虑到操作物体的大小和操作距离,根据菲茨定律,这个时间可能会更长。Q:等待超过多长时间时,是否建议显示进度条?A:1s解释:理想情况下,只要过程超过1s,建议显示进度条。不过目前网上也有一个3s原则,认为3s后一定要显示进度条。因为3秒没有结果,会导致57%的人放弃等待。因此,在实际设计中,我们可以根据操作频率和进度形式做出具体的权衡。如果操作频率高,即使平均等待时间只有1s,也建议给个进度条。如果操作频率低,根据进度指示的实现成本,可以认为进度指示超过3秒,3秒内只给出忙状态提示。Q:确定第一印象需要多长时间?答案:3-7s解释:男女对一段感情的第一印象时间是3秒。一般网站的整体印象也是在3秒左右形成的。但也有一个众所周知的7秒定律,即消费者会在7秒内决定自己是否有购买产品的意愿。在这短暂而关键的7秒中,色彩发挥了67%的作用。我估计这个时间差主要是因为实体产品更立体,用户在体验的时候会用到多种感官(如触觉、听觉、嗅觉等)的综合体验,这导致更长的体验时间。Q:当一个任务耗时超过多长时间时,是否应该按部就班地考虑用户?答案:10s解释:6-30s是人在不受干扰的情况下进行单次操作的时间。超过10秒的任务可以考虑分解成子任务,以减少工作记忆的负荷。以上是设计师在设计中最常用的时间常数。可以按照0.1s、1s、10s的顺序进行分类记忆,更符合记忆数量上限,更容易记忆。数定律说完容易混淆的时间常数,我们再来看看稍微轻松有趣的数定律。问:人一次能记住多少东西?答案:4±1解释:7±2只是米勒在专业会议上演讲时的一个猜想,并没有经过严格的实验验证。现在的研究表明,这个神奇的数字实际上是“4±1”。但是,还是有很多书和文章还在说7±2。作为专业的设计师,我们不能再犯这样的错误了。Q:列宽设计,每行多少字比较好?Answer:45~72characters/100characters解释:人们更喜欢小线宽(45~72个字符),也认为小线宽阅读起来更快,但实际上上长行更易读,因为中断更少一连串的目光和注视。所以,如果你想让人们愉快地阅读,比如我们的新闻信息,建议以人们喜欢的宽度显示。(注:一个英文字母、阿拉伯数字、半角标点是一个字符,一个汉字和一个全角标点是两个字符。)Q:反馈到最近的设计时,最近的距离是多少?答案:1~2cm解释:人的视觉细胞分为视锥细胞和视杆细胞。视锥细胞集中在中央凹,中央凹占视网膜的1%,相当于大脑视觉皮层的50%。其他99%的边缘视觉区域主要是视杆细胞,对应于大脑视觉皮层的其他50%。如果只使用边界视觉,一切都像一层毛玻璃。按照美国医学的定义,这样的视力几乎等同于失明。当用户进行操作时,操作所在的地方是用户中央凹的关注焦点。焦点外1~2cm的区域为边界可视范围。如果没有特殊状态(如特殊颜色或动态效果),这些边界视觉区域很难聚焦。问:在日常生活中,人们走神的时间有多少?答案:30%解释:人除了进入心流状态之外,其实大部分时间都是“三心二意”的。我们在设计产品功能和任务的时候,一定要随时清楚地标明当前的进度和状态,不仅因为用户会被其他任务打断,还因为用户会分心。问:建议多少用户进行可用性测试?答案:6~8人解释:虽然尼尔森研究表明5个人可以找到85%的问题,但这个结论是有条件的,要求每个人独立找到30%左右的问题,最后会有85个所需效果的百分比。然而在实际研究中,由于用户功能的介入和用户测试的集中,这样理想的结果往往达不到,所以我们通常需要6到8个人才能找到80%左右的可用性问题(也有pre-测试用户测试和调整研究报告的细节)。问:焦点小组通常会邀请多少用户?答案:4~6人解释:很多传统教科书上说focusgroup的邀请人数是8~12人。但是,根据***实验研究数据,为了满足焦点组的要求,我们不希望有意见和沉默用户,而是希望所有用户都能平衡参与,充分表达和倾听,并且群里的人数至少要有4人,随着人数的增加,难免会出现沉默的用户或者意见炸弹。因此,在实际测试中,为了保证每个用户在2小时内的参与度和价值贡献度,避免前期用户筛选失误,确实存在部分参与度低的用户,4~6人倾向于以获得更好的面试结果。Q:对于日活数百万的产品,问卷的有效样本量是多少才可信?答:在384人足够随机的前提下,有效样本量不会随着总样本量线性增加。当样本量的抽样误差为5%,置信区间为95%时,有效样本量384人的调查结论可以代表整体用户。但在现实世界中,我们很难保证采样的随机性,所以在获取成本不太高的情况下,我们也可以通过扩大样本量来降低采样误差。