扫码登录 我要学设计网
设计师的职业进阶课堂

微信扫码登录 | 方便安全省心

54 期 | 产品体验日记

double_dan 2021年01月19日 发布 / 800 次阅读

指尖滑动屏幕的时候,多停留几秒,捕捉一些用心的设计,记录并反思应用到自己的设计中去。用心设计,让我们的生活更加美好!




01、截屏唤起交互动作

 

关键词

#截屏  #分享  #交互

 

产品体验

汽车之家:截屏之后,右侧会有浮窗,有个小吉祥物提醒你可以“一键分享”或者“反馈问题”。


喜马拉雅:截屏之后,会唤起一个弹窗,提醒你可以分享到其他平台,预判你的下一个动作。


支付宝:支付宝无论什么页面,截图的时候,会出现“求助反馈窗口”。

 

设计思考

汽车之家:主要是在视觉上做了一个引导,结合吉祥物的一个浮窗。形象很生动,会想让你忍不住去点击操作。


喜马拉雅:对用户截屏操作有个预判,是不是想分享到朋友圈?提供给你一个快捷分享的窗口,引导你去宣传产品的作用。


支付宝:比较注重用户体验,收集用户意见。从用户的实际角度去优化迭代产品,也帮助找准产品的定位市场,把产品做的越来越靠近用户,帮助用户解决问题。


1.png

 

 


02、文章助手


关键词

#文章  #阅读  #语音

 

产品体验

汽车之家:文章页标题后面跟着一个切换语音阅读,同时针对文章也可以设置文章字体大小,有一个把页面调整到最佳阅读的姿势的体验。

 

设计思考

针对买车用户,男性居多,年龄层跨度20-50岁之间,文章加入了一个语音阅读技术,一方面在用户体验上提供一些不想手动阅读的人选择,增加阅读效率。同时在业务需求方面,也是可以加入一些植入。常见的喜马拉雅的音频开头会有广告植入。对于一些视力差的人也提供了文字大小选择自由。让本来一篇枯燥的文章阅读过程变的更加贴心,一个好的用户体验。


2.png

 

 


03、敏感信息隐私保护

 

关键词

#敏感  #隐私保护

 

产品体验

招商银行:切换其他app,回到页面的时候会给一个提示,说可以保持在线状态时间,超过就会需要重新输入密码,如果你截图也会被监测到,你是否存在安全隐患的提示,感觉很贴心,保护用户隐私。

 

设计思考

因为银行这种跟钱有关的比较敏感的产品,如果别人拿着你手机,不是本人操作,长期在线的话,存在很大的安全隐患。所以会给你自己设置一个在线状态时间。超过就需要你重新输入登录,保护用户隐私。被截图的时候也会弹窗警告,提醒。


3.png

 


 

04、版本升级更新提示

 

关键词

#升级   #提示

 

产品体验

美图:在你每次登录app的时候会有弹窗,并列了此次更新的一些功能点。让你去更新。


咸鱼:穿插在页面,用文案引导你去升级,提醒你版本过低,权限不够需要升级。

 

设计思考

美图:强提示弹窗展示,直接列出功能点,升级之后能获得什么,直接了当。


咸鱼:弱提醒,穿插在页面中,比如你在使用某个功能点,版本过低,权限不够,提醒你升级。


4.png

 

 


05、内容创作广告植入

 

关键词

#广告 #内容变现

 

产品体验

美图:个人主页,社交信息下方直接有“买卖商品”入口。


小红书:个人主页统一,没有多余的推销信息入口。但是内容视频内,如果你是广告推销的话,会有个“同款商品”的入口。

 

设计思考

美图:直接了当提供了一个卖商品的入口,快捷入口。


小红书:商品信息被做成内容视频安利的,在观看的同时,观者可以去购买同款产品,达到变现目的。这种植入到内容里的营销手段,目前都很常用,综艺,抖音都用这种表现形式。


5.png

 

 


06、搜索页面

 

关键词

#搜索  #榜单  #热门

 

产品体验

汽车之家:搜索历史下方有具体的分类:自己的订阅,根据大数据搜集给你推荐你可能喜欢的,热搜榜单等等。


喜马拉雅:推荐搜索+不同音频的热搜榜单,更加细分,目的性更强。


支付宝:有常用的一些快捷搜索词,不同服务性质的搜索词排行。

 

设计思考

汽车之家:产品定位不一样,是第三方买车平台。根据大数据会给你推送一些你经常看的车型,牌子等,还有其他用户在观看的热门品牌。


喜马拉雅:考虑音频的类别较多,推荐用户更加精准定位热门音频,而不是大海捞针。


支付宝:顶部的快捷搜索词,也是运营广告位,增加自己产品“饿了么”的露出,点击转化。


6.png

 


 

07、空状态


关键词

#空状态  #缺省

 

产品体验

空状态没有数据的时候的三种状态

1、简单配图+按钮引导操作,按钮1/2 靠下,手指热点区域;

2、小场景插画,缓解焦虑;

3、简单配图+系统推送

 

设计思考

1、页面空,增加按钮引导用户应该怎么样操作才能看到信息;

2、现在很多空页面会加入一些有趣的小场景,缓解用户找不到东西时候的焦虑,再搭配一段合适的文案就让这个app 有不一样的体验,跟记忆点;

3、系统可以推送给你一些选项,提高用户的留存,减少页面跳出。


7.png

 

 


08、拉新活动


关键词

#拉新  #运营

 

产品体验

美团外卖:喊好友助力抢红包,下面提示“没点过外卖的人”“不经常点外卖的人” 就是不怎么使用产品的人助力,金额越高。


