APP推广合作
联系“鸟哥笔记小乔”
分析一下大厂是如何做设计的
2021-11-02 15:58:45

“支付宝”的地下室

关键词:#趣味性#

产品体验:


在支付宝首页中,滑动到页面底部可以看到有一行文字提示“继续上滑 地下室里看世界”,继续上滑后跳转到支付宝·地下室页面。



设计思考:


在去年产品二楼开始风靡之后,地下室也出现开来。支付宝首页到底之后继续上滑,出现地下室的空间,在地下室中分时段有不同的活动内容,夜间有助眠的音乐,白天会有一些小游戏,用户做完之后会有按钮跳转到相关商品的小程序中,增加商户的浏览,或者换一个思路可以做一些联合的活动类的专题,增加产品趣味。

“微博”点赞的效果

关键词:#点赞动效#

产品体验:


在微博的创作者发布内容之后,其他用户点击查看,给创作者点赞时会出现表情四射的动效。



设计思考:


作为社交产品,用户之间的互动时必不可少的环节,有趣的互动方式会让用户之间对产品的依赖程度更多。微博在点赞的位置用了动效的方式,首先是四射的效果会有一种庆祝的体验感,其次就是四射的内容为表情符号,并没有脱离点赞本身的含义,以及一级页面中长按点赞出现的表情,形成了前后的对应。

“抖音”热门合集中增加当事人标签

关键词:#标签#

产品体验:


在抖音中看到热门话题的视频,进入该话题合集页面,其中话题本人的缩略视频左上角有当事人的标签。



设计思考:


抖音热搜现在应该是出去微博之后话题度很高的一个产品热搜了,众多用户涌入之后,热搜当事人的视频如果没有明显标识则会十分难找,与之前找续集一样的硬伤。所以在这里产品设计增加了标签,用户进入之后可以比较快的找到话题本人的原视频,节省用户思考反应的时间,把用户的注意力留在内容本身上。

“蚂蚁金服”首页icon的交互

关键词:#交互#

产品体验:


进入蚂蚁金服后,首页的底部切换按钮是默认图标,滑动页面向下浏览之后,图标改变为返回顶部的样式,点击直接返回顶部。



设计思考:


其实这样的设计并不是新的交互方式,但是这样的交互设计确实好用,尤其是在金融或者商务等产品中使用更应景,这样的用户群不会过多关注到其他的事物,往往目标强,行动快,那么增加这样的功能可以很好的解决这类产品对应的人群。比如内容发布类的产品,这样的功能可能就不适合,因为是内容的发布,用户基本二次点击希望的是刷新,或者向上少一点的回看,所以加上单纯的返回顶部会有一点鸡肋。

“腾讯地图”专属语音

关键词:#用户体验#

产品体验:


在腾讯地图中进行语音播报的设置,选择喜欢的语音后,会提示是否使用车标与主题,同意之后完成切换样式。



设计思考:


与高德不同的是,腾讯的语音使用会把产品的主题一同改变,这对于粉丝经济来说是一个比较重要的需求,同时在这里产品设计也注意到了非粉丝的用户,在使用特殊播报之后会询问用户,是否切换主题,来增加不同用户的可选择性。对不同的用户都可以有一个快乐的使用体验。

“爱奇艺”的触点效果(ipad)

关键词:#趣味性#

产品体验:


在爱奇艺恋恋剧场中,用户在全屏模式下点击屏幕,会有小心心出现,每点击一下会出现一个。



设计思考:


在产品的使用中,产品的趣味性会让用户对原有的固有印象有所改变,比如小心心的可爱感,是不是对于用户反感超前点播所有短暂的失忆呢,部分用户会在触点乐趣中反复玩耍,增加用户的好感度。

“爱奇艺”首页banner的交互

关键词:#用户体验#

产品体验:


在爱奇艺的banner的切换中,图片与文字拆分设计,文字向左下角消失banner退出,下一个banner出现文字在相同区域由下至上显示。



设计思考:


爱奇艺这里的banner与自如banner的拆分有所不同,虽然拆分方式不同,但是我认为目的是相通的,希望提高banner的注意力,可玩性,点击率,让有趣的交互给用户带来新的使用体验。

“斗鱼直播”的界面分布(ipad)

关键词:#产品黏度#

产品体验:


在斗鱼中打开直播,可以看到界面的分布为直播内容区、评论区、相关视频区。



设计思考:


