产品案例解读丨14期

用户头像
北京/UX设计师/5年前/949浏览
产品案例解读丨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不到花钱能有什么好处了。


看到这个案例之后,作者又想起了一个京东健康中引导注意力的负面案例,在明天的更新中带给大家。


23
阅读原文
|
举报
|
18
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
手表表盘UI系列
智能家居中心 简约 UI设计组件库
【新年UI图标】影音icon
钱包ui模板
高级表盘系列UI源文件
【新年UI图标】活动icon
【新年UI图标】旅行icon
户外旅行飞机情侣假日出行
3D渐变流体抽象矢量UI背景图
新能源APP应用UIKit
【新年UI图标】珠宝icon
3D卡通UI界面图标可爱插画免扣素
UI界面 组件
UI通用设计素材1
科技医疗透明柜UI界面设计
【新年UI图标】积分icon
我的钱包-UI界面设计-app
APP/小程序商业项目UI模板|99个高保真UI+79个原型
新拟态风格 UI设计组件库
高级感金属拟物 UI设计组件库
UI 登录界面设计模板包
【新年UI图标】礼物/活动icon
盲盒APP UI设计
你可能喜欢
相关收藏夹
大家都在看
登录注册