十万个产品细节推导(十四)

5 评论 3802 浏览 8 收藏 10 分钟

编辑导语:在设计生涯中,如何能够提高自己的产出,说出说服他人的理由,并减少改稿率?作者分享了十个产品的细节推导,看看成功的产品是如何做用户体验的,希望大家能够从中有所收获,一起来看看吧。

本期目录

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

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

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

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

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

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

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

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

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

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

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

1.【使用场景】

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

2.【设计思考】

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

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

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

1.【使用场景】

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

2.【设计思考】

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

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

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

1.【使用场景】

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

2.【设计思考】

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

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

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

1.【使用场景】
当用户在iPhone中搜索App来打开时,有时打开App后发现并不是自己想要的App。

2.【设计思考】

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

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

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

1.【使用场景】

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

2.【设计思考】

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

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

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

1.【使用场景】

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

2.【设计思考】

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

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

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

1.【使用场景】

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

2.【设计思考】

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

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

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

1.【使用场景】

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

2.【设计思考】

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

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

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

1.【使用场景】

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

2.【设计思考】

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

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

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

1.【使用场景】

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

2.【设计思考】

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

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

十一、结语

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

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

 

本文由 @萨瓦迪卡 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Pexels,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. kk

    来自北京 回复
  2. 抖音的那个“收藏的快捷查看入口”和小红书的比较相似,抖音是可以知道收藏成功了并且可以去看看自己收藏的内容;小红书也是知道收藏成功了,但是是进行分类,分类到不同的收藏夹里头。

    来自陕西 回复
    1. 嗯呢,感谢支持

      回复
  3. 抖音的那个“搜索的提示文案”我还以为是相关推荐呢,原来是起提示功能啊。

    来自陕西 回复
    1. 嗯呢,感谢支持

      回复