产品案例解读丨14期
Hello大家好,我是杜昭
2020年挑战100个产品案例解读,已经过一大半啦;
今天分享61-65个案例;
61:贴合用户使用场景的优秀设计
一个 根据用户使用场景进行设计的一个案例:
进入知乎推荐内容详情页时,手机上滑查看更多内容,顶部导航栏会显示出作者的头像和关注按钮。当手指下滑回看上面内容时,顶部导航栏显示文章标题及文章全部的回答。如下图:

这个案例是典型的根据用户的使用场景做的设计,考虑到不同场景下用户的不同需求。
当用户触发手指上滑的行为时,已经看到了标题,并且用户对于标题感兴趣,才会上滑查看更多内容,这时导航就不需要展示标题相关信息,而是要展示作者信息及关注按钮,这样不仅可以为作者带来粉丝转化,激励作者创作更多内容,而且对知乎平台的来讲,也提升了作者和用户的粘性及活跃度;
在查看内容过程中,用户触发手指下滑行为时有两种原因,一是上文内容需要再次查看;二是用户想查看其它用户回答及回顾文章标题;所以当用户触发手指下滑操作时,导航栏展示文章标题和更多用户的回答更合乎场景;
我们在设计方案时一定要关注用户的使用场景,根据场景做设计,满足用户行为后的不同需求,下面是cctalk的根据使用场景进行设计的案例:
Cctalk从首页进入相应的课程群页,会判断你现在的网络情况,网络状态好进入花费流量的课程界面;网络状态不好时,进入相应课程的聊天界面,可以回顾之前课程时同学们的互动内容;

62. 流利说状态可见原则
流利说APP中的一个案例:
作者想通过流利说APP学习英语,定制了学习计划,课程学习到一半时退出页面到学习tab,发现学习tab的图标变成了进度条,数字代表今日要学习的总时长,进度条表示已学习的进度,今日计划全部学完之后,学习tab显示已完成的标识,如下图:

流利说APP是一款学习英语的软件,学习标签改版为进度条的设计,更加符合产品的定位,达到了无时无刻提醒用户学习的目的;
该设计遵循了尼尔森十大可用性原则里的第一点系统可见性原则,用户在整个学习过程中能很清楚的看到自己的学习进度,很好的督促用户继续学习的行为,作者猜测该设计会为流利说APP提高了核心任务完成率的数据;
当任务完成后,学习标签上会出现对号的小标识,无形中给用户带来情感上的成就感,有利于形成情感共鸣,对用户明日的坚持学习有很大帮助;
63:京东快速清理购物车功能
京东APP的快速清理购物车的一个案例:
作者平时比较喜欢逛京东,今天整理购物车惊喜发现了“快速清理”购物车的功能,简直对我体验太友好了;京东APP购物车tab,点击右上角的编辑后,在结算栏会显示出“快速清理”的按钮,如下图:

快速清理页面,优先展示无货商品,无需用户思考第一时间去清理,后面根据时间维度进行展示,时间越久越展示在最前面;产品展示只显示图片,一行展示4张图片,可以让用户更加直观的查看该商品自己是否需要,提高了用户处理的效率;

“快速清理”购物车的功能,对于用户来说提升了操作效率,方便用户后续快速查找商品;对于产品方来说删掉一些无效信息,增加一些用户喜欢的商品,有利于提升购物车页面的转化率;
64:不同状态下的差异化首页
一起学APP针对登录与未登录状态下首页差异化设计 的一个案例:
“一起学”APP在未登录状态下允许用户体验一部分功能,满足用户的心智模型-先了解体验再决定是否要注册与登录。
但产品在“未登录”状态的首页把运营相关信息拿掉了,第一位展示用户最关心的功能,减少运营信息的干扰,用功能信息引导用户去注册登录。登录状态与未登录状态展示图如下:

未登录状态:
产品方的目标是将该类用户转化成产品的注册用户,首页去除运营相关信息,聚焦产品最核心的功能,吸引用户去体验,进而转化用户,达到目标;
登录状态:
产品方的主要目标是用户的留存及付费用户的转化,注重商业化,十分需要运营活动去激发用户的活跃与付费行为;
产品方的设计策略,结合不同情景下用户的目的,实现每个阶段产品方的目标,作者认为这种设计值得去学习。
65:百度网盘和用户【说好不分离】
百度网盘中的一个案例,场景如下:
在百度网盘中,如果用户开通的VIP会员,当会员快要到期的时候会有一个提示,如下图:

弹框中有5条VIP的权益,其中几个字组成了【说好不分离】,通过排版和不同的颜色来突出这些字,形成一句非常富有情感的文案。
这个案例中作者认为最重要的设计技巧是【注意力引导】这个点,我们在做设计方案的过程中经常会使用一些文字来解释功能的规则,或者是对用户的操作进行引导,但实际上用户大部分情况下根本不会去看密密麻麻的小字,设计师往往做了无效的工作,同时也增加了页面的复杂度,使页面的可读性变差了。
在这种情况下【有效引导用户的注意力】就非常有必要,今天的案例中就是用一句富有情感的文字来引导用户的注意力,否则用户对这5条VIP权益其实很有可能就不会仔细看。那当然也就get不到花钱能有什么好处了。
看到这个案例之后,作者又想起了一个京东健康中引导注意力的负面案例,在明天的更新中带给大家。















































































