3

产品猎人上线!15个值得一看的产品设计细节

 5 months ago
source link: https://www.uisdc.com/product-details-9
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
产品猎人上线!15个值得一看的产品设计细节

本系列会挖掘与探索产品中的功能细节和体验亮点,让大家发现各种产品的另一面,同时也希望大家一起探讨这些体验细节,提高我们对产品的认知与设计思考能力。

更多产品细节

一、网易有道

如何通过轻提示来引导用户勾选服务协议?

服务条款是用户在登录时经常遗忘点击的功能,当用户忘记点击时很多产品都会采用强弹窗的形式来提示用户进行选择,这种强弹窗形式会中断用户的当前行为操作,增加用户心理负担。但我们发现网易有道通过 toast 轻提示的样式来提示用户勾选,这样不仅可以教育用户如何操作,还不会阻碍用户操作,提升用户的操作信心与体验流畅性。

产品猎人上线!15个值得一看的产品设计细节

二、小红书

小红书如何通过表情来做快捷回复

小红书与好友分享作品后,会在作品下方出现三个快捷回复表情,表情可以通过内容来匹配最为符合的三个表情,这样不仅提高回复率,激励分享者来分享更多的作品,还可以增加用户使用聊天功能,提高 IM 互动量与产品趣味性。

产品猎人上线!15个值得一看的产品设计细节

三、西西语音

用元宇宙玩法来提升语音直播体验

西西交友上线了一个元宇宙直播功能,把语音直播间变为了虚拟世界的形式来展现,提高直播的玩法,用户不仅可以听到主播小姐姐们的美丽嗓音,还可以在虚拟世界中进行换装与打招呼,提升直播间的可玩性与互动性,拉近主播与听众间的距离,从而增加用户停留在直播间的时长。

产品猎人上线!15个值得一看的产品设计细节

四、boss 直聘

薪资体验细节

大多的招聘平台薪资处理方式大多是以“K”或“万”为薪资单位,从用户角度分析“万”是中国的通用单位,对国内用户的理解成本更低,“K”是英文单词前面都有“kilo”的前缀,在国外为数字的通用单位,而且外国是不用“万”来做单位的,通常用“K”来表达薪资 10K=1 万,随着“K”这个单位逐渐在国内普及,和招聘市场逐渐走向海外,单位也由“万”变成了"K",不过“K”对于很多三线以下城市的人可能不理解什么意思,所以 boss 直聘为了解决此问题,让用户可以通过设置自定义展示用户需要的数字单位,从而降低用户的理解成本。

产品猎人上线!15个值得一看的产品设计细节

五、贝壳找房

如何通过设计给你安全感

房屋交易平台最重要的就是给用户带来安全与可靠的品牌感,贝壳无疑是房屋交易产品中可靠性最高的产品,这里不仅体现在房屋质量上,在界面 UI 设计中也充分的体现专业与可靠,如“首页”和“我的”页面都融入了安心承诺,功能整体 UI 也采用盾牌为主元素给用户带来稳定可靠的感觉。

产品猎人上线!15个值得一看的产品设计细节

IM 页的聊天气泡用的还习惯吗?

飞书的聊天气泡与其他聊天平台逻辑有些许差异,大多数 IM 聊天工具的聊天都为左右结构,左侧为对方的消息,右侧为自己的消息,这样可以很好的进行消息区分。但在体验飞书时都为左侧,这样会使用户的使用成本大大提升。在最新版的飞书设置中增加了选择显示聊天布局的功能,让用户可以自定义的选择回话布局,从而降低用户的使用成本。

产品猎人上线!15个值得一看的产品设计细节

新版直播间带来更好的观看体验

斗鱼上线了沉浸式新版直播间,相比旧版界面更干净,布局更合理,把功能集合到顶部/底部操作区,让重要信息更直观的展示。给用户带来沉浸式的直播观感。同时支持上下滑动切换直播间,提高直播间之间的用户流动性。

