好的产品设计不仅是满足业务需求,还要能带给用户惊喜,激活用户对产品的信任度。好设计是灵感的爆发,也是对于优秀案例的融会贯通。作为产品设计师而言,不能闭门造车,要不断体验优秀的产品发现优秀的设计,只有当自己的脑存量足够大的时候,灵感才能被激活。
为了带给大家更多产品设计灵感,黑马哥也会定期分享一些产品体验日记,本期给大家带来 10 个产品设计细节/灵感,希望对大家有所帮助。
在产品中闪屏设计通常是闪屏广告或者品牌文化传播等,对于用户来说已经司空见惯了,只要不是过度的广告就已经是好的体验了。
在自己生日当天打开支付宝,闪屏弹出的居然是对自己的生日祝福,真像是一个惊喜丢给了自己,立马截图保存。通过情感化的传播,不仅带给用户惊喜,也能提升用户对产品的好感度,让产品变得更有温度。
随着苹果液态玻璃质感风的兴起,已经逐步成为趋势在产品中蔓延。这种轻科技风格的效果,使得界面设计效果通透清爽。
高德地图 APP 在闪屏和一些局部页面设计中,便是结合了液态玻璃质感的效果,带来的感官体验也是不错的。紧跟设计趋势才能带给用户更好的感官体验,也能让产品设计符合更多年轻用户的喜好。
对于用户来说,流程的动态可控是至关重要的,每个步骤都在用户的掌控中,才能让用户不会那么焦虑。
就像利用京东 APP 点完外卖,支付、出单、配送等环节都能够在页面中直观的显示,用户可以知道有几个步骤,目前处于那个步骤,还需要多久才能到下一个步骤等。可视化的动态流程设计,让用户不再迷茫,对平台和骑手的认可度也会得到提升。
卡片式设计趋势已经活跃很多年,目前依然是产品设计视觉表达的主要风格之一,卡片式的样式也变得越来越丰富。
最近在体验马蜂窝 APP 时,卡片设计不仅通过地图纹理增加视觉表现力,右上角的叠加设计手法也突出了卡片层级感。功能的角度有助于用户理解其中潜藏很多内容,点击进入之后的设计风格也继续延续首页,用户也能自行关闭隐藏展示。不仅交互体验层面增加了用户的体验度,突出的设计表现力也提升了感官体验度。
通过一个卡片可以体现信息归纳和层级关系的作用,通过多个卡片叠加却可以拉开界面布局的空间关系,让设计表达更加丰富多样。
芒果 TV APP 周边栏目设计中,通过多层卡片叠加的设计处理方式,把主视觉、品牌、价格详情等内容直观的展示在同一场景中。不仅视觉效果丰富多样,多种信息的曝光也一目了然,是一个不错的设计解决方案。
在类似于个人中心的列表设计中,我们通常都是点击进入二级界面操作/查看详情,最近发现了一个不一样的交互方式。
芒果 TV APP 在“我的”栏目中,针对功能列表中的一些栏目点击时,是通过底部弹出的方式展示更多附加功能。相较于进入二级页面来说交互路径更短,更利于用户查看与操作。
底部标签栏设计类型通常有纯图标、图标+文字、纯文字等形式,其中图标+文字的形式是比较主流的,但是纯文字的形式也在不断普及。
爱奇艺 APP 底部标签栏不仅采用纯文字的设计形式,视觉风格上面也紧跟趋势,采用液态玻璃的视觉风格。紧跟趋势不仅可以获得年轻用户的喜好,更加精简的设计表达也让信息层级更直观,产品设计要化繁为简,降低过度设计带来的干扰。
金刚区的设计千奇百态,其中图标设计风格也是层出不穷,最近发现了一个比较有场景代入感的设计案例,一起来看看吧!
携程旅行 APP 首页金刚区栏目中,图标背景加入了对应的场景插图,不仅使得视觉氛围更强,也加强了业务场景的代入感。相较于单纯图标+文字或者单色背景来说,加入细节的处理更有设计感。
以前到达一个景区没有导游就只能走马观花的看一遍,现在很多景区都有线上导览地图,有些还搭配了语音讲解,旅游体验感瞬间拉满。
利用插画形式作为导览地图的居多,可以把整个游玩区域浓缩在插画场景中,方便游客一目了然的获取方位。再结合定位和语音解答,游客随时随地都不会迷失旅游方向,还能充分的了解到景区的文化背景,提升旅行体验感。
动态图标在产品中不仅可以增强元素关注度,也能通过动效解释板块的概念,让用户更容易理解该板块。
比如驾考宝典 APP 在考试栏目的顶部 Tab 栏设计中,利用方向盘转动的动效图标辅助科二板块的表达,动态的形象充分解释了该板块的概念。动态图标不仅增强了设计趣味性,也让板块的概念变得更易理解,一举多得。
这些优秀产品设计细节总结仅为个人体验总结和观点描述,如有不足欢迎大家留言补充,希望可以带给大家更多设计灵感。