揭秘大厂的设计思考,赶紧种草吧!

用户头像
广州/UX设计师/4年前/416浏览
揭秘大厂的设计思考,赶紧种草吧!
用户头像
赖大君

大厂的设计细节解析

嗨,小编又和大家见面了,作为设计师来说,体验和挖掘产品是我们日常习惯中不可或缺的一部分。除了探索新功能、新颖的交互形式、产品设计思维以外,UI视觉层的设计处理技巧也是学习和总结的重要环节,下面一起来挖掘大厂们的设计细节思考吧!


体验日记目录:

1、美团外卖-评论

2、网易云音乐-人性化入口

3、网易云音乐-直播

4、知乎-摇一摇

5、小宇宙-左滑右滑

6、哔哩哔哩-引导页交互

7、高德地图-定制化首页

8、支付宝-地下室

9、视频-悬屏滑动

10、京东-广告二楼




产品体验日记:



1. 美团外卖-评论

产品体验:

美团外卖作为线上的点餐系统,评论是线上产品最直接用户体验反馈,也是商家商业转化留存率的重要渠道。但是一般用户点完餐后都会习惯性关闭产品,那么如何激发用户进行评论?美团的外卖的评论系统的交互是值得参考和借鉴的。


设计思考:

评论弹窗——美团外卖点餐完成后,点击订单主页会自动弹窗评论弹窗,引导用户进行评论。

评论情感化语言“你的对订单还满意?”,利用评论得米粒激励机制激发用户评论。

点赞动效——美团外卖的点赞评论交互动效,点赞后笑脸会出现氛围动效;点-满意,下方出现标签的快捷评论方式;而”不满意“会出现标签和评论填写框,引导用户进行评论输入。

商品评论提醒——用户在切换的到商品评论时候,会自动弹出提醒弹窗”好吃你就夸夸TA,晒图写满15字更佳”引导用户进行评论,同时引导用评论输入10字以上和晒图。

顶部tab显示米粒——美团为了激励用户进行订单评论,采用奖励米粒的运营方式,顶部tab部分在用户评论时候,自动显示用户米粒数量和目标为了的米粒梳理,激发用户评论“1/30”。



2. 网易云音乐-人性化入口

产品体验:

作为网易云音乐的黑胶会员,也是每天上下班灵感工具,网易云音乐的细节还是做的非常不错的,下面是我发现的一些种草细节。


设计思考:

连接网络 跳转首页——网易云音乐在手机连接网络状态,会自动进入首页的音乐推荐,方便平台进行音乐的推荐。

未连接网络 跳转我的页面——网易云音乐在未连接网络状态下会自动跳转到我的页面,方便用户进行本地(已下载)歌单听取。

截图分享 自动弹出弹窗——网易云音乐的截图命令后,会自动弹出分享弹窗,方便和引导用户进行截图的分享操作。



3. 网易云音乐-直播广场

产品体验:

作为网易云音乐音乐的直播广场也是做的不错的,特别是按钮的的缩放交互,下面来谈谈我的发现吧。


计思考:

点击缩放按钮 自动返回主页——网易云音乐直播全屏页面点击右上方的缩放按钮会自动的返回列表主页,视频会变成播放的音乐小界面。

②收藏歌单 自动弹出歌单弹窗——网易云音乐直播中用户进行收藏操作时候,会贴心的在下方自动弹出视频歌单分类列表,这个操作也是很贴心的,方便用户分类,很多app仅有收藏交互。

评论页面 直播视频横屏缩放——网易云音乐的点击评论时候,为了不影响用户的直播视频的观看,用户点击评论时候会视频会自动进行横屏缩放,用户可以一边评论一边观看视频。



4. 知乎-摇一摇

产品体验:

知乎反馈弹出交互:知乎APP“摇一摇”会进入内测反馈弹窗,这么有趣的反馈交互增加了与用户反馈的趣味性。



5.小宇宙-左滑右滑管理方式

产品体验:

小宇宙:小宇宙的左滑右滑交互,对已订阅播客的最近更新节目进行管理。喜欢的左滑加入待播列表,不喜欢的右滑从更新列表删除。




6.哔哩哔哩-引导页交互





产品体验:

哔哩哔哩:B站的开屏广告引导页,下拉滑动观看手势,可快速进入视频播放,这样的快捷设计更符合开屏广告宣传的作用,同时缩短了用户的决策,激发用户点击率。



6.高德地图

产品体验:

高德地图地图的改版做得非常不错,整体的视觉风格和交互进行了全民升级,以此同时打通了多端打车平台的渠道,让打车容易,下面解析一下高德地图的优秀的交互细节吧。



设计思考:

定制化首页——高德地图首次下载,引导页可选择定制化的专属的地图首页。

个人中心二楼广告——高德地图的个人中心新增了二楼广告的交互,二楼广告与城市点亮的运营相结合,利用地图点亮身边的每一个城市。



7、自如-会员中心

产品体验:

自如APP的会员中心页面的背景会根据会员登记而改变,同时滑动式中部的等级卡片的插画也会根据互动,等级权益也会根据等级的升级而进行改变。

这样的交互方式,不仅视觉上将等级与背景融合,同时增加了画面的趣味性和互动性。




8、支付宝-地下室


产品体验:

支付宝:”页面地下室:产品附属心智传递”支付宝作为金融属性为导向的功能聚合平台,二楼设计可能对于用户的使用场景的稳定性有干扰,所以支付宝通过一种新的交互创意方式,滑动页面置于底部引出“地下室”的场景,也是另一种二层楼设计的延伸概念。



9、快手视频-悬屏滑动

产品体验:

快手:悬浮播放,更自由的切换:当用户需要进行其他操作,但又希望保持视频播放时,悬浮播放便是一个很好用的工具。微信视频号开发了自己的悬浮样式,将最小化的窗口贴边处理以减少打扰,保留清晰的叉号为随时关闭视频提供了便利。



10、京东


产品体验:

京东:京东将广告和商品详情列表的交互做得而非常有趣,是二楼广告手段的创新运营。





最后,

设计源于对生活的发现和积累,凭空想象的设计想法是没有的,灵感仅会出现在人们的脑海的认知世界当中,因此多发现生活中的产品体验细节,努力做一个有深度的设计师。


13
举报
|
9
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
Security Camera UI kit
【新年UI图标】活动icon
【新年UI图标】旅行icon
钱包ui模板
【新年UI图标】礼物/活动icon
【新年UI图标】体育icon
我的钱包-UI界面设计-app
【新年UI图标】积分icon
盲盒APP UI设计
森系3D渐变流体抽象矢量UI背景图
3D渐变流体抽象矢量UI背景图
UI 登录界面设计模板包
高级表盘系列UI源文件
新能源APP应用UIKit
户外旅行飞机情侣假日出行
【新年UI图标】美食icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
智能家居中心 简约 UI设计组件库
UI应用平面图标
【新年UI图标】相机icon
手表表盘UI系列
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
新拟态风格 UI设计组件库
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册