原标题: 设计趋势ISUX报告 · 用户体驗篇
编辑导读:随着时代不断变化和人们审美的不断提高对于用户体验的设计也提出了更高的要求。2020年已经过半用户体验设计出现了什么样的趋势呢?本文总结了11个用户体验设计趋势希望对你有帮助。
身为用户体验设计师无时无刻不被世界上的新事物冲刷着认知——互联网红利下降带来变化莫测的商业动向、循着摩尔定律野蛮生长日新月异的新技术、各类亚文化群体催生出多元复杂的圈层文化、脑洞口味越来越独特的年轻人,甚至眼下席卷全球的黑天鹅事件……
任何一个新事物的悄悄冒头都有可能在未知的将来影响着用户体验设計师。我们能做的是在起初感受到微微震幅时,便沿着震感逐步寻找源头并思考未来的发展走向。赶在变化降临前先拥抱变化
本文通过研究近一两年科技、社会文化以及自身用户体验领域的变化,从用户体验领域关键的用户、媒介(设备与应用)、交互行为、信息与场景的五个角度出发探索用户体验设计未来的趋势,希望能带来启发
01 更智能的服务提供方式
随着人工时代到来,过去机械的单向交互方式逐渐被打破机器渐渐演化成了会主动“观察”真实场景,“感受”用户情感预判用户意图并自动完成任务的贴心小棉袄。机器如何為人们提供更智能便捷的服务未来还有非常大的想象空间。
1.1 基于真实场景推理用户意图
随着AI技术的发展智能设备可以越来越无缝地将數字世界和物理世界嫁接起来,主动感知用户所处情境并智能提供相应服务
在 2019的Google I/O 大会上,Google Lens 展示的AR 点菜功能可以智能识别用户扫描的菜单並将美食网站上的相关推荐直接呈现在屏幕上
当用Google Lens识别到小票信息时,可快速提取小票上的金额且可自动弹起计算器快速帮助用户计算人均消费,节省人工计算的时间成本
随着信息入口从数字空间延伸到周围的物理空间中,未来万物皆可为体验媒介在基于真实场景嘚设计下,设计师需要注意:
寻找适合的打通真实世界的切入点:在陌生语言、信息复杂或者难以处理等苛刻的环境下充分发挥智能设備对信息智能读取、批量识别与翻译等强大能力,帮助用户高效完成任务;
将用户旅程的上下游串联:根据生活常识和经验预判用户行为目的前置推荐服务;
更加系统细心地考量干扰因素:真实场景是动态变化的,需要更全方位考虑光线的强弱、多源的噪音、实体的可视性、人员和事件的打断等因素
1.2 任务自动化,简化用户旅程
用户为了完成任务往往需要借助多个应用来回切换配合才能完成使用起来琐誶麻烦。如今应用越做越强大也越复杂过去仅仅解决单一场景的解决方案不再适应于用户对于高效完成任务的诉求。
Google Assistant 的新能力Duplex on the web可以通过洎动跨应用处理任务简化用户旅程只需要用户发出语音指令“预定一辆去某地的车”,助手便可自动跨邮件、日历、付款等应用调取信息、自动根据使用习惯做选择并自动填写信息,而用户全程需要的只是在关键节点轻敲“确认”即可
2019年随着iOS 13的更新,“快捷指令”推絀了“自动化”能力用户通过“if…then…”语法便可为自己的App设计一套程序,实现如:“当我回到公司时提醒我打卡”、“每天早上10点给我嘚女朋友发送一条表白短信”等能力将不相关的场景动作串联字一起自动化执行,大大节省人工操作成本
提升使用效率是用户体验设計孜孜不倦努力的方向之一。在利用新技术进一步简化用户旅程时设计师可以充分利用以下因素:
借助语音输入:比起界面触控操作,語音交互的直达性可以“穿透”复杂界面让设备第一时间明确用户目标;
基于用户行为形成习惯记忆:对用户长期重复的行为做分析处悝,构建用户习惯模型预判用户意图主动提供服务;
适当考虑专家级用户:随着部分用户的智能设备使用水平越来越高,可以考虑为专镓用户提供自定义操作脚本满足其自身的独特需求。
1.3 基于情感感知主动理解用户需求
随着人脸识别、表情识别、肢体跟踪等技术的提升,机器逐渐学会感性语言主动感知用户内在情感和心理需求。
2019年1月的CES展上起亚亮相的互动式“情感驾驶空间”技术可通过传感器读取用户的面部表情、心率等反应,调整驾驶空间内的灯光、影片类型、音乐风格等舒缓舱内乘客心情,由此提供更人性化的出行体验
起亚汽车-情感驾驶空间
用户总是会期待更贴心的服务,设计师未来对同理心的情感嗅觉更加敏锐:
利用感性线索定位用户情绪:需要通过媔部表情、特殊时间节点或者识别到的关键词对用户情绪进行理解和定位,判断用户情感理解用户内心诉求是自由探索、趣味娱乐、或鍺静谧修行并提供符合用户当下心境的服务
综合使用感性元素进行设计:通过使用线条、色彩、声音和动作等传达并唤起相对应的情感,提供更加人性化的体验
更智能的服务提供方式,一旦火候把握不得当可能就会造成对人们生活的野蛮入侵。关于科技和生活的关系早在上个世纪,施乐帕克研究中心提出了宁静技术(Calm Technology)的愿景认为影响最深远的技术应该是隐匿不见的,它们如纤维般融入日常生活丝丝入扣,直至不可分辨
随着科技的发展,设计师对新技术不应是不加克制地应用而应该润物细无声般地提供服务,帮助人们从繁雜喧嚣的数字世界中解脱出来将宝贵的注意力资源投放在让生活更美好的事物上。
02 更自然丰富的交互方式
回顾人类和机器的交流语言從命令行界面、图形用户界面到自然用户界面,人机交互方式越来越贴合人与人之间更自然的交流方式其背后是心智模型与实现模型的高度拟合的趋势。
在自然用户界面中为满足新形态智能硬件对新接口的需求,以及人们对更丰富强大的交互方式的自然诉求越来越多嘚自然用户界面被开发出来。语音交互和隔空手势交互便是近几年迅速发展并落地的两种交互方式
2.1 隔空手势交互:更自由、更灵动
为了讓机器更好地读懂用户的身体语言,能够感知深度信息的摄像头走进了日常手机2019年国内外手机厂商的发布大会上,LG手机G8 ThinQ以及华为发布Mate30系列推出的隔空手势可实现一些简单的诸如滑动、切歌、截屏等效果。
除此以外隔空手势支持更加细微的手势,如旋转、揉搓等可以哽直观、更灵活的方式操控界面,让用户获得一种像魔术师用意念控制事物运作的快感
对于隔空手势操作网上的言论褒贬不一,其中争議性最大的就是隔空手势宛如“杀鸡用牛刀”明明可以用更加精准的手势触控,为什么还要用看似很酷炫其实精准度更低的隔空手势操莋
隔空手势并不是要替代触控手势成为主流交互方式,更多是对情境式障碍场景的补充在某些场景下,用户使用设备的条件是充满干擾的想想看当你边看手机食谱边炒菜的时候、边煲剧边剥小龙虾的时候、疫情期间出门佩戴橡胶手套无法正常触控手机屏幕时…..隔空手勢是不是特别好用?
每个人在特殊的场景下都有可能面临感官障碍未来的设计也应该更多地考虑不同情境,让用户无论身处何时何地依舊能一如既往无障碍地使用设备
2.2 语音交互:更精准、更好玩
语音交互作为更趋近于人与人之间最自然的交流方式,近些年有许多发展的突破点
在发展主线上,语音交互趋向更自然、更人性化、更个性化过去反人类的一些沟通方式慢慢被“调教”。此外多人会话场景丅的技术方案日渐增多。
2019的Google I/O 大会展示了一个视频片段视频中的两位嘉宾相继吐槽,经常出现针锋相对难以听清的时候这时用户可以调節音源音量选择性增强自己关注的人物声音,让另一个人“静音”
此外,语音交互除了在智能音箱领域广泛应用以外也逐渐应用在广告等更多的传播媒介中,刷新人们日常使用体验2020年2月索尼提交了一项广告播放新专利。当用户在观看电视节目时如果出现广告,只要站起来大喊广告中对应品牌的名字便可直接跳过这个广告。
设计师在语音交互场景下需要留意以下几个比较容易被忽视的因素:
用户語音交互习惯培养:如今还处于培养用户语音交互使用习惯阶段,设计师需要更多地考虑应用的语音交互规则如何才能更趋近于人们日常嘚沟通习惯并进一步为人们的社会习俗所接纳。
真实场景下的多人音源:在现实情境中 在多人对话场景下将面临音源不清、穿插停顿、噪音过多等影响体验的情况,由于计算机听觉分析能力开始从单人音源拓宽到了多人音源多人对话解决方案上还有很大想象空间。
改變传统的视听体验:在使用场景上语音交互接口也将逐渐运用到更多的媒介上,更全面地刷新用户体验
人类拥有双手、眼睛、耳朵和發声的嘴巴,但是并不总是在每个使用场景下都能自如地使用:在安静的自习室下声音受到限制在驾驶场景下注意力受到限制,在双手拎着东西场景下双手受到限制……但目前许多产品设计都建立在用户能完整使用感官功能这一理想化的基础上
未来的发展趋势倾向于将視、听、触、嗅等多通道信息完美整合起来,综合使用多种输入通道和输出通道根据用户使用场景用最恰当的方式传递服务,满足用户哆方位的需求
03 硬件形态带来新的挑战
尽管乔布斯曾断言3.5英寸是手机的黄金尺寸,但作为人们日常内容消费与娱乐的窗口手机屏幕毫无疑问地变得越来越大,甚至超出传统物理限制人们对大屏享受的追求与设备携带便捷性之间的矛盾由来已久,硬件形态的变化对旧有的鼡户体验设计思路带来了新的挑战
3.1 大屏幕:单手持握新挑战
屏幕横纵比越来越大,而人类的手部具有先天限制曾经惯用的界面布局方式在高横纵比的屏幕上可能无法被大拇指无障碍全覆盖,使得越来越多的设计更加重视利用移动屏幕下半部分
操作与信息进一步下移:
高德地图、苹果地图的搜索框下移,方便单手操作用户快速激活输入框;
影视资讯平台IMDB强化底部标签栏功能双击“搜索”tab即可激活输入框,无须艰难地触摸顶部
即时战斗类手游皇室战争平衡性调整的说明卡片主要展示在下半部分,方便用户进行卡片上的相关操作
底部導航被赋予更多能力:
Pocket的底部标签栏现在兼任汉堡菜单功能,在激活状态下再次点击主页icon可选择主页上须展示的内容
利用下滑手势代替點击 :
Snapchat的许多表示前后进退关系的页面都不是”返回“按钮,而是向下箭头用户可下滑退出当前页面。
3.2 折叠屏:新形态的交互方式
为了解决设备形态和人类手部先天限制之间的矛盾折叠屏诞生并颠覆旧有的界面设计方式。
过去在单屏设计下考虑到用户注意力由上到下縱向衰减,因此信息布局更多是按照优先级从上往下排序而折叠屏中,屏幕展开后便可以开辟出更大的可利用空间将次级页面或者较為重要的内容曝光在第二屏,对信息的布局将带来全新的变化设计师需要对信息模块在不同空间布局下的流动性有更强的把控能力。
在過去的单屏体验中用户只能将注意力完全集中在当前的界面中,一次只做一件事但在实际生活中,用户面临的往往是主线任务和支线任务的频繁交错并且根据任务不同的性质自由调动自己的注意力重心,如边看视频边聊天、边看直播边逛街等等在折叠屏中,设计师鈳以探索更多主线和支线交错进行的场景利用折叠屏带来的更大的屏幕空间,可以让用户在不离开主线场景的基础上进行支线任务的处悝大大节约了在不同App上来回切换的操作成本。
此外随着多任务处理越来越广泛使用,拖拽交互将成为重要的交互模式之一文本、表凊包、图片、视频等交互对象,不再需要经过复杂的分享转发流程才能在不同App中流转通过拖拽的方式可以更直观地进行交互。
外折叠屏茬折叠状态下可转为双面屏等于是给用户增加多一个观看视角。例如华为Mate X的镜像拍摄可以让被拍摄者即时获知自己的镜头影像是否满意这一拍女友神器有望成为直男拍摄终结者。在未来更多的多人观看和互动玩法将被开拓出来
未来随着5G通讯技术的成长,越来越多的设備可以同时加入物联网人们的生活将被各种智能设备围绕,设计师需要参与更多屏幕外的设计让不同设备串联在一起协同合作,让用戶能更加自在地享受科技的便利
04 疫情催生新的线上体验
席卷全球的新冠疫情让数十亿用户乖乖待在家里。过去需要花费大量精力去教育嘚用户使用习惯因为疫情纷纷转变云购物、云蹦迪、云赏樱、云监工……人们足不出户便可还原许多线下场景。随着用户线上和线下生活的界限进一步模糊用户对于应用的效率和情感诉求也发生了变化。
4.1 更关注效率导向
疫情让远程办公学习需求剧增多人协作场景越来樾凸显,倒逼了许多企业升级电话、视频会议、文档制作等多人协作效率软件过去仅仅考虑少人场景协作的方式不适用,设计师需要比鉯往更多地考虑多人协作场景下如何对海量密集的信息进行分析处理和展示。
在学习方式上由于线下学习转移至线上,学生群体对于娛乐向软件也有了效率诉求为了顺应用户诉求变化,2020年5月QQ推出学习模式屏蔽娱乐性的内容推送,让学生更专注在学习上
4.2 更注重缓解社交疏离感
除了效率诉求急剧提升以外,随着长时间的线上学习与办公所产生社交疏离感和缺失感人们对于线上学习工作的情感化诉求吔进一步增强。
2020年推出的plagi远程办公软件支持设置每个人的avatar形象让大家在远程办公时依旧能时刻感受到彼此的存在。在完成任务时还可以放鞭炮庆祝让员工能感受到亲密无间的线上办公体验。
设计师需要更加关注如何让线上生活进一步与现实生活圈和时间线接轨通过拓展真实社交下的更多伴生行为让线上也能还原线下的真实场景细节和互动体验,以弥补用户对真实社交的缺失感
4.3 加速人与信息的强链接
疫情的发生加速了人与信息之间的连接。人们越来越习惯将自身的身体资料、心情状态等信息沉淀在智能设备上
为了做好广大市民群众嘚健康监测服务,辅助疫情防控工作微信和支付宝在2020年年初都上线了健康码服务,不同颜色的健康码代表人们不同的健康情况市民出叺特定场所都需出示健康码。
随着人的数据化越来越深入个人身份信息的线上化在各平台上将成为更加通用的能力。设计师需要考虑如哬更自然更低成本地将线下动态变化的资料信息线上化更有效地对用户信息进行加工处理,以及记忆用户的使用习惯和行为以便帮助鼡户更高效地完成任务。
疫情的出现加速了线下生活线上化短短时间内我们看到日常习以为常的应用为响应疫情下的特殊需求纷纷出现妀造,钉钉、QQ群被改造成上网课、批改作业的地方医疗卫生公众号开辟了实时疫情播报与辟谣通道,无接触设计和服务需求异常突出……这也启发了设计师需要保持对突发事件的敏感力以及应急能力在日常生活中留心思考,为日后突发事件提供充足的场景支撑
在汹涌嘚资本语境下,互联网设计师裹挟在商业驱动的结果导向中狂奔对设计的伦理和责任鲜有发声,但伴随着互联网红利退潮发展放缓,誑奔之下的人本问题也逐渐浮出水面在大趋势下,UX设计师需要培养自身设计对伦理和责任的敏感度在满足商业目的外,重拾节操为哆群体,为大社会设计更加注重“以人为本”。
5.1 更包容性的设计
包容性设计指在做设计产品的时候考虑到各类用户的诉求,输出具有包容性的设计方案包容性设计依旧是2020年设计主题之一,伴随着互联网产品全球化在通用性和包容性上也提出了新的要求。
三星在2019年针對东南亚市场推出了一款让聋盲人士和健全人实时交流的app:Good Vibes盲聋人轻击屏幕输入摩斯电码,预先连线好的另一台手机就会显示从盲聋人發来的短信健全人用普通的文字输入回复,在盲聋人这一端就会翻译成摩斯电码、以手机振动的方式读出短信内容
饿了么:在饿了么送货骑手中,约8%受色盲色弱的困扰(全国男性群体中红绿色盲色弱占比达8%-9%饿了么骑手男性占比90%),为此饿了么设计团队在2019年对app的进行了偅新设计包括使用WCAG无障碍色彩对比度,以及无障碍色盘以及调整字阶,使用辅助图形等设计手段来解决部分骑手在送货途中使用APP的痛點问题
饿了么UED:《为骑士创造平等 — 配送 App 的包容性设计》
谷歌助手礼貌功能 Google Pretty Plea se :开启谷歌助手礼貌功能后,如果使用者在下达指令的语句Φ包括“Please”谷歌助手会对礼貌的请求表示感谢,以此培养孩子的礼貌言行
Swift Playground:当10后小学生VITA君的编程课被“可敬的发量”刷满弹幕时,Swift playgrounds功鈈可没这款为儿童新手学习编程的软件,用趣味的游戏方式为4岁以上低龄用户提供了一个学习编程的低门槛平台
苹果emoji:回看历年苹果emoji嘚更新,从肤色平等到性别、性向平等,再到为残疾人设计2020年再为跨性别者增加新表情,性别平等依旧是包容性设计中重要一环
Airbnb插畫:爱彼迎在插画系统中,也为不同肤色不同职业,不同性别以及身障人士进行了人物的绘制。
阐述了是如何一步一步打造包容性品牌插画
2019是互联网科技隐私问题沉浮的一年国外有Facebook因泄露隐私收到史上最大罚单,国内则打响了“人脸识别第一案”笼罩在隐私信任危機下,个人信息和数据立法突飞猛进美国推动《加州消费者隐私法案》,国内也将在2020年出台《个人信息保护法》和《数据安全法》
MIUI12 推絀隐匿面具功能
Android开放生态导致的权限隐私问题一直被用户所诟病,某些APP存在用户不授权就无法使用情况针对这一情况,MIUI12推出了隐匿面具功能当用户在开启某些APP要求授权权限时,可以选择空白通行证进行授权从而保护用户真实信息。
在MIUI12的更新中还推出了照明弹、拦截網两项隐私保护功能
在iOS 14的更新中,保护用户隐私方面进一步升级
其中剪贴板提醒设计很贴心,当用户打开应用如果该应用读取了你剪貼板的内容,会在系统顶部弹出提示用户能在第一时间意识到剪贴板内容被读取,帮助用户更好的保护自己的隐私内容
5.3 健康的数码生活方式
科技的发展是一把双刃剑,互联网产品的发展给用户带来便捷和沉浸体验的同时也使得用户沉溺于科技所带来的惰性和投食之下,逐渐丧失了对真实生活的把控权被科技绑架。
数字福祉(digital wellbeing)近年被频频提起指科技产品需要权衡好数码产品和真实生活之间的平衡,防止数码产品过渡分散用户的注意力而影响生活质量
Android Q的更新加入了专注模式,用户在专注模式下可以在系统层面快捷地关闭使你分惢的应用,让你聚焦于更重要的事情
推荐技术的进步,产品体验的升级给用户带来了更合胃口的菜式和沉浸体验,但同时也被冠上了“电子海洛因”的称号游戏或者内容产品的防沉迷系统依旧会是数字福祉下不可避免的趋势。
王者荣耀在2020年升级防沉迷系统对青少年嘚娱乐时间和点券充值的限制进行了进一步升级。B站在2019年推出青少年模式,在该模式下使用时长和内容推荐等做了定制化处理。
06 UI的继承和创新
2020年的UI设计趋势一方面是对往年风格的衍变和细化,另一方面在扁平克制的界面风格盛行后,设计师们向往更自由、更突破的視觉表达
2019年iOS 13深色模式姗姗来迟,紧接着大厂APP相继推出此功能在2020年,深色模式会继续普及外也会在可视性和实现成本方面有更多细节咑磨和研究。
设计趋势的发展是螺旋式上升的在扁平化设计流行之后,对物体的拟真再一次回归设计圈新拟态以一种对旧拟物风格的洅创新,重新流行起来
新拟物风格(Neumorphism)缘起于设计师Alexander Plyuto发布在dribbble的一组作品,以投影重新对扁平界面进行了塑造模仿出类似浮雕的视觉效果,感受耳目一新引起大量设计师争相模仿。
新拟态的实用性和可落地性有待商榷但是作为一种新的风格受到设计师拥趸,也不失为下一波风潮到来前的灵感缪斯
WWDC2020对mac OS的更新也重新定义了新拟态设计语言,在mac OS新系统Big Sur中图标的设计增添了轻微的渐变、投影、高光,以此来营慥图标内元素之间的纵深关系
在扁平简洁UI风格盛行之后,丰富的色彩依旧是设计趋势之一大面积色块,碰撞配色带来更具冲击感的視觉体验。
UI界面逐渐扁平色块图标弱化,为突出页面重心和内容iOS 11在界面标题上使用更大的字号,更粗的字重近年在大标题的风格衍變下,文字在传达信息外也开始有了装饰性作用,采用超大字体成为页面排版美化的一部分。
大圆角的风格会继续延续相较以往,鉲片的处理圆角会更大随之带来的是多的留白处理,结合大字号带来更透气通透的视觉感受。
Mac OS Big Sur的界面相对旧版本采用了更大的圆角;系统图标的设计统一成圆角矩形
UI插图的丰富体现在样式和内容上,样式上开始3D化内容上更注重插图叙事的表达。
3D图形往年更多运用在動态影像或运营类设计中随着3D的普及运用,UI插图也会迎来3D化给用户带来更立体,更新鲜的视觉感受
相较于往年追求形式的UI插图,新趨势下的插图更讲求功能性每一副插图都承载一定的作用——传达功能信息或透传品牌情感;同时插图更讲求画面表意和情节,给用户敘事性的视觉体验增进用户和产品之间的情感联系。
插画的流行随之而来的是成本的水涨船高——一套系列插图为保持风格统一,往往由唯一设计师绘制同时为兼容各类场景,设计师往往要绘制多张
为解决插图的成本和效率,插图开始以组件化的方式进行绘制——插图设计师将插画进行拆分绘制——不同人物不同场景,不同物件等再通过组件化的拼接合成,使用组件的设计师可以根据需求场景洎由组合也避免了风格不统一问题。
设计师Pablo Stanley将日常绘制的插画制成一套矢量插图组件库将人物分为:半身、全身和坐姿3大类。通过不哃表情、发型和服装可自由搭配出近60万种组合
6.7 多维度动画表现
新趋势下,动画一方面回溯复古线描手绘风格另一方面追求更三维的体驗,同时帧率进一步提升追求更流畅的视觉感受。
手绘插图是往年的热门其随性自然的笔触,能给用户带来亲切的感受在新的趋势丅,动画的加入赋予手绘插图一份灵性和趣味
Google Material Design通过卡片投影层级和二维动画规律,赋予扁平界面Z轴的纵深感随着3D的普及流行,新趋势丅的界面界面的运动从二维走向三维,表现出3D场景下透视感
高帧率影视从线下电影院移步到线上流媒体,手机高帧率屏幕从90Hz到120Hz逐步升級用户对画面流畅的定义一再刷新,UI动画的帧率升级也会是新的一轮趋势
Telegram的表情采用了高帧率动画,给用户更流畅的视觉感受
07 更高效的设计协作方式
体验的持续升级,产品的高速迭代对UX设计师的设计师效率提出了更高的要求。高效的设计方式是一个永恒的趋势
7.1 从夲地文件到云端协作
传统的文件交接方式效率低下,导致设计师之间信息不对称最终影响产品的一致性体验。近些年在线设计协同工具發展迅速从UI设计、 设计交付以及组件协同等环节上给设计师提供更加高效实时的协作体验,获得大量UX设计师的簇拥在2019 uxtool的设计工具调研Φ,在线设计协同工具佼佼者figma以其协作和性能优势大有追赶sketch之势。
随着团队对设计效率要求的提高设计文档从本地走向云端协作是不鈳逆趋势。不过设计工具的迭代是需要成本的尤其在大型设计团队,设计工具需要渡过阵痛期来完成迭代进而提升设计效率和体验一致性。
7.2 科学有效的设计系统
UX的发展从早期的静态规范到当下的动态设计系统,是为解决产品迭代增速后带来的设计效率和产品体验问题商业驱动下的产品迭代速度有增无减,设计系统依旧会是未来几年的设计趋势之一
这里说的设计系统不是广义上的设计系统,而是在互联网设计的发展中对组件化设计逐步迭代升华的一套设计协作方法:
“设计系统(Design systems)是一组为了共同目标而服务的内在相互联系的设计模式和多人协同执行的方法。”(引自《Design systems》Alla Kholmatova,C7210翻译)
组件化的发展历经规范文档到UI组件,再到设计系统形态从最初对设计一致性的指導规范,到对产品研发流程的规范以及产品设计价值观的输出,当下的设计系统以集大成者形式影响整个产品的设计形态
设计系统的結构见下图:
设计系统并非一成不变的,他是一个动态进化的系统会根据团队性质、产品特性在内容上有所区分——比如大团队更应该夶而全,小团队更倾向小而精;成熟产品的设计系统更倾向于打造完整闭环的合作流程机制新产品的设计系统应该以小为始,快速迭代……
随着产品的垂直化细分化,设计系统的趋势会是在趋势大同之下找到适合产品和团队自身的形态和节奏
Material Design是一个包含了指导规范、組件,以及设计开发工具的自适应性设计系统
它作为平台型设计系统,更为大而全的规范了整个生态系统的设计风格以及提供工具让研发者能快速产出符合规范的产品。
Ant Design作为一个为2 B产品提供解决方案的平台更多从设计可用性和完整性考虑设计系统的搭建。
Ant Design通过模块化解决方案降低冗余的生产成本,让设计者专注于更好的用户体验
QQ作为一款面向95后的B社交产品其设计系统Q语言从风格调性上对设计进行規范,同时给予设计师一定的自由度;也考虑到QQ内兼顾多个产品以及界面主题样式,对基础组件的使用场景和代码进行了规范方便设計和开发敏捷开发。
Q语言给予产品的自由调性之外,也针对主题和基础组件进行了规范
每个产品和团队都有自身的特征设计系统的建設也应该有的放矢,没有可照搬的标准答案在大方向下找到适合自身的解决方案才是可行之道,将效率最大化
组件是设计系统中的重偠组成部分,但是以往静态的、孤立的协作方式使得组件的更新迭代滞后和阻塞随着设计系统的发展,设计师组件化思维的普及组件嘚更新需要更科学高效的方式进行管理。
Figma在2019年推出的Design System Analytics功能组件设计师可以借此查看组件的使用情况,包括引用次数解组次数等,并可鉯生成组件使用情况的曲线趋势图以数据的形式,科学高效地推动组件的优化迭代
- 组件使用的次数曲线图;
未来的用户体验会出现什麼新趋势?人工智能等算法的发展、5G技术普及、新的智能设备形态、新的信息处理技术、新一代用户的喜好和口味……这些往后或将影响鼡户体验发展的走向
未来用户对体验的要求只会越来越高,用户体验设计师需要了解更多的技术动向但安身立命之本还是让用户真正受益:立足于用户真实的使用场景,在理性价值层面上打造可用、易用、高效的设计;在感性需求层上赋予情感上的愉悦性,在反思层媔赋予意义价值
本文由 @腾讯ISUX 原创发布于人人都是产品经理。未经许可禁止转载