携程:页面上显示好友谁谁谁砍了多少钱,实际操作中新用户砍的更多。


汽车之家:弹窗显示邀请一名好友就可以拿洗车优惠券。

 

设计思考

让我们最深刻的莫过于前几年,最害怕收到好友发过来的”砍一刀“,其本质是介绍新人用户,可以给你多少佣金报酬。


美团外卖:对于不怎么使用本产品,或者从来没用过的产品的人拉新活动。用红包优惠刺激你注册或者重新使用该产品。


携程:包装了一个“拉新”的概念,砍一刀,更接地气,运用你的社交圈来宣传产品,给你一定的佣金报酬。


汽车之家:本质就是你介绍一个新用户,可给你一张优惠券。以激活优惠券的方式,让用户觉得很容易就可以获取这优惠,只要邀请一个好友就可以得到。


8.png

 

 


09、表情包输入

 

关键词

#表情包  #模糊查询

 

产品体验

QQ: 对话框输入“晚安”文字,输入框上方会显示跟文字相关的网络表情包。可点击快速发送。


微信:对话框输入“晚安”文字,表情包图标上方会有个表情包小图预览,是调用自己收藏的表情包库。

 

设计思考

两者都作为社交软件,平时用户使用场景,表情包搭配文字使用,让对话更加生动有趣。表情包是一个很重要的情绪表达,也能体现用户的心理。


QQ: 直接调用网络表情包,减轻自己表情包库的压力,用户可以免费使用。


微信:比较注重表情包的版权,有些付费的表情包,微信表情包是一个业务线。不是随便网上一搜就可以使用添加成为表情包的。


9.png

 

 


10、生成海报分享拉新

 

关键词

#分享  #拓客  #拉新

 

产品体验

汽车之家:截屏的时候,右侧会有个小弹窗,提醒可以一键分享到朋友圈或者微信QQ等。

生成海报,底部展示产品宣传语+app 二维码。


作业帮:首页底部有个推荐给好友的入口,可通过社交app 分享,是一个经过设计处理的海报+底部LOGO+产品宣传语+app二维码。

 

设计思考  

汽车之家:男性用户比较多,对于感兴趣的车信息直接内容转发给朋友比较直观,没有做过多的修饰。


作业帮:用户是家长、跟孩子,首页页面需要从颜色上吸引用户,激发转发欲望从而起到宣传的效果。


10.png

 

 


11、关注列表

 

关键词

#关注  #列表流  #实效性

 

产品体验

知乎:首页关注分类下方有一行经常访问的用户头像,有更新内容用小红点提醒。


微博:关注列表展示根据时间发布降序排列。

 

设计思考

知乎:内容类为主产品。根据用户访问频率,推测用户关注的喜欢的内容,通过十字交叉分析,合理的利用页面的首屏利用率。


微博:社交类产品,类别很多,比较注重内容信息的实时性。所以根据时间线发布来排序。


11.png

 

 


12、表情包管理

 

关键词

#表情包  #社交  #情感化

 

产品体验

1、微信今年新增一个“相似表情包”斗图功能;

2、微信表情包数量由于设置了上限,如果新增表情包就必须做其他表情包删除。可长按单个表情包直接对其进行操作(置顶&删除)。

 

设计思考

1、用户体验角度出发,作为社交类产品,表情包斗图会增加相互之间的感情,热闹聊天气氛,帮助用户直接搜索相似表情包,提供一些情绪满足;

2、由于产品表情包业务线,有数量上限。优化了表情包管理路径,之前是对所有表情包做统一删除管理,现在直接在表情包选择窗口就可以对其操作。


12.png

 

 

 

13、未成年保护

 

关键词

#未成年保护   #业务

 

产品体验

快手:点击左上角列表图标有个左边的弹窗,底部未成年保护设置工具。未成年保护概念升级,不单单是对未成年上网的一些权限(时间、内容推送)限制。还提供了其他选择,比如教育,关注未成年的成长学习。

 

设计思考

快手是个做个内容为上的产品,挖掘用户的各自可能性,作为一款直播类产品,好多产品会思考怎么防止未成年用户的沉溺,怕有不好的行为诱导。是危机也是机会,可以转换思维做未成年人教育的市场,业务线的拓展。


13.png

 


 

14、进度

 

关键词

#进度   #定位

 

产品体验

微信读书:可以自己快速移动到自己想阅读的章节,底部有一个类似进度条,可以拖拽。拖动的时候上方会有个章节当前位置的小弹窗提升,让用户不盲目。


爱奇艺 :视频进度可以拖拽定位。视频进度条上有几个小白点标记,点击之后,上方有截图+内容简介。

 

设计思考

给予用户操控感,可以设置内容进度。同时当用户置身与迷茫的时候,提供一个清晰的路标提示,让用户快速预览信息,并做出判断。


微信读书:根据书本的特性目录章节,页数等来标记。


爱奇艺 :视频属性,截图内容更加直观。


14.png

 

 


15、话题标签

 

关键词

#标签  #话题

 

产品体验

小红书:图片+内容+话题标签,点击之后可以看到类似的话题内容。


土巴兔装修:内容+图片(视频)+话题标签。点击展开更多话题内容。


微博:内容+图片(视频)+话题标签。点击展开更多话题内容。

 

设计思考

内容类产品:内容创作,创作的时候可以加入标签,对创作者而言,增加话题索引曝光度,引流的作用。


对浏览用户而言,可以快速查看感兴趣对话题。


15.png

我们是有底线的~O(∩_∩)O~


本期黑马家族成员的产品体验日记分享到此结束,不足之处我们努力做到更好,希望我们的努力,可以带给你更多帮助!