Facebook 和YouTube等主流的产品设计有那些?

2021-03-18
2353
0

国内产品设计同质化严重。如果你把许多相似的产品放在一起,去掉图标和主题颜色,就很难分辨出哪个应用是。如果设计师的眼光长期只关注中国,那么设计创新能力很容易受到束缚,导致创新能力的下降。针对突发性需求,如果中国没有相应的竞争产品,就不可能制定落地计划。本文回顾了国外主流产品的十大创新设计。希望通过本文,打开我们的视野,提高我们的创新能力。

 

一、左滑进入聊天界面

Instagram在首页界面,用户左滑进入消息聊天页。这是一种全新的交互形式。

国内的产品,左右滑是切换首页的二级导航。

我第一次使用时不习惯,很容易误操作。当习惯之后,就觉得超级方便。它可以快速地切换到聊天消息页。

图片

为什么Instagram要做这个交互?猜测原因有以下2点:
1、Instagram发力即时通讯,鼓励用户相互发消息。底部已经有了5个tab,没办法继续增tab。这时候只能想办法找其他流量大的入口。

2、流量最大的入口毫无疑问是首页。所以Instagram在首页新增手势操作,当用户左滑,就能快速地到达消息聊天页。此方案可以完美的满足业务需求。

 

二、视频小窗口播放

在YouTube视频详情页,没有视频关闭功能。用户不想看视频时,只能点击播放器左上方的收起箭头。

当用户点击之后,会变成卡片小窗口,进行小窗口播放。如下图所示:

图片

这样设计的好处:
1、可以让用户边找视频,边观看。尽可能地利用用户时间。
2、使用户消费更多视频,提升用户的观看效率。

 

三、推荐视频

YouTube在播放过程中,底部会出现四个视频,用户上滑时全部出现。

图片

用户可以在播放过程中,点击推荐视频观看。

这种设计更加强化推荐视频功能。用户可以在播放过程中,选择更感兴趣的视频。

国内视频产品,在全屏的情况下,无法推荐视频,只能在视频结束后推荐视频。国内这样的好处是可以更聚焦当前视频。

 

四、筛选订阅视频观看

在订阅内容Tab,用户可以根据标签,进行筛选视频,这种操作可以极大的提升用户查找视频的效率。

图片

像继续观看、未观看内容,这些标签,可以高效,不遗漏地观看订阅up主的视频。

 

五、提升push打开率

当订阅up主后,push推送没有打开时,会出现消息未打开的图标,用户点击,进入设置页面,进行打开通知设置。

图片

这种设计的好处是:推送设置入口固定展示,用户打开push的概率大大增加。

而push打开率的提升,对提升产品的日活帮助巨大。

 

六、导航和设置展示在一起

Google Chrome 首页,将用户最常访问的网站和功能项放在一起,如下图所示:

图片
一般来说,国内产品很少将两个不同属性的模块放在一起,这样的话容易被误解为一种类型。
但是为了让用户使用更加方便。Google Chrome将其放在一起,都采用宫格导航的形式,通过图标和背板的不同做了一定程度的区分,用户的体验更加友好。

 

七、下拉操作

Google Chrome下拉时,展示三个选项,左右滑动选择对应的操作。

图片

这种交互方式,即做到了界面简洁,也做到高效方便使用。

 

八、为其他app引流

Facebook作为一个超级App,所涉及到的业务庞杂,公司内部各个部门利益复杂。为了业务利益,不同部门组织在不断地博弈。

如下图所示,为了尽可能的给其他业务引流,Facebook底部有6个tab,这在主流产品中是不可思议的存在。

图片

为了给messenger引流,首页右上角增加了一个闪电消息图标,会和messenger App联动,当有新消息时,会出现消息提示。点击跳转到messenger。

早期facebook 是将底部一个tab给messenger引流,点击tab,直接跳转到messenger App。

Facebook的这种导流设计,粗暴高效,短期内使得messenger也成为一个超级app。

 

九、删除中倒计时

Telegram在删除联系人时,底部会出现倒计时提示,在这个期间,用户可以撤回删除操作。
图片
这种交互设计,使得用户在删除过程中更加有安全感,可以回撤毁灭性操作。

 

十、一次发多条动态

Twitter在发布动态的时候,可以一次性发送多条,这种设计,可以一次性批量的发送,提升用户效率。

图片

 

以上就是我发现外国主流产品的创新设计,希望对大家有所帮助~

转载声明:本文来源于网络,不作任何商业用途

免责声明:本文内部分内容来自网络,所涉绘画作品及文字版权与著作权归原作者,若有侵权或异议请联系我们处理。
收藏

全部评论

您还没登录

暂无留言,赶紧抢占沙发
王氏教育是国内专业的CG数字艺术设计线上线下学习平台,在王氏教育,有原画、插画、漫画、影视、3D模型等培训课程,也有学习资源下载、行业社区交流。CG数字艺术学习,来王氏教育。
绘学霸iOS端二维码

IOS下载

绘学霸安卓端二维码

安卓下载

绘学霸微信小程序二维码

小程序

版权声明
本网站所有产品设计、功能及展示形式,均已受版权或产权保护,任何公司及个人不得以任何方式复制部分或全部,违者将依法追究责任,特此声明。
热线电话
18026259035
咨询时间:9:00~21:00
在线客服
联系网站客服
客服微信:18026259035
公司地址
中国·广州
广州市海珠区晓港中马路130号之19
绘学霸客户端(权限暂无,用于CG资源与教程交流分享)
王氏教育 王氏教育