十万个产品细节推导（十四）

本期目录

一、【最右】-拖动到此处关闭

二、【抖音】-收藏的快捷查看入口

三、【12306】-回顶部的功能设计

四、【Iphone】-搜索功能的设计细节

五、【抖音】-搜索的提示文案

六、【咕咚】-跑步歌单推荐

七、【饿了么】-快速返回顶部

八、【咕咚】-引导解锁训练计划

九、【饿了么】-收藏的设计小细节

十、【最右】-插眼的设计细节

一、【最右】-拖动到此处关闭

1.【使用场景】

用户在收听完音频内容之后一般都会尝试关闭，为了更好地浏览其它评论内容。

2.【设计思考】

设计目标：解决音频模块如何关闭的问题，提升整体的操作体验。

设计方案：在最右的评论页中，用户长按「音频模块」进行拖动时，底部即会出现「拖动到此处关闭」的入口，拖动到该区域即可关闭成功。通过手势设计很好地方便用户操作，提升用户的满意度。

二、【抖音】-收藏的快捷查看入口

1.【使用场景】

当用户浏览到喜欢的内容时一般会进行收藏，同时也希望可以快速查看到已收藏的内容。

2.【设计思考】

设计目标：优化用户查看收藏的流程，提升产品的流畅度。

设计方案：在抖音中，用户点击「收藏」图标后，底部即出现「已添加到“我的收藏”，去看看」的快捷入口，这样的设计既提示了用户已收藏成功，也方便用户点击「去看看」查看收藏内容。

三、【12306】-回顶部的功能设计

1.【使用场景】

用户在购票前往下浏览其它内容时，如果想重新回到顶部，只能通过无限下拉界面至顶部。

2.【设计思考】

设计目标：解决用户返回顶部不方便的问题，提升用户的浏览体验。

设计方案：在12306中，用户在首页往下浏览超过「购票模块」的位置时，顶部导航栏中即会出现「回顶部」 的功能操作，点击即可返回到顶部，很好的提升了浏览体验及操作效率。

四、【iPhone】-搜索功能的设计细节

2.【设计思考】

设计目标：解决用户搜索时操作失误的问题。

设计方案：在iPhone中，用户搜索完某App并打开后，该App会顶部会出现「返回搜索」 的操作入口，点击后返回至搜索页。这样的设计方便用户在操作失误时重新搜索并打开自己想要的App。

五、【抖音】-搜索的提示文案

1.【使用场景】

当用户浏览短视频的内容时，有时会由于内容难懂，导致不了解其表达的意思。

2.【设计思考】

设计目标：给用户提供遇到困惑时的解决方案。

设计方案：在抖音中，用户在浏览短视频时，搜索栏内的提示文案会根据短视频的内容显示，切换内容时也会跟随变化。这样的设计方便用户不理解时进行搜索，了解更多的相关信息，解决用户困惑。

六、【咕咚】-跑步歌单推荐

1.【使用场景】

用户在跑步的过程中，如果有合适的跑步歌曲搭配，将使跑步的过程不再枯燥。

2.【设计思考】

设计目标：解决用户在跑步过程中枯燥的问题，提升整体的跑步体验。

设计方案：在咕咚的跑步页中，「开始」按钮旁会设置「听单」的功能入口，点击后呈现推荐的跑步歌单，供用户选择。这么设计既使用户的跑步之旅更加轻松，同时也避免了打开其它听歌App，减少操作。

七、【饿了么】-快速返回顶部

1.【使用场景】

用户在点外卖的过程中往下浏览想点的商品时，如果想重新回到顶部，只能通过无限下拉界面至顶部。

2.【设计思考】

设计目标：提升用户返回顶部的操作容易度。

设计方案：在饿了么的店铺页中，用户往下浏览商品时，顶部导航栏中的「全部商品」旁会出现返回顶部的的图标，点击后即可返回至顶部，很好的提升了浏览体验及操作效率。

八、【咕咚】-引导解锁训练计划

1.【使用场景】

用户制定训练计划的过程都不会那么容易，一般都会犹豫不决，需要推他们一把。

2.【设计思考】

设计目标：解决用户在定计划时犹豫不决的问题，提升训练计划的参与率。

设计方案：在咕咚的计划页中，底部会轮播显示其它用户参加计划的信息，从而吸引用户关注。当用户上滑浏览时，底部又会出现「解锁训练计划」的入口，进一步去引导用户参加。

九、【饿了么】-收藏的设计小细节

1.【使用场景】

一般商家为了让用户收藏店铺，会推出相关的优惠活动给到用户。

2.【设计思考】

设计目标：解决店铺收藏量过低的问题，提升下单率。

设计方案：在饿了么的店铺页中，点击顶部的「收藏」图标，旁边的「红包」图标即会变成「惠」的图标形式，进一步提示用户收藏即可享受优惠活动，同时利用贪便宜的心理暗示用户下单购买。

十、【最右】-插眼的设计细节

1.【使用场景】

用户在浏览帖子的评论内容时，如果对内容非常感兴趣，他们会多次去查看评论的最新进展。

2.【设计思考】

设计目标：解决多次查看评论时的效率问题，提升操作的容易度。

设计方案：在最右的评论页中，用户点击「插眼」图标，即可从「我的」-「插眼」中进行查阅内容，方便用户后续操作。同时图标上的表情戴上眼镜的设计，以及Toast中的插眼人数显示，更好的告诉用户插眼成功和帖子的热度值。

十一、结语

在设计的生涯中，如何说服别人会伴随着我们从头到尾。我们在记录好的设计细节时，也要不断提升自己的输出表达能力。做到既能让别人听得舒服，也能让自己减少改稿率。

本期的产品细节推导分享结束，我们下期再见！

本文作者 @萨瓦迪卡

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！