斗鱼这里的界面区域分布对于用户来说是对主播本身的有利趋势,用户在进入直播间后,可以在直播间内形成内循环观看该主播,了解该主播的情况,作为平台来说增加了主播与平台,用户与产品之间的联系,强化黏度。

“企鹅直播”的界面布局形式(ipad)

关键词:#引导#

产品体验:


进入产品中可以看到首页的布局,左侧为手机端布局样式,右侧的空白处为直播内容的部分,这块区域上半部分为直播可视区域,下半部分为评论对话区域。



设计思考:
与前一天的斗鱼直播的界面不同,在企鹅这里的布局似乎更注重整个产品之间的相互引导,左半边始终是操作部分,右侧为内容的展示,并不会因为进入直播间导致无法操作产品本身,或者看到其他主播的封面,又或者是一些列表,用户可以在产品内产生循环,可以通过一些大主播的引入分流给其他主播,从而达到整个产品的活跃度增加,尽量避免产生流量集中的情况。

“UI中国”不一样的弹幕

关键词:#用户心理#

产品体验:


从网页中打开UI中国后,首页加载完成后在界面中会出现一条弹幕,点击弹幕后进入活动详情页。



设计思考:


作为弹幕的的使用,用户潜意识会认为是用户间的交流,加上整个界面中只有一条弹幕,在静态页面中会显得十分抢眼,用户的视觉中心会不自觉的跟着弹幕的移动而短时间的加强注意。这样的结果反而会让用户注意到这里,并点击查看详情,激发用户的好奇心。所以这里放置运营活动的入口之后,会很大程度上增加活动点击率以及浏览量。

“bilibili”相关视频推荐

关键词:#用户体验# #个性化推荐#

产品体验:


在哔哩哔哩观看视频即将结束时,屏幕中间靠下的位置出现与该视频最相关的视频推荐,点击后跳转观看,同时在关闭按钮有倒计时的进度条,用户可以直接关闭或者不做操作自动关闭。



设计思考:


过往我体验过的传统的视频产品中,相关推荐是基于目前和过往看过的视频内容,通过标签分类进行数据分析的个性化推荐。

在b站中,相关推荐直接展示在即将结束的视频中,用户可以不用做操作直接看到最相关推荐的一个视频,既解决了把用户留下来产生生态闭环,又解决了用户面对众多推荐后从而导致不会选就不选的尴尬。很好的提升了用户的使用体验。不过这仅仅是从表面来看,具体到视频产品中细分的类别和需求不同,会有不一样的设计选择。

“bilibili”弹幕的发送框

关键词:#用户体验#

产品体验:


在b站中观看视频时,想发送弹幕的话可以在视频内容区下方可以看到有输入框点击。也可以滑动下方信息区到弹幕评论的位置由下向上出现悬浮评论框点击输入。



设计思考:


在页面默认的情况下只有视频下面一个输入框可以输入,但是这里的位置于用户的视觉焦点距离并不远,用户可以快速的发现。第二种情况就是下方的界面滑动到评论位置出现多一个输入框,这里由于设备的尺寸,手其实并不能很方便的点击到位于界面中部的输入框,所以弹出新的输入框方便用户点击;还有一个原因是强调该功能,暗示用户参与到视频互动,在评论的位置多出现一个评论框,用户在初期认为不方便的点击在后期方便操作,强化用户的评论意识,会适当的激发用户参与到产品的互动中。

“央视影音”可以滑动的进度条

关键词:#用户体验#

产品体验 :


进入产品后观看频道直播视频,正在进行的是正在播出的节目,同时话筒进度条可以看到之前该频道播出的内容,相当于回放直接在进度条就可以拖动观看。



设计思考:


对于直播产品来说,主播的节目时间是没有连续性的往往在3小时后就下班了,回放的视频就需要单独的回放列表来观看。而在央视影音中不存在没有节目的情况,不间断的播出就可以支持用户在不退出的情况下完成回放的观看,这对用户留存还是有很大的帮助,毕竟一次返回操作就是一次潜在的用户流失。

“微信”公众号内的推荐公众号的名片关联

关键词:#用户体验#

产品体验:


在微信公众号内浏览公众号内容,小编可以在内容中增加推荐其他公众号的名片,点击后跳转到该公众号的为内容页面。



设计思考:


在公众号中增加了推荐公众号名片,可以最快的让用户在观看完内容后去关注,避免了因为返回搜索点击关注这样的一系列操作导致用户的流失。

“抖音”视频投票

关键词:#互动#

产品体验:


