移动端交互设计趋势

979 阅读3分钟

01. 模态展示

在 iOS 13 中,模态面板采用了新的卡片样式,它占据了屏幕90%的面积。模态面板拉起时,原有的页面会有一个纵深效果,以灰色状态显示,防止用户和它们发生交互。模态面板可以通过滑动操作下拉关闭,适用于单手操作,专为大屏服务。


在系统邮件、日历、通讯录、Apple Music、信息等自带应用中,模态面板得到了广泛应用。

02. 专注下半部分

夸克浏览器是专注下半部分做的最好的一个,夸克并没有像 Safari、QQ浏览器那样把搜索框放在顶部,而是将整合后的搜索栏放在了用户更容易操作的屏幕下半部分。

除了搜索,其他页面也有很多下半部分的例子


03. 分层内容

分层内容是基于动作菜单,弹出分层内容。分层内容的展现形式可以减少页面跳转,让用户保持在最原始的环境中。并且主要操作交互位于界面下半部分,触手可及。

Snapchat & Keep


悬停分层

在网易云音乐等应用中,采用了悬停分层。顶部展示的是介绍性内容,随着页面下滑,介绍内容隐藏,同时功能栏将置顶悬停,展示的内容区域大大增加。

04. 连续性页面

连续性页面的转换效果可以很好记住产品路线,加强了页面的层级关系。同时,流畅的动画转换效果,带来了更连贯的用户体验。

App Store 和 豆瓣 FM 6.0,都采用了这种方式。


05. 全屏展示

很多App在引导评分样式上,都采用的是系统弹窗。在Keep App上,设计了一个全屏展示的评分提示。形式新颖,加上背景图的气氛,让人想去评分的意愿大大增加。

同样,Airbnb的系统通知提示也是采用的全屏展示,这是一个趋势,值得我们去关注。


06. 号码识别

网易易盾的号码识别,可以自动获取当前开启流量的SIM卡号码,一键点击即可完成注册、登录操作。减少手机号输入、短信验证码等待时间等传统步骤,提升关键环节转化率。


07. AR增强现实

通过AR增强现实技术与智能手机相机的结合,帮助你看到鞋「穿」在自己脚上的效果,它甚至还能模拟出鞋子在光线不同环境下的各种效果。还有京东APP在线试口红色号等,都进一步给用户带来了方便


09. 多窗口预览


在QQ最新的版本中,列表页面长按消息,会弹出多窗口模式,消息可以来回切换,类似于iOS 后台切换模式。在会话窗口长按任意地方,也会呼出多窗口模式。