软件厂商该如何拥抱大屏时代?

2013-10-21    蓝蓝设计的小编

转载蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供有效的 BS界面设计 cs界面设计 ipad界面设计 包装设计 图标定制 用户体验 、交互设计、 网站建设 平面设计服务

来源:http://www.zhouweisem.com/?post=40

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

2013年安卓旗舰机都有一个共同的主题——大屏,在大屏机当道的现在我们继续探讨手机该不该大屏化已经渐渐没有了意义,那么我们不妨直接从大屏入手来探讨下 App 或 Rom 厂商如何在现在的安卓市场中适应“大屏”潮流。

认识问题

魅族在发布 MX3 时提出了要做最好用的大屏机这个口号,但当笔者在10月3日拿到真机后发现其并没有真正符合“好用大屏机”这个称号,从一成不变的下拉菜单、顶部的电源键等设计中我渐渐发现魅族仍旧是在用做小屏机的思想在做大屏机,所以效果才会如此差强人意。再看发展越趋成熟的 MIUI,小米的系统在现有的小米机型上暂无压力,但如果将 MIUI 放在小米3上就又成为了一个老观念适配新生事物的例子。

zWatch

这就类似于 Z Watch 的设计(见上图),用做手机的思路做手表显然是行不通的。纵观现在的安卓市场,很多厂家虽推出了便于单手操作的各种功能,尽力让手机适应各种使用场景,但却鲜有厂家去思考如何去利用大屏的优势来扩展自身的软件体验,做那些在小屏幕设备上能想却不能做的事。

转变观念

想要做适配大屏机上的软件,我们必须要从思想上改变对大屏的误解,就像做扁平化的设计不能仅仅把按钮、图标等拍扁,最重要的是从思想上接受扁平。

此前我们一直纠结的“大屏机无法单手操作”就是个明显的误解。一个机器只要能单手拿起就没有什么不能操作之说,不能操作的是手机上的软件而非手机。其次就是手指盲区的问题,笔者之前在《大屏时Windows Phone 将称王?》中就曾探讨了 WP 系统的设计优点,其实在安卓 App 的设计上完全可以去借鉴这种设计模式。只要设计者将所需要的操作全放在拇指能触碰到的区域里就不会有必须双手操作的情况。

hands

可见,大屏和单手操作并非是二选一的抉择,只要厂商接受大屏,勇于抛弃之前做小屏机时固有的观念,就一定能在这混沌的大屏机市场中杀出一条血路。所以说大屏只是手机的一种自然进化,而大屏软件的出现才是手机真正的革命。

应用实例

屏幕的增大扩展了我们的视野,同时也让软件界面有了更大的显示空间。所以在以大屏的思维去做软件的时候,脑中应时刻有“扩展”这一概念,勇于想小屏时代不敢想之事。下面是笔者自我思考的几个例子,希望能对大家有所触动。

1.优化小部件

屏幕 Widget 一直是安卓系统的特色,其实准确的来讲 Widget 并不单单指桌面的部件,所以还是用桌面小工具来代称吧。在笔者的印象中 HTC 的桌面小控件一直是最丰富的,sense 的出现也确实让美化控们找到了自己的乐园。然而在安卓渐渐成熟的4.x 时代,各大 ROM 厂商均大力删减自己的桌面工具数目,这从 sense4 到 sense5 的全力瘦身,MIUI、flyme 仅保留“日期+时间”控件等就可以看出。从这点我们可以推知用户的需求已渐渐从追求功能丰富、界面绚丽转变到了易用为主、简洁至上了。

同样,在这刚刚显现的大屏机时代,用户的需求必然会再次发生改变。大屏机用户已经不愿意将图标放在一个主屏上了,他们更希望将图标放在手能轻易触碰的地方(屏幕下部),这就会使得屏幕上方出现了大范围的空闲区域,这些空闲区域就是小工具的寄生之地。可悲的是目前很多 App 厂商对自家的小工具都没有足够的重视,即使自家的 App 增加了十个功能,而小工具的编码都不会动一次。

widget

这是课程格子和超级课程表的小工具(上图),我们可以发现这两个实用小工具无论是上部还是侧边的按钮部分都是很难按到的。从笔者的测试来看,误操作的可能性极大。其实改进的方式很简单,就是增大触控按钮的大小,适当挤压内容部分。在大屏机上其实已经有了足够大的空间来展示内容了,仍旧保持小的按钮反而会拉伸失真。所以,笔者认为在大屏幕上小工具必然会重新被用户使用,而 App 厂商应该重新重视起小工具的易用性。

