-
设计风向标!从「墨尔本设计奖」看国外设计趋势(上)
UI交互 2022-08-17「设计风向标」墨尔本设计奖 2022 年度奖项在 7 月 7 日公布,全球超 7500 个品牌和 2500 个工作室参与提报了近万个项目,涵盖 10 大类...「设计风向标」 墨尔本设计奖 2022 年度奖项在 7 月 7 日公布,全球超 7500 个品牌和 2500 个工作室参与提报了近万个项目,涵盖 10 大类目近百个细分类别。值得一提的是,今年首次增设 Better future 类别,旨在关注设计与 ESG 发展,而在室内设计大类中,则首次聚焦潮玩体验业态,并授予中国潮玩集合品牌 X11 金奖。组委会表示,「环境可持续将是未来重点趋势,而潮玩则给中国文化出海带来更多可能」。
如何参加设计大赛拿奖?收下这份超全参赛指南! 大家好,我是和你们聊设计的花生~ 最近几年设计大赛越来越多,也吸引了很多优秀设计师参与,参加设计大赛除了有机会获得丰厚的奖金,更是设计师提升设计能力、积累设计作品最有效的途径之一。
阅读文章 >
1. 什么是墨尔本设计奖? 墨尔本设计奖是由 DRIVEN x DESIGN 主办的全球性大奖,主办方拥有十个年度奖项,其中涵盖巴黎设计奖、伦敦设计奖、柏林设计奖、纽约设计奖等,而墨尔本设计奖是系列奖项中最早设立的,因其严格的评审制度,该奖项历来都是国内外设计师争相竞争的目标。
DRIVEN×DESIGN 拥有超过 75000 名会员,7500 个品牌及 2500 个设计工作室组成的全球社区,会员涵盖全球设计师、思想家、战略家及设计爱好者等。
墨尔本设计奖奖项分为建筑设计、产品设计、创新设计三个方向,其中每个方向下面包含各个细分行业领域。
2. 2022 年“墨尔本设计奖”获奖作品 墨尔本设计奖因为涉及到 10 个大类上百个小类,因此本篇内容只分享大类为主。
本次分享《创新设计类》中的金奖,包括网页设计、移动端产品设计作品。
2022 年墨尔本设计奖在《创新类设计中》新增了 2 项小类,包括未来环境、无障碍设计类,可见依赖环境的设计和无障碍设计将是未来的趋势。
目录
每个小类下面会包含多个金奖,因为墨尔本设计奖是按照行业
细分提名奖项,所以在大类中会出现多个金奖。
创新数字媒体类
Second Life Phone——金奖 Geoscience Australia’s digital design system——金奖 2022 年澳大利亚 F1 大奖赛——金奖 Adventure——金奖 Imaging Associates——金奖 AureconInground——金奖 创新政府类
VicSuper——金奖 创新元宇宙类
Footscray——金奖 Goulburn Murray 虚拟行业职业体验——金奖 未来环境(新增奖项)
绿色和平组织的气候解决方案——金奖 Together We Can——金奖 南丁格尔巴拉瑞特(建筑设计)——金奖 无障碍设计类(新增奖项)
Map Your Future——金奖 3. 创新设计类-金奖
4. 未来环境类-金奖
5. 无障碍设计-金奖
-
设计风向标!从「墨尔本设计奖」看国外设计趋势(上)
UI交互 2022-08-17「设计风向标」墨尔本设计奖 2022 年度奖项在 7 月 7 日公布,全球超 7500 个品牌和 2500 个工作室参与提报了近万个项目,涵盖 10 大类...「设计风向标」 墨尔本设计奖 2022 年度奖项在 7 月 7 日公布,全球超 7500 个品牌和 2500 个工作室参与提报了近万个项目,涵盖 10 大类目近百个细分类别。值得一提的是,今年首次增设 Better future 类别,旨在关注设计与 ESG 发展,而在室内设计大类中,则首次聚焦潮玩体验业态,并授予中国潮玩集合品牌 X11 金奖。组委会表示,「环境可持续将是未来重点趋势,而潮玩则给中国文化出海带来更多可能」。
如何参加设计大赛拿奖?收下这份超全参赛指南! 大家好,我是和你们聊设计的花生~ 最近几年设计大赛越来越多,也吸引了很多优秀设计师参与,参加设计大赛除了有机会获得丰厚的奖金,更是设计师提升设计能力、积累设计作品最有效的途径之一。
阅读文章 >
1. 什么是墨尔本设计奖? 墨尔本设计奖是由 DRIVEN x DESIGN 主办的全球性大奖,主办方拥有十个年度奖项,其中涵盖巴黎设计奖、伦敦设计奖、柏林设计奖、纽约设计奖等,而墨尔本设计奖是系列奖项中最早设立的,因其严格的评审制度,该奖项历来都是国内外设计师争相竞争的目标。
DRIVEN×DESIGN 拥有超过 75000 名会员,7500 个品牌及 2500 个设计工作室组成的全球社区,会员涵盖全球设计师、思想家、战略家及设计爱好者等。
墨尔本设计奖奖项分为建筑设计、产品设计、创新设计三个方向,其中每个方向下面包含各个细分行业领域。
2. 2022 年“墨尔本设计奖”获奖作品 墨尔本设计奖因为涉及到 10 个大类上百个小类,因此本篇内容只分享大类为主。
本次分享《创新设计类》中的金奖,包括网页设计、移动端产品设计作品。
2022 年墨尔本设计奖在《创新类设计中》新增了 2 项小类,包括未来环境、无障碍设计类,可见依赖环境的设计和无障碍设计将是未来的趋势。
目录
每个小类下面会包含多个金奖,因为墨尔本设计奖是按照行业
细分提名奖项,所以在大类中会出现多个金奖。
创新数字媒体类
Second Life Phone——金奖 Geoscience Australia’s digital design system——金奖 2022 年澳大利亚 F1 大奖赛——金奖 Adventure——金奖 Imaging Associates——金奖 AureconInground——金奖 创新政府类
VicSuper——金奖 创新元宇宙类
Footscray——金奖 Goulburn Murray 虚拟行业职业体验——金奖 未来环境(新增奖项)
绿色和平组织的气候解决方案——金奖 Together We Can——金奖 南丁格尔巴拉瑞特(建筑设计)——金奖 无障碍设计类(新增奖项)
Map Your Future——金奖 3. 创新设计类-金奖
4. 未来环境类-金奖
5. 无障碍设计-金奖
-
如何提升产品转化率?先学会建立系统化思维!
UI交互 2022-08-17转化率是互联网产品常常会提及到的词,也是衡量一个产品发展的重要标准。如今随着市场竞争日益激烈,转化不易也逐渐成为大家比较关注的问题,其实提升产品转化率的场...转化率是互联网产品常常会提及到的词,也是衡量一个产品发展的重要标准。如今随着市场竞争日益激烈,转化不易也逐渐成为大家比较关注的问题,其实提升产品转化率的场景与方法有很多,每个场景也都有着影响用户决策的因素。本文主要针对线上用户的消费决策,以家庭服务产品为例,基于系统化的全流程去挖掘不同环节的机会点,找到影响用户决策的关键因子,从而有效地提升产品整体的 转化率 。
如何提高设计转化?来看大厂高手的精炼总结! 试想一下我们只知道通过奖励去激励用户行为的话,不仅会花费比较大的运营成本,有时候,还不一定见效。
阅读文章 >
1. 什么是转化率 ① 转化率的概念
转化率指的是在一定周期内,期望行为的目标用户所占总目标用户的比例。期望行为是指用户在产品中达到目的时而产生的任何操作行为,例如完成注册登录的流程、阅读瀑布流信息发生点击行为、在详情点击预约服务、成功支付订单等等。
这里注册率中的注册,点击率中的点击,提交成功率中的提交,支付成功率中的支付就是用户的期望行为。由于产品的用户数在一定范围和时间内是相对固定的,所以要想提升转化效率,我们就要去思考如何提高用户的期望行为,从而提升产品的转化率。
简而言之:转化率=期望行为人数/产品用户数
② 转化率的作用
关于转化率的重要性,这是不言而喻的。有很多产品在前期可能主要关注流量的多少,容易忽视转化的重要,认为单单靠流量就可以解决用户需求,但作为一个产品来说流量只是完成了产品使命的一半,如果只有流量但不好变现或者转化率低,这种情况下仍然不能算成功的产品或者解决用户诉求。因而转化率在一定程度上可以衡量一个产品用户需求的强弱、评判产品设计好坏、是否能帮助用户解决问题、梳理产品流程的转化漏斗等等。
③ 如何定义转化率的指标
那么如何制定一个产品的转化率指标?首先它当然是要与业务目标保持高度对齐的,能直接衡量产品价值的大小,或者说可以衡量产品策略的优劣势。所以我们需要结合实际产品的特性来制定符合自身业务发展的数据指标,来评估我们的产品成长趋势是否成正向。例如一个电商产品,它的核心转化指标主要就是订单转化率,而对于一个留咨类产品来说,它的主要指标看的可能就是线索的转化率。
不过我们在分析转化率时不能从单一的维度去判断,应该结合用户分析、业务流程梳理、页面数据拆解等方法去综合考虑。当然转化率低并不一定代表产品需求不合理,也可能和产品设计有关系,比如操作流程体验是否顺畅,产品功能表达是否清晰、文案语义能否戳中用户心理、视觉因素等等,都会对转化率有一定的影响。
2. 转化关键要素 首先思考下一个产品是为谁而做?是给谁使用?又在什么场合使用?不管是什么类型的产品,在着手解决转化率的提升之前,我们先思考下两个关键要素:用户和场景。
① 用户
以用户为中心这个口号似乎已经成为互联网老生常谈的名词,因为一款产品的存在,无论它具备什么样的功能、提供什么样的服务、想传达怎样的产品理念等,最终都要服务于我们的目标用户。那么这里有个问题,关注用户是指关注用户需求还是关注人本身?回答是:了解用户需求是首要,但要真正做好一个产品,最终得归结到用户本身。通过对用户的洞察,加上在产品用户体验上所做的努力,在达成提升转化率的基础上,同时更好地让产品与用户之间产生情感共鸣与连接,可能这才是产品能保持长久生命力的密钥所在。
② 场景
有了用户需求,用什么承载和满足需求?这里需要提到场景的概念,所以场景又是什么?
场: 指的是时间和空间;
景: 在情景和互动下唤起用户的共鸣,激发用户产生任何想法与行为;
场景的核心在于:什么时间,什么地点,产品能够为用户提供什么功能,再加上引发用户情绪的共鸣,最终解决用户的实际需求。我们也可以理解为:产品设计的本质其实就是在构建场景。而场景与需求又是相互作用存在的,需求无法脱离于场景单独存在,新的需求又会为产品创造出新场景的机会。例如:在没有外卖软件之前,我们的吃饭场景一般是到了下班点去楼下餐厅解决,但随着互联网的发展,涌现了饿了么、美团外卖这种线上软件,吃饭的场景也随之发生变化:我们到了吃饭时间,自然而然地打开 APP,提前购买下单。
而这个新的场景里面,就解决了用户便利性的需求,这也就是产品价值所在。
3. 建立系统思维 ① 什么是系统化的思维?
系统化思维:指的是能够将一系列零散的产品需求和流程化的东西进行有序地梳理划分,并站在全局的、整体性的视角去分析问题的一种思维方法。
在日常的产品迭代过程中,我们往往会面临项目周期紧、需求量大的问题,那么在这种情况下,我们该如何有的放矢地抓住产品重点的同时又不错失每个流程中的机会点?常言道:不谋全局者,不足以某一域。作为 设计师 ,我们需要具备系统化的思维方式,才能更好地清楚用户在整个产品的体验旅程中,不同流程节点里所存在的产品转化问题。
② 如何站在全局建立系统化思维?
每个产品独立的部分也许很好懂,也能清楚理解各模块的功能,但当你跳出某个流程及节点或功能模块时,站在全局角度去分析产品,这时候它们之间是怎么相互作用与影响的呢?这里就需要引出上面提到的一个词:系统化。下面我将基于家庭服务用户端的体验升级项目为例,为大家分享下我的一些思路:
用以系统化的视角来分析业务
首先我们来分析下市场环境随着近些年家政市场规模扩大和用户需求的不断上升,许多用户养成了在线上寻找家政服务的习惯,通过线上下单结合线下服务,将传统的家政行业互联网化,同时随着三胎政策和人口老龄化的压力,在一定程度上也刺激了家服行业规模的大幅度增长。而我们家庭服务的产品主要的核心主要是保姆、月嫂、育儿嫂、钟点工,基于整个家服体系来看,我们就可以很清楚地了解当前产品的整体方向:C 端是承接用户流量与用户转化的核心渠道,为线下服务输送血液;阿姨端:提升阿姨简历录入质量与数量;B 端:撮合两侧资源促成订单转化。三端相互打通、融合,最终形成交易闭环模式。
C 端作为家服体系中线上流量获取的重要环节,产品的核心链路主要拆分为资源渠道、流量入口、需求详情、提交成功、预约详情等不同流程。那么拆解到这里,我们就可以在整个产品系统中找到当前的核心目标,他们分别是:入口点击率和线索转化率。
以系统化的方式来分析用户
说完了业务这块,接下来我们看看用户。在用户调研时发现,家服用户关键词主要有已婚家庭、家有老人孩子、年收入水平高等特征,同时挖掘出效率性、保障感、服务感等用户真实诉求,它可以帮助我们制定大的设计方向,但在更细分的服务场景中可能并不太适用。
因家庭服务的服务类目有很多,很多用户对于服务的使用习惯其实是模糊的,而且不同服务类型的用户对于产品诉求有着明显的差异性。所以我们需要在此基础上,去根据不同用户的心理特征和人群细分得到一个相对系统化的用户信息。找保姆和钟点工的用户更为注重阿姨的快速匹配和性价比,而找月嫂和育儿嫂的用户则更在意服务内容和阿姨技能的专业度。
以系统化的思维来推导目标
通过以上业务目标和用户调研的分析,结合数据分析及竞品拆解等手段,组织多协同角色对本次升级目标进行确认,最终由产品目标推导出设计目标。我们主要基于流量入口优化、需求详情改版、提交成功体验优化等不同流程节点进行全局考虑,解决产品现存问题。当设计目标明确了之后,结合我们实际的业务需求,接下来就是有的放矢的设计落地过程了。
4. 家服落地案例 根据前面系统化的分析,同时结合项目中实际运用到的转化提升的分析方法,我们将基于入口、详情、提交这三个主要流程来进行系统化的转化率提升方案落地,挖掘影响用户转化的关键决策因子,进而达成产品核心链路的转化率提升。
① 流量入口
从整个产品体系来讲,流量入口之所以是转化层面的重要环节,一方面是将流量导入到用户最终的行为上(例如家庭服务就是为了收集用户需求),另一方面则是转化层面,产品上游入口的流量分发效率对于下一级详情的转化有很大的影响。
搜索场景入口细分
A/B 测试验证
A/B 测作为一种日常工作中常用到的产品迭代方法,主要指为同一个优化目标制定两个或者多个方案,然后随机选择两部分用户在同等流量基数下,让一部分用户使用 A 方案,另一部分用户使用 B 方案,对比分析不同方案的点击率、转化率等数据指标,找到产品最优的解决方案。这里需要注意控制变量,不要做大而全的东西,而是做能够快速验证的小而精。
核心设计策略
加搜索点击场景,在保姆、月嫂、育儿嫂基础之上,继续拆出细分场景的直达入口,例如照顾孩子、钟点工、做饭阿姨等,尽可能触达和命中不同需求的用户,进而增加决策机率;优化辅释文案信息,重点透传服务核心卖点,加强用户认知,辅助用户决策;
经验&总结沉淀
*搜索场景拆分更多细分服务入口有助于命中不同决策型用户;
*辅助文案的准确传达可以加强用户对于不同服务类型的认知;
列表入口透传阿姨
核心设计策略
基于前期用户调研的结论,用户会根据自身需求来选择阿姨的服务,阿姨也是衡量平台是否专业的参考依据,因此用户在决策过程中对阿姨的信息尤为关注,本次优化我们主要在入口直接透传出了阿姨的相关服务内容,命中用户核心诉求,提升入口的点击率。
经验&总结沉淀:
*阿姨是家服用户关注的决策信息,在不同入口进行透出对入口的点击数据有正向作用;
② 需求详情
流量有了,那如何在详情更好地承接住这部分流量从而形成有效转化?可以接着往下阅读。
需求页4.0改版
用户行为模型分析
根据用户行为设计领域的常用模型:福格模型,可以看出它主要定义了用户行为的机制:即用户在完成任何操作或者行为时,都必须具备动机、能力、触发这三种要素。简单来说就是只要用户有足够的动机,并且有能力完成,最后再加合宜的提醒,一个行为才可能发生。简化模型就是 B=MAT,B 是行为、M 是动机、A 是能力、T 是触发。
动机(Motivation):用户有理由或者意愿做一件事,即用户行为的驱动力; 能力(Ability):促使用户的目标行为发生可以通过提升用户能力来实现; 触发器(Triggers):在正确的时机设定恰当的触发行为的因素;
如何提高设计转化?先学会经典的「福格模型」 日常工作中我们经常要考虑如何吸引用户转化。
阅读文章 >
核心设计策略:
增强动机:首先在头部位置强化平台优势,增强用户信任感,减少顾虑;其次在服务选项中对决策信息进行外露,用户可清楚理解不同品类的服务内容,精准命中用户诉求;最后我们在次屏为用户提供全方位的详情展示,进一步强化用户的动机。
提升能力:降低用户操作成本,主要分为两步:缩减填写选项、后置填写流程。有效的缩短用户做决策的时间成本和难度,只保留核心服务类型和地址选择即可成功发布需求,而对其他信息进行交互流程上的后置,用户可后续补充和优化需求。
触发转化:具备了动机和能力两要素,还需要一个触发器去刺激用户的行为,完成最后的转化动作。我们主要优化了按钮文案信息并增加了标签示意,增加辅助文案。给予用户正向的引导,使触发器能与目标能够建立有效的联系。
经验&总结沉淀:
*更短的操作链路可以为产品带来更加高效的转化;
*更多的服务内容透出,可以帮助用户加强服务认知,唤起用户共情;
*合理的标签内容引导,能够精准命中用户诉求,促使决策;
服务细分设计
AIDTAS 消费者模型
上面提到的福格模型属于行为操作的表现,主要驱动消费者的高效转化。那么 AIDTAS 营销心理模型则是为了更好地洞察用户心理,让用户更好地感受到我们产品的价值。
AIDTAS 模型的前身是 AIDA 模型,它是消费者行为学领域很成熟的理论模型之一。随着互联网的不断发展,该模型也在此之上增加了信任和分享。整个模型是指在消费者从接收到产品信息,到发生消费行为之间,动态式地引导其心理,并将其顺序模式化的一种法则。该模型主要分为六个阶段:引起注意、产生兴趣、点燃欲望、构建信任、购买行为、分享传播,这条链路与用户的决策行为息息相关,我们需要结合实际业务去实现精细化的转化。
核心设计策略
想要精细化的转化,就要精细化地洞察用户决策点,我们主要从以下三点去挖掘影响用户转化的关键决策因子:从产品定位出发,牢牢抓住产品的特征;从用户实际诉求出发,避免自嗨;从用户特征出发,进行人群细分,了解不同用户群体之间的差异性。最终我们将家服用户的需求拆解为两类:解决生活刚需的服务型消费和追求品质生活型的精神消费,从而推导出了效率型和品质型两种不同方向的详情设计策略。
设计方案展示
效率型详情设计:主要针对钟点工、保姆等品类,我们主要给予用户更高效地操作引导,因此将卡片收集器放在了页面的腰部位置以上,让用户在第一时间可以提交需求,直接进行线索转化,突出服务的便捷性。为了提炼出更加精准性的复用性结论,我们也对页面中的不同变量作了多次 A/B 测试,最终发现服务保障是影响转化的关键因素,而按钮文案与标签提示则主要辅助用户去作出决策,对转化也有一定影响。
品质型详情设计:由于月嫂的服务特征差异性较大,同时决策周期也相对较长,因此对于这类品质型详情需重点透传专业高端的感受,加强用户感知差异,通过品宣、服务保障和精细化服务内容进行步步引导,构建用户信任。在交互上我们将需求收集器下置,采用上滑翻页形式,用户通过手势滑动去阅读内容,为用户营造沉浸式的浏览体验。
经验&总结沉淀
*针对决策周期较短的服务,在设计策略上应当给予用户高效的操作引导,提升效率;
*针对决策周期长的品类,应当注重服务内容的强运营,给用户传达正确的服务感知;
③ 提交成功
至此,用户在提交完需求后其实就已经完成了线索转化的指标,因为后续的签单和服务都是强依赖于线下完成,那么是否就意味着 C 端的使命就到这就行了?当然不是,当前业务主流程是用户在提交需求之后直接会有经纪人联系,与用户预期不相符,体验欠佳,因此提交之后的流程体验问题也尤为重要。
VR场景保障透出
核心设计策略
相较于旧版较为唐突的感知,我们在用户提交后的流程中也作了一些尝试,新版设计策略中增加了 VR 场景的透出,传递真实感和保障感知,减少用户对平台的不信任而流失的情况。
经验&总结沉淀
*服务保障内容是家服用户核心关注信息之一,对用户决策和线索质量有正向影响;
5. 最后的小思考 整个家庭服务的改版项目基于系统化的设计思维,以有限的精力去最大程度地保证业务目标的实现,对产品的每个关键路径做到有效的转化提升,同时也能更好地去兼顾用户体验。当然,系统化是一个方法,也是一个看待问题的视角,它影响着我们对业务、对用户、对设计深度的理解。以上就是我近期工作中对于系统化思维的体会与实践,如果大家有不同的见解也欢迎更多设计师来讨论交流,共勉之。
欢迎关注「58UXD」的微信公众号:
-
如何提升产品转化率?先学会建立系统化思维!
UI交互 2022-08-17转化率是互联网产品常常会提及到的词,也是衡量一个产品发展的重要标准。如今随着市场竞争日益激烈,转化不易也逐渐成为大家比较关注的问题,其实提升产品转化率的场...转化率是互联网产品常常会提及到的词,也是衡量一个产品发展的重要标准。如今随着市场竞争日益激烈,转化不易也逐渐成为大家比较关注的问题,其实提升产品转化率的场景与方法有很多,每个场景也都有着影响用户决策的因素。本文主要针对线上用户的消费决策,以家庭服务产品为例,基于系统化的全流程去挖掘不同环节的机会点,找到影响用户决策的关键因子,从而有效地提升产品整体的 转化率 。
如何提高设计转化?来看大厂高手的精炼总结! 试想一下我们只知道通过奖励去激励用户行为的话,不仅会花费比较大的运营成本,有时候,还不一定见效。
阅读文章 >
1. 什么是转化率 ① 转化率的概念
转化率指的是在一定周期内,期望行为的目标用户所占总目标用户的比例。期望行为是指用户在产品中达到目的时而产生的任何操作行为,例如完成注册登录的流程、阅读瀑布流信息发生点击行为、在详情点击预约服务、成功支付订单等等。
这里注册率中的注册,点击率中的点击,提交成功率中的提交,支付成功率中的支付就是用户的期望行为。由于产品的用户数在一定范围和时间内是相对固定的,所以要想提升转化效率,我们就要去思考如何提高用户的期望行为,从而提升产品的转化率。
简而言之:转化率=期望行为人数/产品用户数
② 转化率的作用
关于转化率的重要性,这是不言而喻的。有很多产品在前期可能主要关注流量的多少,容易忽视转化的重要,认为单单靠流量就可以解决用户需求,但作为一个产品来说流量只是完成了产品使命的一半,如果只有流量但不好变现或者转化率低,这种情况下仍然不能算成功的产品或者解决用户诉求。因而转化率在一定程度上可以衡量一个产品用户需求的强弱、评判产品设计好坏、是否能帮助用户解决问题、梳理产品流程的转化漏斗等等。
③ 如何定义转化率的指标
那么如何制定一个产品的转化率指标?首先它当然是要与业务目标保持高度对齐的,能直接衡量产品价值的大小,或者说可以衡量产品策略的优劣势。所以我们需要结合实际产品的特性来制定符合自身业务发展的数据指标,来评估我们的产品成长趋势是否成正向。例如一个电商产品,它的核心转化指标主要就是订单转化率,而对于一个留咨类产品来说,它的主要指标看的可能就是线索的转化率。
不过我们在分析转化率时不能从单一的维度去判断,应该结合用户分析、业务流程梳理、页面数据拆解等方法去综合考虑。当然转化率低并不一定代表产品需求不合理,也可能和产品设计有关系,比如操作流程体验是否顺畅,产品功能表达是否清晰、文案语义能否戳中用户心理、视觉因素等等,都会对转化率有一定的影响。
2. 转化关键要素 首先思考下一个产品是为谁而做?是给谁使用?又在什么场合使用?不管是什么类型的产品,在着手解决转化率的提升之前,我们先思考下两个关键要素:用户和场景。
① 用户
以用户为中心这个口号似乎已经成为互联网老生常谈的名词,因为一款产品的存在,无论它具备什么样的功能、提供什么样的服务、想传达怎样的产品理念等,最终都要服务于我们的目标用户。那么这里有个问题,关注用户是指关注用户需求还是关注人本身?回答是:了解用户需求是首要,但要真正做好一个产品,最终得归结到用户本身。通过对用户的洞察,加上在产品用户体验上所做的努力,在达成提升转化率的基础上,同时更好地让产品与用户之间产生情感共鸣与连接,可能这才是产品能保持长久生命力的密钥所在。
② 场景
有了用户需求,用什么承载和满足需求?这里需要提到场景的概念,所以场景又是什么?
场: 指的是时间和空间;
景: 在情景和互动下唤起用户的共鸣,激发用户产生任何想法与行为;
场景的核心在于:什么时间,什么地点,产品能够为用户提供什么功能,再加上引发用户情绪的共鸣,最终解决用户的实际需求。我们也可以理解为:产品设计的本质其实就是在构建场景。而场景与需求又是相互作用存在的,需求无法脱离于场景单独存在,新的需求又会为产品创造出新场景的机会。例如:在没有外卖软件之前,我们的吃饭场景一般是到了下班点去楼下餐厅解决,但随着互联网的发展,涌现了饿了么、美团外卖这种线上软件,吃饭的场景也随之发生变化:我们到了吃饭时间,自然而然地打开 APP,提前购买下单。
而这个新的场景里面,就解决了用户便利性的需求,这也就是产品价值所在。
3. 建立系统思维 ① 什么是系统化的思维?
系统化思维:指的是能够将一系列零散的产品需求和流程化的东西进行有序地梳理划分,并站在全局的、整体性的视角去分析问题的一种思维方法。
在日常的产品迭代过程中,我们往往会面临项目周期紧、需求量大的问题,那么在这种情况下,我们该如何有的放矢地抓住产品重点的同时又不错失每个流程中的机会点?常言道:不谋全局者,不足以某一域。作为 设计师 ,我们需要具备系统化的思维方式,才能更好地清楚用户在整个产品的体验旅程中,不同流程节点里所存在的产品转化问题。
② 如何站在全局建立系统化思维?
每个产品独立的部分也许很好懂,也能清楚理解各模块的功能,但当你跳出某个流程及节点或功能模块时,站在全局角度去分析产品,这时候它们之间是怎么相互作用与影响的呢?这里就需要引出上面提到的一个词:系统化。下面我将基于家庭服务用户端的体验升级项目为例,为大家分享下我的一些思路:
用以系统化的视角来分析业务
首先我们来分析下市场环境随着近些年家政市场规模扩大和用户需求的不断上升,许多用户养成了在线上寻找家政服务的习惯,通过线上下单结合线下服务,将传统的家政行业互联网化,同时随着三胎政策和人口老龄化的压力,在一定程度上也刺激了家服行业规模的大幅度增长。而我们家庭服务的产品主要的核心主要是保姆、月嫂、育儿嫂、钟点工,基于整个家服体系来看,我们就可以很清楚地了解当前产品的整体方向:C 端是承接用户流量与用户转化的核心渠道,为线下服务输送血液;阿姨端:提升阿姨简历录入质量与数量;B 端:撮合两侧资源促成订单转化。三端相互打通、融合,最终形成交易闭环模式。
C 端作为家服体系中线上流量获取的重要环节,产品的核心链路主要拆分为资源渠道、流量入口、需求详情、提交成功、预约详情等不同流程。那么拆解到这里,我们就可以在整个产品系统中找到当前的核心目标,他们分别是:入口点击率和线索转化率。
以系统化的方式来分析用户
说完了业务这块,接下来我们看看用户。在用户调研时发现,家服用户关键词主要有已婚家庭、家有老人孩子、年收入水平高等特征,同时挖掘出效率性、保障感、服务感等用户真实诉求,它可以帮助我们制定大的设计方向,但在更细分的服务场景中可能并不太适用。
因家庭服务的服务类目有很多,很多用户对于服务的使用习惯其实是模糊的,而且不同服务类型的用户对于产品诉求有着明显的差异性。所以我们需要在此基础上,去根据不同用户的心理特征和人群细分得到一个相对系统化的用户信息。找保姆和钟点工的用户更为注重阿姨的快速匹配和性价比,而找月嫂和育儿嫂的用户则更在意服务内容和阿姨技能的专业度。
以系统化的思维来推导目标
通过以上业务目标和用户调研的分析,结合数据分析及竞品拆解等手段,组织多协同角色对本次升级目标进行确认,最终由产品目标推导出设计目标。我们主要基于流量入口优化、需求详情改版、提交成功体验优化等不同流程节点进行全局考虑,解决产品现存问题。当设计目标明确了之后,结合我们实际的业务需求,接下来就是有的放矢的设计落地过程了。
4. 家服落地案例 根据前面系统化的分析,同时结合项目中实际运用到的转化提升的分析方法,我们将基于入口、详情、提交这三个主要流程来进行系统化的转化率提升方案落地,挖掘影响用户转化的关键决策因子,进而达成产品核心链路的转化率提升。
① 流量入口
从整个产品体系来讲,流量入口之所以是转化层面的重要环节,一方面是将流量导入到用户最终的行为上(例如家庭服务就是为了收集用户需求),另一方面则是转化层面,产品上游入口的流量分发效率对于下一级详情的转化有很大的影响。
搜索场景入口细分
A/B 测试验证
A/B 测作为一种日常工作中常用到的产品迭代方法,主要指为同一个优化目标制定两个或者多个方案,然后随机选择两部分用户在同等流量基数下,让一部分用户使用 A 方案,另一部分用户使用 B 方案,对比分析不同方案的点击率、转化率等数据指标,找到产品最优的解决方案。这里需要注意控制变量,不要做大而全的东西,而是做能够快速验证的小而精。
核心设计策略
加搜索点击场景,在保姆、月嫂、育儿嫂基础之上,继续拆出细分场景的直达入口,例如照顾孩子、钟点工、做饭阿姨等,尽可能触达和命中不同需求的用户,进而增加决策机率;优化辅释文案信息,重点透传服务核心卖点,加强用户认知,辅助用户决策;
经验&总结沉淀
*搜索场景拆分更多细分服务入口有助于命中不同决策型用户;
*辅助文案的准确传达可以加强用户对于不同服务类型的认知;
列表入口透传阿姨
核心设计策略
基于前期用户调研的结论,用户会根据自身需求来选择阿姨的服务,阿姨也是衡量平台是否专业的参考依据,因此用户在决策过程中对阿姨的信息尤为关注,本次优化我们主要在入口直接透传出了阿姨的相关服务内容,命中用户核心诉求,提升入口的点击率。
经验&总结沉淀:
*阿姨是家服用户关注的决策信息,在不同入口进行透出对入口的点击数据有正向作用;
② 需求详情
流量有了,那如何在详情更好地承接住这部分流量从而形成有效转化?可以接着往下阅读。
需求页4.0改版
用户行为模型分析
根据用户行为设计领域的常用模型:福格模型,可以看出它主要定义了用户行为的机制:即用户在完成任何操作或者行为时,都必须具备动机、能力、触发这三种要素。简单来说就是只要用户有足够的动机,并且有能力完成,最后再加合宜的提醒,一个行为才可能发生。简化模型就是 B=MAT,B 是行为、M 是动机、A 是能力、T 是触发。
动机(Motivation):用户有理由或者意愿做一件事,即用户行为的驱动力; 能力(Ability):促使用户的目标行为发生可以通过提升用户能力来实现; 触发器(Triggers):在正确的时机设定恰当的触发行为的因素;
如何提高设计转化?先学会经典的「福格模型」 日常工作中我们经常要考虑如何吸引用户转化。
阅读文章 >
核心设计策略:
增强动机:首先在头部位置强化平台优势,增强用户信任感,减少顾虑;其次在服务选项中对决策信息进行外露,用户可清楚理解不同品类的服务内容,精准命中用户诉求;最后我们在次屏为用户提供全方位的详情展示,进一步强化用户的动机。
提升能力:降低用户操作成本,主要分为两步:缩减填写选项、后置填写流程。有效的缩短用户做决策的时间成本和难度,只保留核心服务类型和地址选择即可成功发布需求,而对其他信息进行交互流程上的后置,用户可后续补充和优化需求。
触发转化:具备了动机和能力两要素,还需要一个触发器去刺激用户的行为,完成最后的转化动作。我们主要优化了按钮文案信息并增加了标签示意,增加辅助文案。给予用户正向的引导,使触发器能与目标能够建立有效的联系。
经验&总结沉淀:
*更短的操作链路可以为产品带来更加高效的转化;
*更多的服务内容透出,可以帮助用户加强服务认知,唤起用户共情;
*合理的标签内容引导,能够精准命中用户诉求,促使决策;
服务细分设计
AIDTAS 消费者模型
上面提到的福格模型属于行为操作的表现,主要驱动消费者的高效转化。那么 AIDTAS 营销心理模型则是为了更好地洞察用户心理,让用户更好地感受到我们产品的价值。
AIDTAS 模型的前身是 AIDA 模型,它是消费者行为学领域很成熟的理论模型之一。随着互联网的不断发展,该模型也在此之上增加了信任和分享。整个模型是指在消费者从接收到产品信息,到发生消费行为之间,动态式地引导其心理,并将其顺序模式化的一种法则。该模型主要分为六个阶段:引起注意、产生兴趣、点燃欲望、构建信任、购买行为、分享传播,这条链路与用户的决策行为息息相关,我们需要结合实际业务去实现精细化的转化。
核心设计策略
想要精细化的转化,就要精细化地洞察用户决策点,我们主要从以下三点去挖掘影响用户转化的关键决策因子:从产品定位出发,牢牢抓住产品的特征;从用户实际诉求出发,避免自嗨;从用户特征出发,进行人群细分,了解不同用户群体之间的差异性。最终我们将家服用户的需求拆解为两类:解决生活刚需的服务型消费和追求品质生活型的精神消费,从而推导出了效率型和品质型两种不同方向的详情设计策略。
设计方案展示
效率型详情设计:主要针对钟点工、保姆等品类,我们主要给予用户更高效地操作引导,因此将卡片收集器放在了页面的腰部位置以上,让用户在第一时间可以提交需求,直接进行线索转化,突出服务的便捷性。为了提炼出更加精准性的复用性结论,我们也对页面中的不同变量作了多次 A/B 测试,最终发现服务保障是影响转化的关键因素,而按钮文案与标签提示则主要辅助用户去作出决策,对转化也有一定影响。
品质型详情设计:由于月嫂的服务特征差异性较大,同时决策周期也相对较长,因此对于这类品质型详情需重点透传专业高端的感受,加强用户感知差异,通过品宣、服务保障和精细化服务内容进行步步引导,构建用户信任。在交互上我们将需求收集器下置,采用上滑翻页形式,用户通过手势滑动去阅读内容,为用户营造沉浸式的浏览体验。
经验&总结沉淀
*针对决策周期较短的服务,在设计策略上应当给予用户高效的操作引导,提升效率;
*针对决策周期长的品类,应当注重服务内容的强运营,给用户传达正确的服务感知;
③ 提交成功
至此,用户在提交完需求后其实就已经完成了线索转化的指标,因为后续的签单和服务都是强依赖于线下完成,那么是否就意味着 C 端的使命就到这就行了?当然不是,当前业务主流程是用户在提交需求之后直接会有经纪人联系,与用户预期不相符,体验欠佳,因此提交之后的流程体验问题也尤为重要。
VR场景保障透出
核心设计策略
相较于旧版较为唐突的感知,我们在用户提交后的流程中也作了一些尝试,新版设计策略中增加了 VR 场景的透出,传递真实感和保障感知,减少用户对平台的不信任而流失的情况。
经验&总结沉淀
*服务保障内容是家服用户核心关注信息之一,对用户决策和线索质量有正向影响;
5. 最后的小思考 整个家庭服务的改版项目基于系统化的设计思维,以有限的精力去最大程度地保证业务目标的实现,对产品的每个关键路径做到有效的转化提升,同时也能更好地去兼顾用户体验。当然,系统化是一个方法,也是一个看待问题的视角,它影响着我们对业务、对用户、对设计深度的理解。以上就是我近期工作中对于系统化思维的体会与实践,如果大家有不同的见解也欢迎更多设计师来讨论交流,共勉之。
欢迎关注「58UXD」的微信公众号:
-
网易云音乐专家:简单 5 步证明你的设计是有效的!
UI交互 2022-08-17前言 设计师经常碰到这种场景:以一句“设计的挺好”开场然后紧跟着灵魂三问,“这种形式用户能 get 到吗? 形式有更好的吗?这个设计方案靠谱吗?前言 设计师经常碰到这种场景:以一句“设计的挺好”开场然后紧跟着灵魂三问,“这种形式用户能 get 到吗? 形式有更好的吗?这个设计方案靠谱吗?” 翻译一下:这个设计能解决问题吗? 再翻译翻译:产品运营以及相关同学为什么相信你的设计是靠谱的?有效的?
先看看设计的定义是什么。
“设计是把一种设想通过合理的规划、周密的计划、通过各种感觉形式传达出来的过程”(来自百度百科)
用小学语文老师教的摘个重点:设想、感觉形式、过程 ,这三个词本身就具有很浓朦胧主义,产品运营以及相关同学为什么相信设想,感觉传达出来的形式可以解决问题,有效?靠谱?
很多设计类干货文中,都会提出“设计要解决问题”的观点。现实也是如此,设计师与其他职位唯一不同的是通过设计手段来解决问题。
那么,需要证明你的设计是可以解决问题,云音乐营收设计团队是采用如下五步来证明~
想提高点击率?大厂设计师总结了这5个有效的设计策略! 策略-设计-验证-调整策略-再设计…
阅读文章 >
Part 1 证明问题存在(产品问题+体验问题) 阿尔伯特·爱因斯坦曾经说:“提出一个问题往往比解决一个问题更重要”那么问题从何而来。
主要有两个角度:定性(用研)、定量(数据)
1. 定性角度(用研) A. 真实用户的反馈:目标用户的用研分析
绑定用研小姐姐用研同事可以给设计师完备的分析方案与专业建议。
自己进行的用研作为设计师我们可以从感受,形色字质构等相应的设计角度理解用户的需求与问题。
B. 相关职位的反馈:运营、技术、产品
运营反馈通常会带着目标的达成度。
技术反馈则带着实现方式与实现成本。
产品大哥的反馈通常会带着数据以及逻辑和路径。
2. 定量角度(数据) “数据”对于设计师来说是一件很重要的事,能够帮助设计师从一个更加客观的角度认知设计效果、找寻设计问题、启发设计方向。
根据数据我们可以知道:
可清晰的了解用户的行为,用户行为可视化。 通过一个时间段的数据对比,追踪产品数据的情况,了解产品变化,并通过异常数据追踪 产品设计 问题。 提供数据支持和后期方案的验证。 通过数据变化,可预测产品的走向和趋势。 Part 2 证明问题目前需要解决 1. 贴合产品最近的目标和优化点
作为一个团队本就应该目标一致,而产品同学认为急需要解决的问题,往往是离目标最近的问题。
举个栗子,如果产品同学正在为新用户的第一次付费犯愁,焦头烂额,设计师在喋喋不休讲主页封面的美观程度有多重要。产品大哥也只能礼貌的给你一个已读不回。但是如果你聊的是缩短用户的付费流程的相关设计优化,产品大哥一定会坐在你的旁边仔细的听你讲设计。
2. 能够帮助产品或者运营完成 KPI (变成利益共同体)
同样是上面的栗子如果运营同学为营收活动的付费目而焦虑,而你的设计正好与此相关,那一切就变得春光明媚,顺畅惬意。
3. 可被量化的评估数据(数据验证)
问题是通过定性定量而来,输出设计方案是自然需要考虑设计方案能否达到数据指标。
Part 3 证明你的设计方案有效且具有安全感 1. 竞品的角度
竞品都在用的方式未必是最有效的,但基本上是安全的。设计方案在安全的基础上相比竞品的优势以及与产品本身的贴合程度。
2. 目标用户的用研结果
目标用户的认可基本上是最有说服力的。建议设计师建立自己的用户调研群,用研方便又可以收集用户的反馈还可以多交几个朋友一举多得。当然如果是保密项目或者未上线的产品请先咨询风控同学,或者找用研小姐姐。
3. 数据同学的预估(可以验证有效性)
数据作为互联网重要的验证手段和晴雨表,数据同学的专业分析和预估,能为设计方案的靠谱性提供非常重要的支撑。
Part 4 证明设计方案到达目标路径最短 1. 实现路径最短
通常完成一个需求基本上要经过:产品 > 运营 > 交互 > 视觉 > 技术 > QA > 运营 > 用研,6-8 个职能设计方案如果能尽量的减少职能参与,上线速度与路径都会缩短。
2. 流程最短,操作最少
用户的路径与操作减少尽量短的时间内实现用户的目标。
奥卡姆剃刀定律:如无必要,勿增实体。
让设计更有说服力的20条经典原则:奥卡姆剃刀 编者按:我们都知道在设计中简化不必要的元素和操作会提升产品的效率,那么这是什么原理呢?
阅读文章 >
Part 5 证明你的证明是对的 “复盘、复盘、复盘”重要的事情说三遍。验证你的设计正确性与有效性,并对后续的优化做准备。
附赠一个心理学小知识:
北京师范大学心理学部的部长刘嘉教授 “从心理学上来说,信任这东西特别简单,就是带领队伍打 6 次胜仗就可以获得” 翻译一下,如果能 6 次证明你的设计是有效的,基本上不会再听到设计师的灵魂三问。
上面说了这么多,以上五步简单来说:
为了什么做 (问题在哪) → 要怎么做 (如何解决) → 如何才算做好了 (评估体系) → 做好了吗 (“定性、定量”在过程中的合作方式和态度) → 还需要优化吗 (验证复盘,再次出发)
综上所述:
所有设计开始之前的研究和分析,都是为了明确用户的需求,明确为什么要做这个设计?从用户的角度来看,这个产品对用户有何价值?此次设计要为用户解决什么问题?或者目前用户体验上有什么问题?简单点说用户有什么不爽的地方。从业务的角度来看,这个产品对公司有何价值,此次设计要达到什么目的;通过多次的证明过程以及复盘来确定设计师的设想与设计方式可以安全有效的解决问题。
当我们通过多次(从产品层面以及用户层面)证明设计是有效的,从而最终证明自己是一个有想法有能力靠谱设计师。
最后做个复盘 作为营收的设计团队,通过以上的方法,我们取得了一点点成果,复盘验证不断调整继续前进。
设计同学基于舆论热点与热门网络时间,经过一些列的分析验证,跟产运同学们一起输出“热点礼物”
自 20 年开始从“淡黄的长裙”到最近的“雪糕刺客”持续更新上线的热点礼物带来超过数千万营收。相关竞品平台也陆续跟进~
热点礼物完成之后,设计师们采用相同的分析与落地方式退出了“魔镜换装” 满足用户自行配置以及产运同学对于礼物多样化的需求,同样带来了千万级别的营收。
星座系列、魔法系列。
都是在分析尝试不断调整中成型并带来更多的实际营收。
新的设计尝试与设计变现也正在尝试中,不久大家便能看到~
最后的最后,“ 设计远不止好看这么简单”
欢迎关注「网易UEDC」公众号:
-
腾讯出品!工具型产品如何简化设计?
UI交互 2022-08-17随着科技的发展,人们的工作方式打破了空间、时间的束缚,传统线下作业场景逐步迁移到线上,衍生出大量的工具型产品。由于实际业务场景灵活多变,为了尽可能满足场景...随着科技的发展,人们的工作方式打破了空间、时间的束缚,传统线下作业场景逐步迁移到线上,衍生出大量的工具型产品。由于实际业务场景灵活多变,为了尽可能满足场景需求,工具型产品往往功能庞大且逻辑复杂,经常会收到用户反馈产品「复杂、难以理解」。对于工具型产品的设计者,如何「 简化设计 」是他们必须要面对的重要难题之一。
本文将从用户感知层面尝试分析用户感觉复杂的原因,并根据以往项目经验给出一些 工具型产品 简化设计的方法。
提纲:
为什么用户感觉复杂 如何简化概念,降低认知成本 如何让流程简短高效 如何简化页面信息布局 如何让操作更轻松 结语 为什么用户感觉复杂 你是否曾收到过类似的反馈:
“这文案是什么意思?”、“这能干什么?我需要干什么”、“那个功能在哪里?我找不到”、“要设置这么多项,好麻烦啊”、“这不能拖动吗?”…
这些都是用户感到复杂的反馈。从用户的感知层面分析,让用户感到复杂的原因可以划分为四大方面:概念、流程、界面、操作,以下将详细阐述原因。
1. 概念复杂
导致用户感觉产品复杂的其中一个主要原因是:用户难以理解产品的概念模型。概念模型指事物的基础定义及行为模式。(例如:汽车,一种在陆地上行驶的交通工具。通常需要司机驾驶,需要消耗汽油… )用户根据概念模型对事物的行为进行预测,构建出自身的心理模型。
因此,当产品没有清晰、准确地传达出概念模型,将导致用户产生错误的心理模型。用户需要在大量探索过程中,逐步纠正自己的想法,最终才能了解产品实际的概念模型。
另外,根据「雅各布定律」和「设计心理学 2:与复杂共存」,用户基于以往积累经验去理解新事物,即在使用产品前已构建心理模型。而当产品的概念模型与用户的心理模型不匹配时,用户在使用产品的过程中将持续产生认知冲突,也将给用户带来巨大的认知成本。尤其对于传统工具型产品,颠覆型的概念模型,反而提高用户的认知成本,让用户感到复杂难懂。
让设计更有说服力的20条经典原则:雅各布定律 编者按:作者整理了 20 条经典原则,并通过正反例子说明这些原则在设计中是如何运用的。
阅读文章 >
2. 流程复杂
工具型产品的流程主要分为两方面:单功能使用流程、多功能组合使用流程。
在单功能使用流程方面,难免会遇到一些功能在生效前,需要经过多个设置步骤的情况。虽然环环相扣的流程能够降低产品的出错概率,但却会给用户带来更多的成本。对于每个步骤,用户都需要经历「理解」-「操作」-「反馈」的环节。在一些情况下用户甚至不堪忍受,直接放弃使用功能。例如,在 Airtable 中创建甘特视图,需要经历 3 步才能完成配置,查看到效果。对于一些抱着尝试心态的新手用户来说,这是难以接受的体验:在还没理解功能的作用效果前,就要经历如此复杂的流程。
而多功能组合使用流程方面,工具型产品在产品功能设计层面,往往将功能的颗粒度设计得相当精细,以灵活满足各种场景需要。就 Excel 中的单元格而言,可设置单元格字体、单元格背景、单元格边框。但如此精细的功能设计将导致,若用户需要简单实现整体的目标效果时,其操作流程就变得十分的冗长。甚至在一些需要重复设置的场景下,工作量将几何级数地增长,让用户的工作流程将变得极其复杂。
3. 界面复杂
大多数工具型产品都希望能在一个界面让用户完成所有任务,却忽略了用户在现实场景下的使用流程。通常一个任务完成的前提是,需要按照一定的步骤完成若干个细项任务。若无法聚焦于每一个个细项任务,而需要耗费大量的时间精力来排除其他信息的干扰,则会产生“注意力被分散”、“太复杂”等体验感受,导致最终任务完成难度增加。
对用户来说,界面内的信息越多负担就越大。工具型产品通常伴随数量众多的功能和选项,一味的平铺功能,只为了展示自身的功能多样性,缺乏合理的组织布局,导致用户需要在几十甚至上百个选项中进行选择,则会大大降低用户使用效率。
4. 操作复杂
设计者在不考虑具体操作场景的前提下,不同功能均使用同一种交互方式,名义上为了让用户降低学习成本,但实际上却是不负责任地将复杂的理解过程转移给了用户。对于用户而言,复杂的操作可以分为两种:一种是「步骤复杂」,例如需要多次点击、页面跳转、设备切换等;另外一种则是「认知复杂」,例如交互方式与心理预期不匹配,需用户自行转换。无论是哪种,对于工具型产品而言都是灾难的。
除此之外,缺乏及时的反馈也会给用户带来不必要的麻烦。用户需要反复操作比操作中的冗余更可怕,就像高速公路的减速带,不断降低用户的效率。
如何简化概念,降低认知成本 1. 隐喻、类比已有事物
当产品的概念模型越趋近于用户的心理模型时,用户就越感觉产品容易理解和使用,所要求的使用能力和学习成本就越低。而用户心理模型是根据用户的目标,以及其过往的经验构成的。因此在设计产品的概念模型时,应尽量使用隐喻、类比的方式,让产品的文案概念及交互行为模式)与用户所熟知事物相近。从而让用户建立联想,激活行为记忆,降低认知探索成本。
HyperCard,苹果的早期时间的一款脚本系统。它以「Card」对产品进行命名,同时在产品交互形态上以一叠卡片的形态呈现。这让用户很容易就联想到现实生活中的卡片小册子,进而快速地了解到产品的大致行为模式。
需要注意的是,传统工具型产品的用户往往已被已有产品教育,积累了一定的使用经验、习惯。对于此类产品的概念模型简化应慎重考虑,因为用户所建立的心理模型是较难改变的,颠覆性的变化会让用户之前付出的学习成本付诸东流。此时可尝试用户的其他感知层面切入(流程、原型、操作),以探索简化的可能。
2. 巧用大白话
在实际业务场景中,难免会遇到概念新颖、逻辑复杂的产品功能。由于用户从未曾接触过类似的事物,未建立起相应的心理模型。在设计产品概念时也就难以使用隐喻、类比的方式来降低产品的复杂度。此时可采用「目标导向」的设计方法,帮助用户快速理解产品功能。因为用户除了基于过往经验建立心理模型,还可根据目标而对产品的行为模式做预测。
与其生搬硬套地创造概念,不如在合适的使用场景下,使用目标导向的大白话,清晰的传达出功能的目标效果。让用户快速了解产品功能的目标效果,减少全新概念的理解成本。
例如,在交互原型设计中,按钮往往存在多个状态(默认态、悬停态、点击态、禁用态)。Figma 对其赋予概念“变体(Variants)”,用户难以对此概念产生目标效果的联想,无法建立起对应的心理模型。而在 MasterGo 中,亦存在相同的功能,但使用的是更加符合目标效果的大白话“组件状态”。
如何让流程简短高效 1. 快速、直观呈现效果
对于工具型产品来说,效果直观是非常必要的。一来能让用户的探索快速获得反馈,降低用户的理解成本。二来能带来更加轻量的操作体验,鼓励用户探索,给予用户充分的掌控感。工具型产品的设计者应以此作为设计理念之一。但难免会遇到产品功能的逻辑流程较为复杂,需要经历多个环环相扣步骤的情况。而研发者往往更关注与代码的逻辑及可维护性,更加推荐逻辑严谨但流程冗长的设计。这时设计者应坚守设计理念,不断在用户体验与功能逻辑中寻找平衡,贯彻落实设计理念。
对于冗长的流程,设计者可通过以下方式解决:
(1) 根据场景自动化配置
良好的产品应该是聪明、高情商的,能够根据用户的实际情况进行自动化的配置,以减少用户操作。在进行自动化配置时,应谨慎梳理清楚用户的所有场景,以及每种场景意图,避免过度聪明,导致画蛇添足。
例如,在 Notion 中可一键创建 Timeline 视图,无需用户进行任何配置。因为其做了场景自动化配置处理:自动配置所需要的字段。
(2) 清晰的修改配置入口
在进行自动化配置后,不可避免可能存在场景理解错误的情况,导致自动配置的结果不符合用户实际情况。此时应提供清晰的修改配置入口,例如在用户可发现错误的地方中提供入口,允许用户在发现错误后即可发起修改。
(3) 异常后置处理,先让用户用起来
不应要求用户在功能生效前处理完所有异常。因为对于每一个步骤,用户都要付出理解及操作成本。尤其在处理异常情况时,用户需要耗费巨大的成本,极有可能因阻碍过大,从而放弃使用功能。设计者应将异常后置,确保用户能都快速查看功能效果并使用起来。对于异常的问题,应允许用户后续持续处理,不阻断功能的使用。
例如,在 Figma 中导入 sketch 文件会遇到,多种格式适配问题。但不影响导入流程以及 FIigma 的正常使用,用户可以在倒入后在对异常进行处理。
2. 基于目标组合功能,一键快速设置
一般来说,工具型产品服务的用户群体较广,需要满足丰富的个性化需求。在产品功能设计上,功能的颗粒度较小,能支持精细化的配置。这样导致用户需要实现组合的目标效果时,需要执行多个功能配置,整体的配置流程较为冗长、复杂。设计者在设计工具型产品时,除了要考虑单个功能的使用体验,也要从用户目标出发,全局考虑用户使用产品的整体流程体验。
如何既能保持产品的「灵活度」以满足丰富的场景,又能减少整体操作流程,提升用户效率。「一键操作」及「自定义脚本」是较为有效的方法。
(1)一键操作
基于用户的目标,可以对一些列相关的功能进行组合,允许用户一键设置,快速达到目标效果。同时应存在更多配置的入口,允许进阶用户进行更加详细的配置。例如,Keynote 中可对文本框进行快速样式设置,设置内容包含字体颜色、文本框背景颜色。当用户需求较为简单时,只需设置一次即可达到目标效果,而无需设置多次。
(2)自定义脚本
自定义脚本,指允许用户将一系列操作/设置组合为一个操作组的能力。在一些进阶场景,用户往往存在个性化的需求,对产品功能有着相对固定的使用习惯。自定义脚本,能够极大帮助用户减少重复性的操作,提高整体效率。
在 Figma 中,充满了类似概念的设计,如:组件、样式(文字、颜色、效果)。用户可自定义保存相关的配置参数,以方便多次复用或一键修改。
如何简化页面信息布局 1. 围绕行为组织功能,走一步看一步
在设计界面原型时,需要先了解用户的任务目标,用户想做什么,先做什么后做什么。充分掌握用户心理模型的行为路径,基于用户的行为路径进行组织功能,以确保用户在每个环节中所看到的信息都是必要且准确的。工具型产品通常拥有多个可选设置项,拆分任务步骤可减少用户被非必选项的干扰。
除此之外,不同的用户角色的行为路径也会有所不同,例如:创建者,协作者,以及是否有编辑权限等等。不同的用户场景对于功能的诉求也是不一样的,而这就需要设计师从产品的定位,主流用户以及使用习惯综合考量。在优先满足主流用户场景的基础功能上,再进行其他场景的功能增减。
2. 功能层级分区,巧妙地藏起来
(1)功能分区
George A. Miller 在《神奇的数字 7 加减 2:我们加工信息能力的某些限制》中表明,人的大脑最多同时处理 7±2 个信息块(即 5-9 个),若超过则出错的概率将会大大提高。对于无法避免复杂信息的情况下,可以将烦琐的信息分块,组织成清晰的层级结构,例如:微软 Office 中顶部工具栏包含上百个功能选项,为了便于用户能快速找到想要的功能,他们将所有功能进行分块,包括:字体、段落等模块。每个模块下再细分具体设置项,具体设置项又包含了其它功能。基于清晰的层级结构,用户可快速通过「字体模块」-「字体设置项」- 「微软雅黑」三个层级中快速找到想要的选项。
值得注意的是在信息分块时,需制定出清晰的划分界限,可通过询问不同的用户来判断界限是否清晰。
与此同时,布局效果是否清晰,对于简化界面设计而言同样重要。合理运用「格式塔原理」中的「接近性原则」,将同类元素放在一起让用户在视觉上感觉是一组,再根据同组元素中的重要性不同,大小上也应有所差异。做到让用户只看一眼便可快速找到想要的功能。
(2)隐藏高级功能
「帕累托法则(二八法则)」同样适用于工具型产品设计,即 20%的功能影响 80%的用户体验结果。换句话说,大部分普通用户经常使用的基础功能仅占 20%,但影响程度却远超于剩下的 80%。所以需将功能划分为基础功能和高级功能,在优先展示基础功能的前提下,再考虑高级功能或自定义功能的展示,必要时可将高级功能或自定义功能进行隐藏,但前提需是可见的。例如:更多设置,更多选项等,即对专家用户始终保持可见,但又不打扰普通用户。
如何让操作更轻松 1. 减少不必要的操作,使用更自然的交互
简化操作的过程中,针对不同的操作赋予最自然的交互形式能减少用户操作过程中的精力消耗。自然的交互应该是用户无意识的操作,是基于过往生活经验,阅历,学识等的一种本能,几乎不需要过多的学习成本即可完成。例如:用户旋转一张图片。相对于在输入框中输入旋转角度参数而言,将光标直接操控在图片上旋转显得更自然。输入需要至少三步(点击文本框-敲击键盘数字-点击确认),而直接旋转只需要两步(点击-旋转)。因为对于用户而言,点击图片进行旋转更接近现实生活中的操作,不管是交互步骤还是心理认知上,都会降低用户的操作难度,让用户觉得产品更简单更自然。
2. 提供及时的反馈与帮助,避免重复操作
在操作过程中得不到反馈,出错后再重新填写,同样会增加操作的复杂性。在尼尔森十大可用性原则中,第一原则就是系统状态的可见性。系统需要让用户知道自己在做什么,需要让用户知道系统做了什么。例如:在表单填写时及时反馈是否出错,在格式设置时及时反馈是否生效,可以让用户少走弯路。必要时给用户提供帮助也能简化用户操作的复杂性,提高操作的成功率。
结语 引用《简约至上》中的所说:创造简单用户体验的秘诀就在于把复杂性转移到正确的地方。任何产品都具有一定的复杂性,设计的目的不是为了消除所有复杂性,而是将它们放到最合适的位置。简化产品的复杂性替用户排除不必要的干扰,通过设计师的努力给每一个用户带来简单、愉悦的使用体验,让复杂的工作更简单。
参考文献
[1]Bill Moggridge.Designing Interactions[M].MIT Press,2006
[2][美]Alan Cooper,Robert Reimann,David Cronin,Christopher Noessel,Jason Csizamdi,Doug LeMoine.About Face 4 交互设计精髓[M].倪卫国,刘松涛,薛菲,杭敏译.北京:电子工业出版社,2015
[3][英]科尔伯恩(Colborne.G).简约至上:交互式设计四策[M].李松峰,秦绪文译.北京:人民邮电出版社,2011
[4]刘津,李月.破茧成蝶:用户体验设计师的成长之路[M].北京:人民邮电出版社,2014
[5][美]唐纳德•A•诺曼.设计心理学2:与复杂共处[M].张磊译.北京:中信出版社,2015
AUGUST 10, 2022
欢迎关注作者微信公众号:「腾讯ISUX」
-
网易云音乐专家:简单 5 步证明你的设计是有效的!
UI交互 2022-08-17前言 设计师经常碰到这种场景:以一句“设计的挺好”开场然后紧跟着灵魂三问,“这种形式用户能 get 到吗? 形式有更好的吗?这个设计方案靠谱吗?前言 设计师经常碰到这种场景:以一句“设计的挺好”开场然后紧跟着灵魂三问,“这种形式用户能 get 到吗? 形式有更好的吗?这个设计方案靠谱吗?” 翻译一下:这个设计能解决问题吗? 再翻译翻译:产品运营以及相关同学为什么相信你的设计是靠谱的?有效的?
先看看设计的定义是什么。
“设计是把一种设想通过合理的规划、周密的计划、通过各种感觉形式传达出来的过程”(来自百度百科)
用小学语文老师教的摘个重点:设想、感觉形式、过程 ,这三个词本身就具有很浓朦胧主义,产品运营以及相关同学为什么相信设想,感觉传达出来的形式可以解决问题,有效?靠谱?
很多设计类干货文中,都会提出“设计要解决问题”的观点。现实也是如此,设计师与其他职位唯一不同的是通过设计手段来解决问题。
那么,需要证明你的设计是可以解决问题,云音乐营收设计团队是采用如下五步来证明~
想提高点击率?大厂设计师总结了这5个有效的设计策略! 策略-设计-验证-调整策略-再设计…
阅读文章 >
Part 1 证明问题存在(产品问题+体验问题) 阿尔伯特·爱因斯坦曾经说:“提出一个问题往往比解决一个问题更重要”那么问题从何而来。
主要有两个角度:定性(用研)、定量(数据)
1. 定性角度(用研) A. 真实用户的反馈:目标用户的用研分析
绑定用研小姐姐用研同事可以给设计师完备的分析方案与专业建议。
自己进行的用研作为设计师我们可以从感受,形色字质构等相应的设计角度理解用户的需求与问题。
B. 相关职位的反馈:运营、技术、产品
运营反馈通常会带着目标的达成度。
技术反馈则带着实现方式与实现成本。
产品大哥的反馈通常会带着数据以及逻辑和路径。
2. 定量角度(数据) “数据”对于设计师来说是一件很重要的事,能够帮助设计师从一个更加客观的角度认知设计效果、找寻设计问题、启发设计方向。
根据数据我们可以知道:
可清晰的了解用户的行为,用户行为可视化。 通过一个时间段的数据对比,追踪产品数据的情况,了解产品变化,并通过异常数据追踪 产品设计 问题。 提供数据支持和后期方案的验证。 通过数据变化,可预测产品的走向和趋势。 Part 2 证明问题目前需要解决 1. 贴合产品最近的目标和优化点
作为一个团队本就应该目标一致,而产品同学认为急需要解决的问题,往往是离目标最近的问题。
举个栗子,如果产品同学正在为新用户的第一次付费犯愁,焦头烂额,设计师在喋喋不休讲主页封面的美观程度有多重要。产品大哥也只能礼貌的给你一个已读不回。但是如果你聊的是缩短用户的付费流程的相关设计优化,产品大哥一定会坐在你的旁边仔细的听你讲设计。
2. 能够帮助产品或者运营完成 KPI (变成利益共同体)
同样是上面的栗子如果运营同学为营收活动的付费目而焦虑,而你的设计正好与此相关,那一切就变得春光明媚,顺畅惬意。
3. 可被量化的评估数据(数据验证)
问题是通过定性定量而来,输出设计方案是自然需要考虑设计方案能否达到数据指标。
Part 3 证明你的设计方案有效且具有安全感 1. 竞品的角度
竞品都在用的方式未必是最有效的,但基本上是安全的。设计方案在安全的基础上相比竞品的优势以及与产品本身的贴合程度。
2. 目标用户的用研结果
目标用户的认可基本上是最有说服力的。建议设计师建立自己的用户调研群,用研方便又可以收集用户的反馈还可以多交几个朋友一举多得。当然如果是保密项目或者未上线的产品请先咨询风控同学,或者找用研小姐姐。
3. 数据同学的预估(可以验证有效性)
数据作为互联网重要的验证手段和晴雨表,数据同学的专业分析和预估,能为设计方案的靠谱性提供非常重要的支撑。
Part 4 证明设计方案到达目标路径最短 1. 实现路径最短
通常完成一个需求基本上要经过:产品 > 运营 > 交互 > 视觉 > 技术 > QA > 运营 > 用研,6-8 个职能设计方案如果能尽量的减少职能参与,上线速度与路径都会缩短。
2. 流程最短,操作最少
用户的路径与操作减少尽量短的时间内实现用户的目标。
奥卡姆剃刀定律:如无必要,勿增实体。
让设计更有说服力的20条经典原则:奥卡姆剃刀 编者按:我们都知道在设计中简化不必要的元素和操作会提升产品的效率,那么这是什么原理呢?
阅读文章 >
Part 5 证明你的证明是对的 “复盘、复盘、复盘”重要的事情说三遍。验证你的设计正确性与有效性,并对后续的优化做准备。
附赠一个心理学小知识:
北京师范大学心理学部的部长刘嘉教授 “从心理学上来说,信任这东西特别简单,就是带领队伍打 6 次胜仗就可以获得” 翻译一下,如果能 6 次证明你的设计是有效的,基本上不会再听到设计师的灵魂三问。
上面说了这么多,以上五步简单来说:
为了什么做 (问题在哪) → 要怎么做 (如何解决) → 如何才算做好了 (评估体系) → 做好了吗 (“定性、定量”在过程中的合作方式和态度) → 还需要优化吗 (验证复盘,再次出发)
综上所述:
所有设计开始之前的研究和分析,都是为了明确用户的需求,明确为什么要做这个设计?从用户的角度来看,这个产品对用户有何价值?此次设计要为用户解决什么问题?或者目前用户体验上有什么问题?简单点说用户有什么不爽的地方。从业务的角度来看,这个产品对公司有何价值,此次设计要达到什么目的;通过多次的证明过程以及复盘来确定设计师的设想与设计方式可以安全有效的解决问题。
当我们通过多次(从产品层面以及用户层面)证明设计是有效的,从而最终证明自己是一个有想法有能力靠谱设计师。
最后做个复盘 作为营收的设计团队,通过以上的方法,我们取得了一点点成果,复盘验证不断调整继续前进。
设计同学基于舆论热点与热门网络时间,经过一些列的分析验证,跟产运同学们一起输出“热点礼物”
自 20 年开始从“淡黄的长裙”到最近的“雪糕刺客”持续更新上线的热点礼物带来超过数千万营收。相关竞品平台也陆续跟进~
热点礼物完成之后,设计师们采用相同的分析与落地方式退出了“魔镜换装” 满足用户自行配置以及产运同学对于礼物多样化的需求,同样带来了千万级别的营收。
星座系列、魔法系列。
都是在分析尝试不断调整中成型并带来更多的实际营收。
新的设计尝试与设计变现也正在尝试中,不久大家便能看到~
最后的最后,“ 设计远不止好看这么简单”
欢迎关注「网易UEDC」公众号:
-
腾讯出品!工具型产品如何简化设计?
UI交互 2022-08-17随着科技的发展,人们的工作方式打破了空间、时间的束缚,传统线下作业场景逐步迁移到线上,衍生出大量的工具型产品。由于实际业务场景灵活多变,为了尽可能满足场景...随着科技的发展,人们的工作方式打破了空间、时间的束缚,传统线下作业场景逐步迁移到线上,衍生出大量的工具型产品。由于实际业务场景灵活多变,为了尽可能满足场景需求,工具型产品往往功能庞大且逻辑复杂,经常会收到用户反馈产品「复杂、难以理解」。对于工具型产品的设计者,如何「 简化设计 」是他们必须要面对的重要难题之一。
本文将从用户感知层面尝试分析用户感觉复杂的原因,并根据以往项目经验给出一些 工具型产品 简化设计的方法。
提纲:
为什么用户感觉复杂 如何简化概念,降低认知成本 如何让流程简短高效 如何简化页面信息布局 如何让操作更轻松 结语 为什么用户感觉复杂 你是否曾收到过类似的反馈:
“这文案是什么意思?”、“这能干什么?我需要干什么”、“那个功能在哪里?我找不到”、“要设置这么多项,好麻烦啊”、“这不能拖动吗?”…
这些都是用户感到复杂的反馈。从用户的感知层面分析,让用户感到复杂的原因可以划分为四大方面:概念、流程、界面、操作,以下将详细阐述原因。
1. 概念复杂
导致用户感觉产品复杂的其中一个主要原因是:用户难以理解产品的概念模型。概念模型指事物的基础定义及行为模式。(例如:汽车,一种在陆地上行驶的交通工具。通常需要司机驾驶,需要消耗汽油… )用户根据概念模型对事物的行为进行预测,构建出自身的心理模型。
因此,当产品没有清晰、准确地传达出概念模型,将导致用户产生错误的心理模型。用户需要在大量探索过程中,逐步纠正自己的想法,最终才能了解产品实际的概念模型。
另外,根据「雅各布定律」和「设计心理学 2:与复杂共存」,用户基于以往积累经验去理解新事物,即在使用产品前已构建心理模型。而当产品的概念模型与用户的心理模型不匹配时,用户在使用产品的过程中将持续产生认知冲突,也将给用户带来巨大的认知成本。尤其对于传统工具型产品,颠覆型的概念模型,反而提高用户的认知成本,让用户感到复杂难懂。
让设计更有说服力的20条经典原则:雅各布定律 编者按:作者整理了 20 条经典原则,并通过正反例子说明这些原则在设计中是如何运用的。
阅读文章 >
2. 流程复杂
工具型产品的流程主要分为两方面:单功能使用流程、多功能组合使用流程。
在单功能使用流程方面,难免会遇到一些功能在生效前,需要经过多个设置步骤的情况。虽然环环相扣的流程能够降低产品的出错概率,但却会给用户带来更多的成本。对于每个步骤,用户都需要经历「理解」-「操作」-「反馈」的环节。在一些情况下用户甚至不堪忍受,直接放弃使用功能。例如,在 Airtable 中创建甘特视图,需要经历 3 步才能完成配置,查看到效果。对于一些抱着尝试心态的新手用户来说,这是难以接受的体验:在还没理解功能的作用效果前,就要经历如此复杂的流程。
而多功能组合使用流程方面,工具型产品在产品功能设计层面,往往将功能的颗粒度设计得相当精细,以灵活满足各种场景需要。就 Excel 中的单元格而言,可设置单元格字体、单元格背景、单元格边框。但如此精细的功能设计将导致,若用户需要简单实现整体的目标效果时,其操作流程就变得十分的冗长。甚至在一些需要重复设置的场景下,工作量将几何级数地增长,让用户的工作流程将变得极其复杂。
3. 界面复杂
大多数工具型产品都希望能在一个界面让用户完成所有任务,却忽略了用户在现实场景下的使用流程。通常一个任务完成的前提是,需要按照一定的步骤完成若干个细项任务。若无法聚焦于每一个个细项任务,而需要耗费大量的时间精力来排除其他信息的干扰,则会产生“注意力被分散”、“太复杂”等体验感受,导致最终任务完成难度增加。
对用户来说,界面内的信息越多负担就越大。工具型产品通常伴随数量众多的功能和选项,一味的平铺功能,只为了展示自身的功能多样性,缺乏合理的组织布局,导致用户需要在几十甚至上百个选项中进行选择,则会大大降低用户使用效率。
4. 操作复杂
设计者在不考虑具体操作场景的前提下,不同功能均使用同一种交互方式,名义上为了让用户降低学习成本,但实际上却是不负责任地将复杂的理解过程转移给了用户。对于用户而言,复杂的操作可以分为两种:一种是「步骤复杂」,例如需要多次点击、页面跳转、设备切换等;另外一种则是「认知复杂」,例如交互方式与心理预期不匹配,需用户自行转换。无论是哪种,对于工具型产品而言都是灾难的。
除此之外,缺乏及时的反馈也会给用户带来不必要的麻烦。用户需要反复操作比操作中的冗余更可怕,就像高速公路的减速带,不断降低用户的效率。
如何简化概念,降低认知成本 1. 隐喻、类比已有事物
当产品的概念模型越趋近于用户的心理模型时,用户就越感觉产品容易理解和使用,所要求的使用能力和学习成本就越低。而用户心理模型是根据用户的目标,以及其过往的经验构成的。因此在设计产品的概念模型时,应尽量使用隐喻、类比的方式,让产品的文案概念及交互行为模式)与用户所熟知事物相近。从而让用户建立联想,激活行为记忆,降低认知探索成本。
HyperCard,苹果的早期时间的一款脚本系统。它以「Card」对产品进行命名,同时在产品交互形态上以一叠卡片的形态呈现。这让用户很容易就联想到现实生活中的卡片小册子,进而快速地了解到产品的大致行为模式。
需要注意的是,传统工具型产品的用户往往已被已有产品教育,积累了一定的使用经验、习惯。对于此类产品的概念模型简化应慎重考虑,因为用户所建立的心理模型是较难改变的,颠覆性的变化会让用户之前付出的学习成本付诸东流。此时可尝试用户的其他感知层面切入(流程、原型、操作),以探索简化的可能。
2. 巧用大白话
在实际业务场景中,难免会遇到概念新颖、逻辑复杂的产品功能。由于用户从未曾接触过类似的事物,未建立起相应的心理模型。在设计产品概念时也就难以使用隐喻、类比的方式来降低产品的复杂度。此时可采用「目标导向」的设计方法,帮助用户快速理解产品功能。因为用户除了基于过往经验建立心理模型,还可根据目标而对产品的行为模式做预测。
与其生搬硬套地创造概念,不如在合适的使用场景下,使用目标导向的大白话,清晰的传达出功能的目标效果。让用户快速了解产品功能的目标效果,减少全新概念的理解成本。
例如,在交互原型设计中,按钮往往存在多个状态(默认态、悬停态、点击态、禁用态)。Figma 对其赋予概念“变体(Variants)”,用户难以对此概念产生目标效果的联想,无法建立起对应的心理模型。而在 MasterGo 中,亦存在相同的功能,但使用的是更加符合目标效果的大白话“组件状态”。
如何让流程简短高效 1. 快速、直观呈现效果
对于工具型产品来说,效果直观是非常必要的。一来能让用户的探索快速获得反馈,降低用户的理解成本。二来能带来更加轻量的操作体验,鼓励用户探索,给予用户充分的掌控感。工具型产品的设计者应以此作为设计理念之一。但难免会遇到产品功能的逻辑流程较为复杂,需要经历多个环环相扣步骤的情况。而研发者往往更关注与代码的逻辑及可维护性,更加推荐逻辑严谨但流程冗长的设计。这时设计者应坚守设计理念,不断在用户体验与功能逻辑中寻找平衡,贯彻落实设计理念。
对于冗长的流程,设计者可通过以下方式解决:
(1) 根据场景自动化配置
良好的产品应该是聪明、高情商的,能够根据用户的实际情况进行自动化的配置,以减少用户操作。在进行自动化配置时,应谨慎梳理清楚用户的所有场景,以及每种场景意图,避免过度聪明,导致画蛇添足。
例如,在 Notion 中可一键创建 Timeline 视图,无需用户进行任何配置。因为其做了场景自动化配置处理:自动配置所需要的字段。
(2) 清晰的修改配置入口
在进行自动化配置后,不可避免可能存在场景理解错误的情况,导致自动配置的结果不符合用户实际情况。此时应提供清晰的修改配置入口,例如在用户可发现错误的地方中提供入口,允许用户在发现错误后即可发起修改。
(3) 异常后置处理,先让用户用起来
不应要求用户在功能生效前处理完所有异常。因为对于每一个步骤,用户都要付出理解及操作成本。尤其在处理异常情况时,用户需要耗费巨大的成本,极有可能因阻碍过大,从而放弃使用功能。设计者应将异常后置,确保用户能都快速查看功能效果并使用起来。对于异常的问题,应允许用户后续持续处理,不阻断功能的使用。
例如,在 Figma 中导入 sketch 文件会遇到,多种格式适配问题。但不影响导入流程以及 FIigma 的正常使用,用户可以在倒入后在对异常进行处理。
2. 基于目标组合功能,一键快速设置
一般来说,工具型产品服务的用户群体较广,需要满足丰富的个性化需求。在产品功能设计上,功能的颗粒度较小,能支持精细化的配置。这样导致用户需要实现组合的目标效果时,需要执行多个功能配置,整体的配置流程较为冗长、复杂。设计者在设计工具型产品时,除了要考虑单个功能的使用体验,也要从用户目标出发,全局考虑用户使用产品的整体流程体验。
如何既能保持产品的「灵活度」以满足丰富的场景,又能减少整体操作流程,提升用户效率。「一键操作」及「自定义脚本」是较为有效的方法。
(1)一键操作
基于用户的目标,可以对一些列相关的功能进行组合,允许用户一键设置,快速达到目标效果。同时应存在更多配置的入口,允许进阶用户进行更加详细的配置。例如,Keynote 中可对文本框进行快速样式设置,设置内容包含字体颜色、文本框背景颜色。当用户需求较为简单时,只需设置一次即可达到目标效果,而无需设置多次。
(2)自定义脚本
自定义脚本,指允许用户将一系列操作/设置组合为一个操作组的能力。在一些进阶场景,用户往往存在个性化的需求,对产品功能有着相对固定的使用习惯。自定义脚本,能够极大帮助用户减少重复性的操作,提高整体效率。
在 Figma 中,充满了类似概念的设计,如:组件、样式(文字、颜色、效果)。用户可自定义保存相关的配置参数,以方便多次复用或一键修改。
如何简化页面信息布局 1. 围绕行为组织功能,走一步看一步
在设计界面原型时,需要先了解用户的任务目标,用户想做什么,先做什么后做什么。充分掌握用户心理模型的行为路径,基于用户的行为路径进行组织功能,以确保用户在每个环节中所看到的信息都是必要且准确的。工具型产品通常拥有多个可选设置项,拆分任务步骤可减少用户被非必选项的干扰。
除此之外,不同的用户角色的行为路径也会有所不同,例如:创建者,协作者,以及是否有编辑权限等等。不同的用户场景对于功能的诉求也是不一样的,而这就需要设计师从产品的定位,主流用户以及使用习惯综合考量。在优先满足主流用户场景的基础功能上,再进行其他场景的功能增减。
2. 功能层级分区,巧妙地藏起来
(1)功能分区
George A. Miller 在《神奇的数字 7 加减 2:我们加工信息能力的某些限制》中表明,人的大脑最多同时处理 7±2 个信息块(即 5-9 个),若超过则出错的概率将会大大提高。对于无法避免复杂信息的情况下,可以将烦琐的信息分块,组织成清晰的层级结构,例如:微软 Office 中顶部工具栏包含上百个功能选项,为了便于用户能快速找到想要的功能,他们将所有功能进行分块,包括:字体、段落等模块。每个模块下再细分具体设置项,具体设置项又包含了其它功能。基于清晰的层级结构,用户可快速通过「字体模块」-「字体设置项」- 「微软雅黑」三个层级中快速找到想要的选项。
值得注意的是在信息分块时,需制定出清晰的划分界限,可通过询问不同的用户来判断界限是否清晰。
与此同时,布局效果是否清晰,对于简化界面设计而言同样重要。合理运用「格式塔原理」中的「接近性原则」,将同类元素放在一起让用户在视觉上感觉是一组,再根据同组元素中的重要性不同,大小上也应有所差异。做到让用户只看一眼便可快速找到想要的功能。
(2)隐藏高级功能
「帕累托法则(二八法则)」同样适用于工具型产品设计,即 20%的功能影响 80%的用户体验结果。换句话说,大部分普通用户经常使用的基础功能仅占 20%,但影响程度却远超于剩下的 80%。所以需将功能划分为基础功能和高级功能,在优先展示基础功能的前提下,再考虑高级功能或自定义功能的展示,必要时可将高级功能或自定义功能进行隐藏,但前提需是可见的。例如:更多设置,更多选项等,即对专家用户始终保持可见,但又不打扰普通用户。
如何让操作更轻松 1. 减少不必要的操作,使用更自然的交互
简化操作的过程中,针对不同的操作赋予最自然的交互形式能减少用户操作过程中的精力消耗。自然的交互应该是用户无意识的操作,是基于过往生活经验,阅历,学识等的一种本能,几乎不需要过多的学习成本即可完成。例如:用户旋转一张图片。相对于在输入框中输入旋转角度参数而言,将光标直接操控在图片上旋转显得更自然。输入需要至少三步(点击文本框-敲击键盘数字-点击确认),而直接旋转只需要两步(点击-旋转)。因为对于用户而言,点击图片进行旋转更接近现实生活中的操作,不管是交互步骤还是心理认知上,都会降低用户的操作难度,让用户觉得产品更简单更自然。
2. 提供及时的反馈与帮助,避免重复操作
在操作过程中得不到反馈,出错后再重新填写,同样会增加操作的复杂性。在尼尔森十大可用性原则中,第一原则就是系统状态的可见性。系统需要让用户知道自己在做什么,需要让用户知道系统做了什么。例如:在表单填写时及时反馈是否出错,在格式设置时及时反馈是否生效,可以让用户少走弯路。必要时给用户提供帮助也能简化用户操作的复杂性,提高操作的成功率。
结语 引用《简约至上》中的所说:创造简单用户体验的秘诀就在于把复杂性转移到正确的地方。任何产品都具有一定的复杂性,设计的目的不是为了消除所有复杂性,而是将它们放到最合适的位置。简化产品的复杂性替用户排除不必要的干扰,通过设计师的努力给每一个用户带来简单、愉悦的使用体验,让复杂的工作更简单。
参考文献
[1]Bill Moggridge.Designing Interactions[M].MIT Press,2006
[2][美]Alan Cooper,Robert Reimann,David Cronin,Christopher Noessel,Jason Csizamdi,Doug LeMoine.About Face 4 交互设计精髓[M].倪卫国,刘松涛,薛菲,杭敏译.北京:电子工业出版社,2015
[3][英]科尔伯恩(Colborne.G).简约至上:交互式设计四策[M].李松峰,秦绪文译.北京:人民邮电出版社,2011
[4]刘津,李月.破茧成蝶:用户体验设计师的成长之路[M].北京:人民邮电出版社,2014
[5][美]唐纳德•A•诺曼.设计心理学2:与复杂共处[M].张磊译.北京:中信出版社,2015
AUGUST 10, 2022
欢迎关注作者微信公众号:「腾讯ISUX」
-
配色被说不好看?高手这160种配色方案直接拿去用!
UI交互 2022-08-16颜色可以在很大程度上影响一件设计作品的调性和美观性,要想抓准一件设计作品的调性,选择一个合适的色彩搭配组合尤为关键,为此,葱爷花两天时间整理了 19 大设...颜色可以在很大程度上影响一件设计作品的调性和美观性,要想抓准一件设计作品的调性,选择一个合适的 色彩搭配 组合尤为关键,为此,葱爷花两天时间整理了 19 大设计调性,多达 160 种 配色方案 ,赶紧收藏起来以备不时之需吧。
拯救配色废!让配色效率暴涨10倍的预览神器 Palettemaker 大家好,这里是设计神器挖掘前线记者花生为您发回的实时报道 ~ 配色一直是我们设计师比较关注的话题,可能大家都收藏了很多个自动生成配色方案的网站,但会发现在网站上看着不错的配色用起来却不太行,没办法就只能再重新找,非常浪费时间。
阅读文章 >
1. 高端
视觉调性高端的色彩,通常具有明度低、饱和度低、颜色数量少等特点,所以很多高端的设计都会以深色作为背景色,因为深色更显低调、更具神秘感,所以给人的感觉更高贵。然后以亚金色、银色、桔红色、白色等作为辅助色。
2. 科技
想要表现科技感,色彩的整体调性通常会偏冷色系,明暗对比要强,且通常会使用渐变色。比如以深蓝色到蓝色的渐变作为背景色,然后用高饱和度、高亮度的青色和紫色作为辅助色,这时这些辅助色就会非常的跳跃,具有一种发光的效果。
3. 时尚
其实所有调性的配色都应该要尽量时尚一点,即使是想表现复古,也不能太土,所以这里所说的时尚特指偏向年轻、潮流的时尚。这种色彩通常具有饱和度高、明度适中、色相对比较大等特点。葱爷这里概括了两类,一类是以纯色作为背景,这种色彩比较适合于品牌设计、网页设计、画册设计等;一类是以渐变色作为背景,这种色彩比较适合于电商设计、广告设计等。
4. 酷炫
酷炫是指那种视觉效果特别张扬、甚至是极具个性的色彩搭配,比如近几年比较火的蒸汽波风格、酸性风格、赛博朋克风格、故障风格,其色彩就属于酷炫类的。该类设计通常也是以深色作为背景,图片元素会使用高饱和度且对比很强的渐变色,色彩相对较多。
5. 好吃
即让人感觉很有食欲的色彩搭配,这种色彩通常以暖色为主,比如红色、橙色、黄色。饱和度较高、明度较低的组合方式通常用于餐饮行业;而饱和度较低、明度较高的色彩组合通常用于甜点、饮料等行业。
6. 夏天
目前正值火热的夏季,所以葱爷专门整理了一些适合表现夏季的好看色彩,该类色彩通常会以蓝色、青色、绿色这种冷色系最为主要颜色,然后以黄色或红色、白色作为辅助色,这种色彩组合会给人清凉、快乐的感觉。
7. 清新
小清新的视觉感受为轻松、柔和、淡雅,要达到这样的效果,颜色的明度通常是比较高的,饱和度偏低,常用的颜色有浅青色、浅绿色、浅黄色、粉红色等,在奶茶、女性护肤品的相关设计中比较常见。
8. 快乐
快乐是张扬的、是活泼的,所以快乐的色彩饱和度较高、明度不会太低、色彩的种类会比较多,通常也是以暖色为主,但是会搭配冷色一起使用。黄色具有很强的快乐、阳光属性,所以想要表达快乐,黄色通常是少不了的。
9. 可爱
跟儿童、年轻女性相关的设计,通常需要表现出可爱的调性,这类色彩通常是用冷色和暖色相互组合,颜色的明度同样不会太低,否则会有压抑的感觉,另外饱和度也不要过高,饱和度稍低一点效果会更柔和一些。
10. 健康
想到健康我们立马就会想蓝天白云、青山、绿色的草地和树叶,还有黄色的小野花等等,所以蓝色、绿色、青色、黄色、白色都是常用于表现健康的色彩,红色也可以偶尔作为点缀色加进来。由于健康的调性也是要给人一种舒适、轻松的感觉,所以整体的颜色明度不要太低。
11. 运动
要想让色彩动起来,对比一定要强,可以是色相对比、也可以是明度对比和饱和度对比。橙色和黄色是两个很具活力的的颜色,所以常用于表现运动的设计里。
12. 科幻
这是一些科幻电影、机动游戏的海报设计常用的色彩搭配组合,给人的视觉感受是稳重而大气,科技感和神秘感并存,所以背景色通常也比较暗,喜欢用青色和黄色这种比较亮的颜色作为点缀。
13. 喜庆
在设计节日海报或促销海报时,通常需要表现出喜庆的调性,有些设计师会局限在大红色、黄色、和橙色里,这样搭配出来的色彩容易土,而想要解决这个问题,一方面可以加入冷色搭配使用,另一方面颜色的饱和度和亮度也不要过高。
14. 复古
这类色彩的特点是颜色的饱和度会相对低一点,而且大多数情况下,整体的明度通常也不会太高,常用类比色搭配和对比色搭配。
15. 中国风
具有中国风特色的颜色和色彩组合有很多,葱爷这里仅列举了 8 个组合。这类色彩同样饱和度不会达到最高,有点复古和充满文化气息的感觉。胭脂(暗红色)、缃色(中黄)、绀青(深蓝色)、黛(褐色)等是中国风常用的颜色。
16. 梦幻
梦幻具有奇妙和神秘的感觉,好像在黑暗中找到了一点曙光,奇遇了惊喜一般,所以大多数情况下,背景色会使用从深色到亮色的渐变。颜色相对会比较丰富,而且以渐变色居多。
17. 女性
女性是温柔的,是感性的,所以该类色彩组合通常为类比色,偶尔会用一点对比色作为点缀,以增加画面的活泼气息,颜色的明度和饱和度都不能太低,当然饱和度最好也不要过高,粉色、紫色是常用于表现女性的色彩。
18. 优雅
优雅可以理解为低调、高级、温和、安静,所以这类色彩的对比通常不会太强,饱和度也会比较低,整体的色彩调性会偏中性,常用卡其色、麻色,还有单色组合及类比色组合。
19. 经典色彩组合
除了以上十八大调性,葱爷还给大家推荐一些经典的配色,很难把它们具体归为哪一类,但是我们在做很多设计时,用上这种配色总能得到不错的效果,比如红黄黑、红白蓝、黄绿黑、等等,在很多平面海报设计中经常能看到。
结语 以上所列举的色彩组合,矩形色块为背景色,圆形色块为画面中图片元素或文字使用的颜色。根据需要可以把其中的某些纯色转变为单色渐变,或者也可以把某些单色渐变转化为纯色。另外,在不包含黑白灰的色彩组合里,仍可以根据需要自行加入黑白灰,比如用于填充文字的颜色。
当然,能体现以上这些调性的颜色还有很多,大家可以自行补充,建立起自己的色库。
欢迎关注作者的微信公众号:「葱爷」