在抖音中浏览视频时会看到内容**现投票的互动区,点击其中的选项出现各个选项中在总人数中占比的情况。



设计思考:


互动视频其实我们更多可以在b站中看到,比如法外狂徒张三的法律科普视频中。在短视频中这样的的互动增加之后,会让本来黏度很高的沉浸式浏览的短视频增加互动性,思考性,寻找创作者与参与者之间的交流,激发或者维持产品活力。

本期产品设计细节分享结束,我们下期再见。


感谢你的阅读支持 · 欢迎留言互动


声明:本文内容及言论仅代表其作者之意,并不反映任何黑马家族之意见及观点

-END-

黑马哥
分享到朋友圈
收藏
收藏
评分

综合评分:

我的评分
Xinstall 15天会员特权
Xinstall是专业的数据分析服务商,帮企业追踪渠道安装来源、裂变拉新统计、广告流量指导等,广泛应用于广告效果统计、APP地推与CPS/CPA归属统计等方面。
20羽毛
立即兑换
一书一课30天会员体验卡
领30天VIP会员,110+门职场大课,250+本精读好书免费学!助你提升职场力!
20羽毛
立即兑换
顺丰同城急送全国通用20元优惠券
顺丰同城急送是顺丰推出的平均1小时送全城的即时快送服务,专业安全,准时送达!
30羽毛
立即兑换
黑马哥
黑马哥
发表文章73
一群执着于设计的黑马,为你带来原创设计文章/教程/职场经验/专业拔高。
确认要消耗 0羽毛购买
分析一下大厂是如何做设计的吗?
考虑一下
很遗憾,羽毛不足
我知道了

我们致力于提供一个高质量内容的交流平台。为落实国家互联网信息办公室“依法管网、依法办网、依法上网”的要求,为完善跟帖评论自律管理,为了保护用户创造的内容、维护开放、真实、专业的平台氛围,我们团队将依据本公约中的条款对注册用户和发布在本平台的内容进行管理。平台鼓励用户创作、发布优质内容,同时也将采取必要措施管理违法、侵权或有其他不良影响的网络信息。


一、根据《网络信息内容生态治理规定》《中华人民共和国未成年人保护法》等法律法规,对以下违法、不良信息或存在危害的行为进行处理。
1. 违反法律法规的信息,主要表现为:
    1)反对宪法所确定的基本原则;
    2)危害国家安全,泄露国家秘密,颠覆国家政权,破坏国家统一,损害国家荣誉和利益;
    3)侮辱、滥用英烈形象,歪曲、丑化、亵渎、否定英雄烈士事迹和精神,以侮辱、诽谤或者其他方式侵害英雄烈士的姓名、肖像、名誉、荣誉;
    4)宣扬恐怖主义、极端主义或者煽动实施恐怖活动、极端主义活动;
    5)煽动民族仇恨、民族歧视,破坏民族团结;
    6)破坏国家宗教政策,宣扬邪教和封建迷信;
    7)散布谣言,扰乱社会秩序,破坏社会稳定;
    8)宣扬淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪;
    9)煽动非法集会、结社、游行、示威、聚众扰乱社会秩序;
    10)侮辱或者诽谤他人,侵害他人名誉、隐私和其他合法权益;
    11)通过网络以文字、图片、音视频等形式,对未成年人实施侮辱、诽谤、威胁或者恶意损害未成年人形象进行网络欺凌的;
    12)危害未成年人身心健康的;
    13)含有法律、行政法规禁止的其他内容;


2. 不友善:不尊重用户及其所贡献内容的信息或行为。主要表现为:
    1)轻蔑:贬低、轻视他人及其劳动成果;
    2)诽谤:捏造、散布虚假事实,损害他人名誉;
    3)嘲讽:以比喻、夸张、侮辱性的手法对他人或其行为进行揭露或描述,以此来激怒他人;
    4)挑衅:以不友好的方式激怒他人,意图使对方对自己的言论作出回应,蓄意制造事端;
    5)羞辱:贬低他人的能力、行为、生理或身份特征,让对方难堪;
    6)谩骂:以不文明的语言对他人进行负面评价;
    7)歧视:煽动人群歧视、地域歧视等,针对他人的民族、种族、宗教、性取向、性别、年龄、地域、生理特征等身份或者归类的攻击;
    8)威胁:许诺以不良的后果来迫使他人服从自己的意志;


3. 发布垃圾广告信息:以推广曝光为目的,发布影响用户体验、扰乱本网站秩序的内容,或进行相关行为。主要表现为:
    1)多次发布包含售卖产品、提供服务、宣传推广内容的垃圾广告。包括但不限于以下几种形式:
    2)单个帐号多次发布包含垃圾广告的内容;
    3)多个广告帐号互相配合发布、传播包含垃圾广告的内容;
    4)多次发布包含欺骗性外链的内容,如未注明的淘宝客链接、跳转网站等,诱骗用户点击链接
    5)发布大量包含推广链接、产品、品牌等内容获取搜索引擎中的不正当曝光;
    6)购买或出售帐号之间虚假地互动,发布干扰网站秩序的推广内容及相关交易。
    7)发布包含欺骗性的恶意营销内容,如通过伪造经历、冒充他人等方式进行恶意营销;
    8)使用特殊符号、图片等方式规避垃圾广告内容审核的广告内容。


4. 色情低俗信息,主要表现为:
    1)包含自己或他人性经验的细节描述或露骨的感受描述;
    2)涉及色情段子、两性笑话的低俗内容;
    3)配图、头图中包含庸俗或挑逗性图片的内容;
    4)带有性暗示、性挑逗等易使人产生性联想;
    5)展现血腥、惊悚、残忍等致人身心不适;
    6)炒作绯闻、丑闻、劣迹等;
    7)宣扬低俗、庸俗、媚俗内容。


5. 不实信息,主要表现为:
    1)可能存在事实性错误或者造谣等内容;
    2)存在事实夸大、伪造虚假经历等误导他人的内容;
    3)伪造身份、冒充他人,通过头像、用户名等个人信息暗示自己具有特定身份,或与特定机构或个人存在关联。


6. 传播封建迷信,主要表现为:
    1)找人算命、测字、占卜、解梦、化解厄运、使用迷信方式治病;
    2)求推荐算命看相大师;
    3)针对具体风水等问题进行求助或咨询;
    4)问自己或他人的八字、六爻、星盘、手相、面相、五行缺失,包括通过占卜方法问婚姻、前程、运势,东西宠物丢了能不能找回、取名改名等;


7. 文章标题党,主要表现为:
    1)以各种夸张、猎奇、不合常理的表现手法等行为来诱导用户;
    2)内容与标题之间存在严重不实或者原意扭曲;
    3)使用夸张标题,内容与标题严重不符的。


8.「饭圈」乱象行为,主要表现为:
    1)诱导未成年人应援集资、高额消费、投票打榜
    2)粉丝互撕谩骂、拉踩引战、造谣攻击、人肉搜索、侵犯隐私
    3)鼓动「饭圈」粉丝攀比炫富、奢靡享乐等行为
    4)以号召粉丝、雇用网络水军、「养号」形式刷量控评等行为
    5)通过「蹭热点」、制造话题等形式干扰舆论,影响传播秩序


9. 其他危害行为或内容,主要表现为:
    1)可能引发未成年人模仿不安全行为和违反社会公德行为、诱导未成年人不良嗜好影响未成年人身心健康的;
    2)不当评述自然灾害、重大事故等灾难的;
    3)美化、粉饰侵略战争行为的;
    4)法律、行政法规禁止,或可能对网络生态造成不良影响的其他内容。


二、违规处罚
本网站通过主动发现和接受用户举报两种方式收集违规行为信息。所有有意的降低内容质量、伤害平台氛围及欺凌未成年人或危害未成年人身心健康的行为都是不能容忍的。
当一个用户发布违规内容时,本网站将依据相关用户违规情节严重程度,对帐号进行禁言 1 天、7 天、15 天直至永久禁言或封停账号的处罚。当涉及欺凌未成年人、危害未成年人身心健康、通过作弊手段注册、使用帐号,或者滥用多个帐号发布违规内容时,本网站将加重处罚。


三、申诉
随着平台管理经验的不断丰富,本网站出于维护本网站氛围和秩序的目的,将不断完善本公约。
如果本网站用户对本网站基于本公约规定做出的处理有异议,可以通过「建议反馈」功能向本网站进行反馈。
(规则的最终解释权归属本网站所有)

我知道了
恭喜你~答对了
+5羽毛
下一次认真读哦
成功推荐给其他人
+ 10羽毛
评论成功且进入审核!审核通过后,您将获得10羽毛的奖励。分享本文章给好友阅读最高再得15羽毛~
(羽毛可至 "羽毛精选" 兑换礼品)
好友微信扫一扫
复制链接