2.扩展侧边栏

侧边栏(滑动抽屉)是个很巧妙的设计,在目前可以说是解决多栏目布局的一剂良药。小屏机时代侧边栏的功能仅仅只是一个切换开关,并没有太多的附加意义,那么在屏幕空间剩余的大屏机上能不能给它增加新的功能呢?

facebook 手机有个主打的功能叫做 Chat Heads,简单理解就是一个信息的悬浮窗(可以去联想苹果的虚拟 Home 键)。只要用户的 facebook 来了私信,那么用户可以在任何页面中点击悬浮窗呼出聊天界面,而不再需要进入应用回应信息了。Chat Heads 是个绝妙的功能,笔者常常会遇到看 ZAKER 时收到私信,而不得不回到微博界面回复然后再回到 ZAKER 中的别扭情形,有了 Chat Heads 后便一举解决此问题。那么将 Chat Heads 和滑动抽屉融合的结果又是怎样呢?

chat

从上图的设计中可以看出,当我们在刷微博、人人的时候收到私信时,我们只需要打开抽屉进行回复,回复完毕后方可继续浏览,这样就使得浏览回复两不误,保证了操作的连贯性。

3.改变信息界面

多数大屏用户都讨厌去碰屏幕的上方区域,但设计师在信息流的设计中往往不会考虑到这个问题。手机 QQ 的界面中的消息永远都是放在第一条的,这就会迫使用户去点击那片“痛苦的区域”。魅族 MX3 的下拉悬停在理论上确实是一个解决办法,但从其耗费的时间代价何不直观性来看,这个功能基本处于无用状态。笔者对此问题的解决办法就是用一个不常用但却很有必要的信息将或需要点击的信息压到手指可触碰的区域。

在应用商店里应用展示界面中,我们可以模仿小米商店的做法。

miui

将热门推荐压在信息列表的上面,这样即使我们需要下载“ QQ 电影票”这个应用,也不会出现够不到的情况。对于手机 QQ 的界面,我们可以把一个较为有用但却不常用的“传文件到我的电脑”这一功能更压在消息上,同时根据屏幕比例稍稍扩大列表的大小,让第一个消息能被拇指轻松够到。

QQ

上面所说的办法适合于有固定长度的信息列表,在微博这种每个信息长度均是随机的列表中我们可以采取智能排列功能。

weibo

所谓智能排列就是在每次刷新时将的五条微博按照微博长度的优先级进行排列,找出最长的微博置顶。比如:微博1是的,本应该显示在屏幕的最顶部,但因为其长度太短,如果用户想对其评论的话就会够不到。这时系统就会在这的五条微博中选出一个与微博1时间最接近但长度足够的微博和微博1交换位置,这样就永远不会出现短微博够不到的问题了。

4.扩展下拉菜单

如果说大屏机什么操作最痛苦,呼出下拉菜单这一操作必然会名列前茅。下拉菜单这个功能本身就是小屏时代的产物,在大屏时代说其过时也无可厚非。但系统层面的改变并非一日之事,我们只有去用现有的手段去尽力减少其不便性。随着手机屏幕的增加,下拉菜单的显示界面也得到了扩展,但其信息却未必需要如此大的空间来展示。

menu

因此,笔者将下拉菜单在大屏上进行的压缩,在右边留出了一定的空白区域。在手机屏幕的任意区域中我们只需要下拉就可以唤出下拉菜单,如果想收起菜单时,我们也只需要在空白区域向上提就能让菜单的底边回到手指的位置,快速上提会直接关闭菜单。

总结

其实一个时代总是在不知不觉中来临的,人们也都总是后知后觉的。

大屏时代已经来临,很多厂商也渐渐明确的认识到大屏已成为了用户需求的一部分,但他们仍旧没有意识到当硬件大屏化后软件该做如何改变。要想在大屏时代立足,厂商们应该敢于抛开小屏的限制,甚至舍弃很多已有的技术经验,在思想上接受大屏、改变自身软件。如果一个厂商想要在大屏浪潮中得以生存,那么它就必须革己命在先,变他人在后!

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档