盘点Facebооk 、YouTube等主*品的10大创新设计

每个设计师都会有创意灵感缺失、大脑一片空白的状态,这个时候去看看新的一些设计趋势会是一个寻找灵感的好方法。本文作者梳理盘点了国外主*品的10大创新设计,希望能帮助解决你设计时遇到的灵感枯竭。

1608953586-9102759022d0cbe

国内的产品设计同质化严重,将众多同类产品放在一起,去除图标和主题色的话,很难区分是哪个App。

设计师的视野如果长期只关注国内,那么设计创新能力很容易被束缚,导致创新能力下降。

应对突发需求,国内没有相对应的竞品,就无法做出可落地的方案。

本篇文章盘点下国外主*品的10大创新设计,通过本篇文章,希望可以打开视野,提升创新能力。

01 左滑进入聊天界面

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

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

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

1608953587-c6a338a97d69fcc

为什么Instagram要做这个交互?猜测原因有以下2点:

  1. Instagram发力即时通讯,鼓励用户相互发消息。底部已经有了5个tab,没办法继续增tab。这时候只能想办法找其他流量大的入口。
  2. 流量大的入口毫无疑问是首页。所以Instagram在首页新增手势操作,当用户左滑,就能快速地到达消息聊天页。此方案可以完美的满足业务需求。

02 视频小窗口播放

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

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

1608953587-836b8faa809f334

这样设计的好处:

  1. 可以让用户边找视频,边观看。尽可能地利用用户时间。
  2. 使用户消费更多视频,提升用户的观看效率。

03 推荐视频

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

1608953592-782e80462c59f21

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

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

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

04 筛选订阅视频观看

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

1608953593-03633ad321a6d18

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

05 提升push打开率

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

1608953595-422abea20e84e8b

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

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

06 导航和设置展示在一起

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

1608953597-565e7cf21f9d808

一般来说,国内产品很少将两个不同属性的模块放在一起,这样的话容易被误解为一种类型。

但是为了让用户使用更加方便。Gооgle Chrome将其放在一起,都采用宫格导航的形式,通过图标和背板的不同做了一定程度的区分,用户的体验更加友好。

07 下拉操作

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

1608953598-b5ee52a2fe3b1b5

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

08 为其他app引流

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

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

1608953599-a37b924f8f09eb3

为了给messenger引流,首页右上角增加了一个闪电消息图标,会和messenger App联动,当有新消息时,会出现消息提示。点击跳转到messenger。早期facebook 是将底部一个tab给messenger引流,点击tab,直接跳转到messengerApp。

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

09 删除中倒计时

Telegram在删除联系人时,底部会出现倒计时提示,在这个期间,用户可以撤回删除操作。

1608953609-2d71e0148d799b3

这种交互设计,使得用户在删除过程中更加有安全感,可以回撤毁灭性操作。

10 一次发多条动态

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

1608953611-4aa4d514aa07ba8

以上就是我发现外国主*品的创新设计。而这些设计,国内基本没人采用,所以分享出来给大家。

如果大家有其他的发现,欢迎在评论区留言。

#专栏作家#

UX,人人都是产品经理专栏作家。前美团点评高级交互设计师。微信公众号:Echo的设计笔记,欢迎关注

服务及版权声明

根据二〇〇二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬。

本网站所有发布的源码、软件和资料,均为作者提供或网友推荐收集各大资源网站整理而来,仅供功能验证和学习研究使用。

所有资源的文字介绍均为网络转载,本站不保证相关内容真实可信,同时不保证所有资源100%无错可用,也不提供相应的技术支持,介意勿下。

您必须在下载后24小时内删除,不得用于非法商业用途,不得违反国家法律,一切关于该资源的商业行为与本站无关。

如果您喜欢该程序,请支持正版源码,得到更好的正版服务。、如有侵犯你的版合法权益,请邮件与我们联系处理【投诉/建议发送至邮箱:3066548754@qq.com】,本站将立即改正并删除。

本声明为本站所有资源最终声明,所有与本声明不符的表述均以本声明内容为准。


微咔网 » 盘点Facebооk 、YouTube等主*品的10大创新设计
享更多特权,建议使用 QQ 登录
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