全面屏时代的移动端交互发展趋势(一)

安卓和iOS系统从2007年开始发展至今,在十几年的发展过程中,由于基于不同的编码方式,不同的底层逻辑从而在交互方式上也从一开始就有很多不一致甚至是差异非常大的区别,这也是有些苹果或安卓手机机主在换到对方手机阵营后有些不能适应的原因。

01 过往鸿沟

1. 物理按键区别

两个系统所寄生的硬件的外设之一-物理按键,也从一开始就存在着非常大的差异性。iOS系统一直是采用仅有的一个“Home”物理按键,而安卓系统要求手机配置3个不同的物理按键:「返回」、「HOME」、「任务列表」。这三个按键是安卓交互的一部分,安卓平台上的应用程序交互基于三大按键。

这三个键一般都在底部,方便手指点击,也就是说这三个按键应该是最常用的操作。

但是由于很多用户比较青睐 iPhone 的单独 home键设计,所以很多厂商会在硬件上隐藏掉三大按键或仅仅像 iPhone 一样保留 home键。然后在屏幕上增加常驻半透明的三个虚拟键。

虚拟按键

安卓系统上的虚拟键可以有效保证安卓系统应用的可用性,但同时也侵占了比较大的显示空间,导致在显示应用内容时,系统虚拟键的存在让整体展示和交互显得臃肿,违背了"Less is more"的设计原则。

但物理按键有物理按键的优势,物理按键因为不需要展示空间,可以有效防止误操作,比如在iOS系统下,通知栏本来占据的位置是较少操作的状态栏和标题栏,但用户在点击状态栏返回顶部或点击靠近顶部内容时,如“<”箭头返回上一页时,可能会遇到正好系统有推送消息从而产生误点击导致切换到推送消息的App的问题。

推送的点击行为区域和操作区域重合导致误操作

这个问题在用户通知消息较多时还是非常干扰的,而且iOS始终没有针对此问题给出很好的解决方案。

2. 返回机制不同

在 iOS 里面,程序是借助右上角的返回键和右划手势以页面为单位进行切换,iOS的返回控制的是页面。

iOS返回机制

而 Android的返回逻辑是按照时间顺序来判断的,返回按钮控制的是动作,例如呼出键盘也算一个动作,如用户呼出键盘后点击返回按钮,则交互效果是返回上一个动作:收起键盘。

安卓返回机制

这种差异是由两个系统不同的编码方式形成的,也是至今为止仍然存在的一种交互反馈差异。

3. iOS独特的交互方式

右滑返回上一页:这个功能还是非常方便的,因为右滑手势的费力度非常低,原理可以参考费兹定律。

iOS侧边右滑手势

微信在继承这个手势的基础上,还进一步拓展了这个手势的应用范围,如公众号文章的浮窗操作。

微信边缘手势新增功能

双击状态栏返回页面顶部:这是iOS独占的交互功能,可能是因为安卓的系统原因限制,基于安卓的很多UI都无法实现或复刻iOS的这个功能,但因为这个交互可发现性极低,我遇到过很多多年的iOS用户并不知道这个功能,因而也就从没有使用过,所以我认为这个功能的可发现性有待提高和优化。

双击状态栏返回页首

安卓上类似的替代功能是双击列表项当前TAB,但对于没有TAB导航的列表页就无能为力了。比如微信朋友圈,因为是层级导航而非TAB导航,为了方便信息流页面快速返回顶部,微信在朋友圈里针对安卓定义了双击标题栏快速返回页面顶部的快捷方式,也算是对安卓用户使用体验的补偿和优化。

安卓版微信朋友圈点击标题栏快速返回页首

摇一摇撤销文字输入等其他独特交互方式:这些另类的iOS独占的交互方式因为可发现性低、使用不是很方便并没有形成很好的用户使用习惯,因此一直以来也没有受到设计者特别的重视。

4. iOS列表项进入编辑态以左滑为主,安卓列表项进入编辑态以长按呼出为主

这是iOS和安卓不同的设计规范和使用习惯决定的,但现在两者之间的界限也在慢慢模糊。因为用户对于两者之间的区别已经所谓的设计规范并不了解,也没有动力去了解,用户只是基于自己的心理模型去推断可能的操作方式,而跨iOS和安卓系统用户的增加以及安卓不同的定制UI之间不同的交互方式也让用户很难形成统一的稳定的操作体验,反而最终系统UI设计者都需要向一个既定的标准去设计,否则用户更佳无所适从,那就是趋向于向iOS标准看齐。

5. 对话机制 

iOS和安卓的通知框优先级从高到低都有Alert(iOS)和Dialog(安卓)Toast(安卓)和HUD(iOS),但安卓还有介于toast和alert之间的snack bar和Banner通知框,这两种对话机制也是非模态的,但优先级和重要程度要高于Toast,但我们在实际项目中并没有这两种对话机制太多的使用场景,或者可以用其他形式替代的,我们就用其他通用形式替代了,毕竟Meterial Design设计标准只是一种建议,而非规范。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,684评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,143评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,214评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,788评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,796评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,665评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,027评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,679评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,346评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,664评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,766评论 1 331
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,412评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,015评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,974评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,073评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,501评论 2 343

推荐阅读更多精彩内容