产品猎人上线!15个值得一看的产品设计细节

八、贝壳 app

通过设计提高 banner 体验

贝壳 app 首页滑动界面时 banner 会进行展开,展示更多相关信息,banner 采用固定的视觉样式。这样不仅可以降低 banner 的制作成本同时还可以规范风格与内容组件化,同时切换 banner 时增加流畅的动效来提高用户惊喜感。

产品猎人上线!15个值得一看的产品设计细节

九、高德地图

对路线的体验细节

高德地图在导航路线时会出现一段动画效果,给用户带来很好的视觉体验,动画结束后,会根据路线特点进行提示,分为:阴凉/下坡/夜灯等提示来告知用户路线特点,用户可以根据自身需求进行选择,提升用户体验。

产品猎人上线!15个值得一看的产品设计细节

十、大众点评

来看瀑布流图片预加载的价值

大众点评与快手 app 产品中瀑布流图片未加载时会根据图片内容展示对于颜色卡片,这种方式会在用户网络缓慢时很好的缓解等待情绪,期待图片内容,同时增加图片出现缓动动画,让颜色卡片与图片进行很好的衔接,相比其他产品的图片直接出现方案,有非常明显的体验提升,同时展现设计细节

产品猎人上线!15个值得一看的产品设计细节

十一、B 站

此功能的入口这样展示合理吗?

在体验 b 站过程中发现在首页左上角有一个自己的头像,在头像的左下角有一个视频图标,一开始我以为是自己的相关视频或者相关视频设置功能,但点击进去是沉浸式视频(类似于抖音),跟入口的信息没有任何关系,那此功能入口为什么要展示自己的头像呢?这样设计真的是合适的吗?不会引发用户反感吗?

产品猎人上线!15个值得一看的产品设计细节

十二、全民 k 歌

终于支持自定义编辑了!

全民 k 歌编辑录音终于支持自定义功能了,此前使用全民 k 歌时一直都觉得那些固定的风格太过局限,缺少一些自定义功能,这次新版本的全面 k 歌终于上线了自定义功能,不过前期可自定义的功能偏少,如可以添加更多可选项,会更加好用。此次自定义功能仅支持 VIP 可用,我相信会有不少用户会因为此功能而开始 VIP 吧~

十三、腾讯视频

屏幕顶部操作区的隐藏与出现交互

当用户滑动屏幕时,「腾讯视频」顶部的操作区会跟随手势进行向上隐藏,这样可以在用户向上滑动浏览信息时给界面带来更多的展示空间。当用户向下滑动一定距离时顶导出现,方便用户对顶导进行相关操作。这里的交互细节很舒适,大家可以多多学习。

十四、斗鱼

无畏契约「瓦」攻略站来了!

斗鱼作为直播平台,是基于游戏直播与游戏玩家形成的链接,而此次斗鱼对于无畏契约进行了全新的突破,搭建无畏契约攻略站(战术攻略,视频攻略,游戏攻略等),尤其是战术攻略,让用户可以在地图上查看对应的定位攻略,还可以进行收藏、分享等操作。这样不仅可以吸引喜欢无畏契约直播的用户使用,还可以因此吸引一波游戏玩家前来使用攻略站,让更多的人使用斗鱼,分享斗鱼提升分区活跃,喜欢玩“瓦”的用户快来体验吧!

十五、看理想

十分用心的封面设计

经常会浏览一些书籍 app 或者播客 app,发现封面质量非常的影响产品的设计风格与调性,大部分产品的封面都是由第三方上传,导致的封面质量无法控制,看理想采用统一的封面设计封面让封面的设计质量得到保证,同时也让看理想形成了一套特有的设计风格与调性。

以上就是本期产品猎人的全部内容,希望对大家有所帮助,当然也希望大家积极讨论,分析仅站在设计师与用户的角度,可能观点有些片面,敬请谅解。

20231205-uisdcbanner-fl-bottom.jpg
收藏 2
点赞 28

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


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK