超多产品细节剖析,看看大厂是如何做设计的!

越体验产品越感受到产品的设计都是对人性的一个精细化研究后的一个产出,它不是画几个图标,做几个动效那么简简单单,后面都隐藏着大量对人性的思考,每个产品都在努力提供自己的情绪价值,都在努力做好人文关怀,非常的走心,所以我觉得一个优秀的设计师应该是一个非常懂人非常能够同理他人的人吧! 下面我们来一起欣赏这些藏在产品中的小精彩。

推荐阅读

一、字体设计提升页面的效果

在 UI 设计中运用字体设计可以提升页面的设计感,同时也能提升页面信息传达的效率。

高德地图产品栏,可以看到把"高德指南"几个字进行了字体设计,用一个代表指南的箭头打破来进行的字体设计,提高了用户对他的关注,强化了信息传达的重点;进行了字体设计的文字更像一个图形,跟其他的文字进行了强区分,让信息层级区分更加的明显。

CCtalk 的标题设计也对文字进行了微微的设计,通过把一个文字的某一个笔画的颜色进行区分设计,然后旁边再配一个图标的设计,整个标题的图形化设计一下提升了很多,美感和提示性也增强了很多。

CSDN 在我的页面的主菜单图标中,直接运用字体设计,将“赠"字图形化表达,还跟一个皇冠的图形进行了完美的结合,设计感满满,而且识别度也很高,让人一眼就能知道这是个什么入口。

淘宝也是直接应用了字体设计,把秒杀的秒进行了笔画替换,一撇换成了闪电图形;百亿补贴的图标没有直接运用图形,而是对补字进行了字体设计;还有那个超值购的"购",简直设计不要太好,用谐音图形“勾”代替了,非常的巧妙,整个产品处处都是小细节小心思,感受到各大产品越来越追求直接明了的表达方式,都在尽可能的减少用户的思考成本。

超多产品细节剖析,看看大厂是如何做设计的!

二、用动效轮番展示很多人购买的氛围

在日常生活中,我们去吃饭的时候,往往都喜欢去人多的店面,特别是有很多人排队的店面,因为人多意味着东西很好,在产品中用动效轮番展示很多人购买的氛围,可以增加人们购买的欲望。

淘宝在促销首页轮番展示很多人购买的场景,让人觉得当前产品很受欢迎,抢购的人很多,从侧面也在鼓舞人们可以多多购买。

拼多多在产品促销页也是,可以看到很多人在购买,头像不停在滚动,表示又有新的客户在购买,右边还有倒计时,造成了局势很紧张,促销很快就结束的氛围,通过这样的产品思考和表现,都极大的增强了人们购买的欲望。

超多产品细节剖析,看看大厂是如何做设计的!

三、触发式的页面展示方式让页面更加简洁

动效真的是个好工具,他可以让冗杂的页面信息更加的简洁。

联想应用商店在 AI 应用栏部分运用了一个很好的交互方式,当应用没有被选择的时候,安装按钮是被隐藏的,正常浏览的时候,应用旁边展示的是应用的一个基本的简介和安装量的展示,只有当用户在触碰到软件区域的时候,安装按钮才会蹦出来,这样极大的提高了页面的利用率,同时也简化了页面的信息排布,如果像常规的一样,应用旁边又展示信息又要放安装按钮,那么在相同的面积下一定摆放不了那么多的应用,同时页面也不会像现在这般的简洁耐看。

还有就是这样的展示方式会丰富页面的一个交互方式,让用户觉得这个页面是活的,互动感会很强,体验感也会提升,是个很值得学习的设计方式。

超多产品细节剖析,看看大厂是如何做设计的!

四、游戏增加产品的粘性和趣味性

特殊的小游戏对增强用户粘性,促进拉新有帮助,通过游戏的方式,为非游戏化的场景或产品赋能,让用户在使用产品过程中获得更多的乐趣,创造更大的产品价值。

淘宝、拼多多、苏宁易购、京东等各大电商平台都引入了游戏应用,极大的增强了产品的趣味性和愉悦性,而且这种游戏的开发成本比较低,但是情绪价值却比较高。

超多产品细节剖析,看看大厂是如何做设计的!

五、进度条中的游戏化设计

在进度条里面加入人物滑行的动效,提高了产品的趣味性,让人眼前一亮。

淘宝在游戏的加载页面,运用了一个戴着狮子帽的人头在进度条上滑行,看着非常的有趣有料,淘宝产品里面真的有很多这样的小心思小设计。

湘行一卡通的进度条也很有意思,用一个小车子做了进度条上的滑块,特别符合它本身交通的一个属性,同时它运用的卡通车的造型,本身又带点可爱的造型感觉,很有意思。

超多产品细节剖析,看看大厂是如何做设计的!

六、设计场景生活化能够拉进与人们的距离

当在产品中能看到生活中见到的场景,人们一定会感觉非常的亲近,距离感一下拉进。

淘宝促销,它想表达实惠经济的概念,用了一个小女孩子撒钱的动效场景,这个就是很好的设计生活化的例子,人物形象也设计的非常萌和可爱,迎合了大众的审美需求,也很好的表达了促销理念。

超多产品细节剖析,看看大厂是如何做设计的!

七、新的交互和联动方式很好的突出了产品信息

不去体验新的产品,就很容易陷入固有的思维、固有的交互模式和联动方式。

建设银行就很好的打开了我的思绪,以前我从来没想过曲线上的参数和上面的指标数据可以联动展示,而且随着时间线的滑动,各类监测指标也都在发生着变化,交互感很强;传统的模式是点击某个时间节点,然后再弹出来一个弹窗,然后才能看到三个指标点参数,很明显建设银行的这个交互方式要更加的直接有效。

超多产品细节剖析,看看大厂是如何做设计的!

八、数字展厅的应用增加了产品展示的渠道

随着时代的发展,新技术也在层出不穷,现在看到很多产品把数字人和数字展厅都运用到了产品中,产品得到了多维度的展示。

建设银行在首页的二楼设立了一个 AI 元宇宙空间,点击进去看到了一个虚拟的时尚的产品科技展厅,视觉效果很惊艳、信息传达很清晰,空间感也超强。

超多产品细节剖析,看看大厂是如何做设计的!

九、屏幕的亮暗变化隐藏着巨大的人文关怀

我们日常使用微信扫码给电动车充电的时候,光线不亮不暗的情况下,很难调出带有手电筒的扫码界面,这个时候内心是非常的焦虑。

一次偶然的机会,在不亮不暗的情况下体验了湘行一卡通,它真的太贴心了,正常为了护眼,屏幕亮度都会调整的不太亮但是当进入扫码界面的时候,屏幕直接会自动变到最亮,省去了人们焦虑的时间,也省去了人们调节屏幕亮度的时间,不得不说这个举动太感人了,这就是我经常遇到的痛点,它居然偷偷的帮我解决了。

超多产品细节剖析,看看大厂是如何做设计的!

十、语意跟动效的完美结合

当一些视觉画面跟业务内容非常凑巧而又自然的结合到了一起的时候,会给人带来非常惊喜的感觉。

湘行一卡通中有个江花购的产品,这个平台展示的是江花村的一个农产品和特色产品,设计师设计了一个小卡车奔驰在去江花村的路上,车上还贴着无比醒目的“江花购”,购物的引导非常的强,这样人们更加容易发现和驻留,可以帮助这个品牌产品更好的售卖。

超多产品细节剖析,看看大厂是如何做设计的!

产品体验总结:

人类永远都面临着种种问题,永远都需要这些问题的解决方案,如果我们设计师能够洞悉他人立场,不断提供温暖人心而又符合业务场景的设计,我想这样的设计人人都会喜欢的,希望大家也多多的体验产品,多多积累好的灵感设计,争取每一稿都是一稿就过,做个快乐而不改稿的设计师。

本文观点都为个人理解和总结,不足之处也欢迎大家留言区多多点评指正,大家共同进步!

收藏 21
点赞 42

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。