全面屏的视觉结构

(这篇文章发表于去年12月初,因为决定把之后的创作平台搬至简书,所以再发一次,我已删除了大量之前预测,如今已变为现实的部分,剩余的部分还是有可读性的)

之前探讨了一些全面屏视觉方面的看法,今天来说说交互,首先还是需要说说我并不认为屌丝如我能在短短的时间中准确的写出一篇毫无漏洞的交互文章,毕竟我觉得全面屏时代交互将发生大的改变,就像当年指纹的出现造成了魅族的Mback设计一样,所以这牌文章只是1.0版本,如果后续我的看法有改变或改进,这篇文章也将面临改进和改变,现在就说说现在吧。

(这里真的要说明一下,我虽然不学设计但喜欢设计,社会总在讨论欧美的设计以及日式的设计,我总在想那什么是中国的设计,日式的设计是静态的净化的设计,但有时会有一点点冷淡的设计,我认为中国的设计是灵动的设计是中庸的设计是与人之间有最合适距离的有交流的设计,而我认为小圆圈曾是这样的设计)。

      魅族的 小圆圈刚出来时是home的作用,上滑是back,那时还有被人诟病的smartbar,坦白讲具体的功能已经记不清了,因为在魅族手机全线进入Mback时代,有一版系统更新颠倒了小圆圈的交互,好用到忘记了之前的交互。小圆圈的单击变成了back,上滑变成了home。单击的操作易度远远大于上滑,所以频率最高的功能应该嫁接在最简单的操作之上。三大金刚键最常用的不是处于中央的home,而是back,手机的用途是使用APP来达成的,而往往结果的产生并不是进入APP就可达成,需要选择并前进,操作过程中相应产生back的需求并依次叠加,人处于应用中渴望“自由”前进后退的耐心远远小于达成目的之后或任务暂停回归主界面的耐心。所以back往往比home重要,这也是我认为在最初小圆圈代表home,smartbar产生的原因。(在使用水果产品时我总是会有一种莫名的恐慌,因为是急性子的缘故,我总是习惯快速的在一个应用中前进或后退,而水果产品的back是不方便找到的,我知道他在左上角,这就是恐慌的原因,也说明了back的重要性。)

       但因为大众的认知认为手机底部处于中央的钮一定是home,所以造成了交互逻辑的颠倒,但经过Mback时代的圈地教育现在可以直接将小圆圈的单击后退,上滑home移植到全面屏时代。问题只存在如何教育非魅族用户熟知这一交互,我认为上手是极快的,虽然上滑home已经是一个合适的答案了,但我不觉得他是最优解,可能因为我见过年纪大的人使用手机,他们属于陌生于通过触摸产生交互的类型。

     这次我们大胆想象在正面没有按键仅剩屏幕的情况下如何保证交互的易用和尽量保护视觉的美观。因为小圆圈的回归,应该能满足大部分的交互使用了,现在存在的问题仅是如何保证视觉的美观了。

主界面篇

因为三大金刚键和DOCK栏会造成下端视觉上的双下巴,虽然小圆圈回归不会存在双下巴的视觉,但即使小圆圈的透明度与颜色如何改变也改变不了“美人痣”的后果,这其中的原因便是多年存在的DOCK栏。

因为要区分DOCK栏和APP的存在,DOCK栏在视觉上有意与APP做了距离区分,这是因为在07年水果1号发布时,手机中作为连接彼此工具的电话功能占据了大部分人们使用手机的内容,所以他需要摆放在醒目的位置让人便于使用。但这使得处于下端的小圆圈与DOCK栏形成了视觉上的整体,造成了视觉上的重叠。

可是如今手机的电话属性是否还有如十年前那么高或者说手机的某一个功能的使用占比是否鹤立鸡群?我不禁要打上一个问号。随着手机功能的增长,APP数量质量的增加和社交软件功能的不断改进使得手机的电话功能占比被不断稀释,同时均分给其他的个别功能。正因为手机DOCK栏的功能被弱化,现在要在不影响易用性的前提下解决这种视觉上的重叠不难。

先迈出一小步,弱化DOCK栏和APP的差别。

让APP行与行的间距=在APP最低行与DOCK栏的间距<DOCK栏与小圆圈的距离

这样从间距的角度可以弱化视觉上的重叠感!

又或者我们大胆一点,取消DOCK栏,底部只留小圆圈。!!!

再或者我们再大胆一点,取消DOCK栏,并且APP排列从分屏多页排列,改为纵向一页排列。

这时主界面首页将不再需要小圆圈,处于主界面屏幕右划可呼出APP小工具集合(可以自己设置界面,我一直觉得部分软件的小工具设置一目了然,比如天气和查单词,并且我一直觉得主界面右划的这个动作有可以施展的空间),处于任意屏幕手指大面积贴屏左划可呼出多任务界面,小圆圈点按back,上滑home,全面屏时代其实残留一个问题就是如何呼出多任务 ,当然可以学习水果按住上滑呼出,只是我觉得这个操作与home有重合的部分,并且水果的虚拟条不存在back功能,我一直有一个偏见就是在一个功能键上完成多个操作固然好,但操作不能有动作的重叠,并且我不认为一个功能键可以承载两个之上的交互操作,这会带来记忆的负担。所以将多任务如此设置。

虽然目前我并不认为有厂商可以做出正面全是屏幕的手机,如果魅族的全面屏与MIX一样保留下边框(从楠总嘴里得知,下边框更难去掉)多任务操作依然可以使用屏幕底部上滑呼出(只是这样前摄太不好用了,但若留着额头,视觉上的冲击则不如前者,究竟如何选择要看魅族的工程师了)

最后的设想其实还有很多不足之处,比如我一直在想如何将下拉悬停做的更好,因为同样的手机尺寸却放下更大的屏幕更预示着单手操作的不易,如何将交互操作尽可能的放置在底部是一方面如何做更好的下拉悬停也是一方面,我犹豫了好久究竟要不要写这篇讨论,虽然每天只有几个人看,但想想还是拿出来和大家讨论一下,看看能不能有更好的东西出来,欢迎留言讨论。

余不一一

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,464评论 25 707
  • 一、MBack 的到来 在 602 魅蓝 Note2 的发布会上,魅族向大家宣布了一种新的交互方式:MBack。 ...
    Kenny做产品阅读 6,034评论 10 13
  • 一、前面的话 说实话,在使用一加 2 三周多的时间里,我似乎已经开始习惯它了,或者说开始喜欢上它了。三段式开关、氢...
    Kenny做产品阅读 6,099评论 1 4
  • 目前主流的Android适配版本最低版本4.0或5.0,这里主要总结一下Android 4.0以后各个版本特性,方...
    WilsonMing阅读 11,812评论 2 30
  • 旅游已经成为了大多数人释放压力的一种方式,随着社会经济的快速发展,越来越多的人选择在假期外出旅游。 贵州是我的家乡...
    鎏馨阅读 220评论 0 5