Bigger than bigger-大屏手机普及后,设计可以做些什么?

达芬奇密码2018-08-13 16:02
大屏手机在阅读和播放视频方面很有优势。在享受这份优势的同时,也给习惯单手操作的同学带来了一些体验上的困扰--单手操作时够不着界面上的某些点击区域。
在肾6发布后,为解决这个问题,威锋论坛上很快就火了一个插件- MyReachbility(这说明有此困扰的人还真是多)。 安装了这款插件以后,用户双击 Home 键就可以让用户界面下滑到接近屏幕底部的地方,这样用户对屏幕顶部元素的操作就更加容易。用户还可以通过倾斜设备的方式来移动应用窗口,这样用户就可以随意访问窗口的任意一个角落。
那么问题来了:
1、大屏手机现在到底有多普及,是否值得我们在设计过程中为此去作考虑?
2、除了插件,在设计移动APP本身时可以用哪些方法来解决这些问题?
关于第一个问题,首先让我们看一眼近几个月来友盟的数据。
图1、Android的屏幕分辨率占比趋势
图2、 ios的屏幕分辨率占比趋势
我们知道,3.5英寸~4英寸是平衡单手操作的合理尺寸范围。人的 拇指 覆盖区有限,屏幕再大的话,顶部功能无法顺利触达,如下图3所示。
图3、拇指操作热区

既然大屏手机普及已成趋势,我们怎么做可以提高用户单手操作的便利性。以下是几种解决方案:

1、将常用功能放在底部(符合FIT原则)

图4、fuubo

以Fuubo客户端为例,它将用户最常用的“刷新”和“写微博”两个功能入口放在页面最底部,拇指相对易触及的地方,并且将“发送”按钮的位置移动了键盘的上方,提高了单手操作的便利性。

“测试表明,在MX2、MI2、Nexus 7等机型上 Fuubo的刷新率高达60FPS。”它的官网一直在宣传它在大屏幕手机中的刷新率很高。

对于此方案,

优势:很方便进行单手操作;

劣势:右下角只是避开了操作盲点,相对 来对容易操作,但从便利性上来说,也不是最佳位置。

2、操作位置从顶部移到页面内所有区域;

图5、Q立方桌面

以Q立方桌面为例桌面的快捷方式可以移动位置,单手操作更方便。

对于此方案,

优势:创新性强,方便进行单手操作;

劣势:暂无。

3、开辟单手模式

这种方案普通应用于需要单手操作时间较长的一些工具型产品,如计算器、输入法。一旦选择,很少更改模式。
图6、讯飞输入法
在设置当中会有“切换单手”这一功能项,当然,你可以根据自己的使用习惯使用左手模式或者右手模式。这个功能设置入口较深,主要考虑是:用户的输入习惯,一旦选定,是很少经常切换的。三星note2的单手模式也是同样的道理。

对于此方案,

优势:设计创新;方便操作;

劣势:点击区域减小,弱化了大屏的优势;

          切换为双手操作有障碍;

 注意:为单手操作的设计需要不影响双手操作;

4、运用手势

图7、海豚浏览器

此浏览器可以对经常操作的功能设置自己习惯的手势,不受界面上的button所限。

对于此解决方案,

优势:可方便触达;

劣势:隐藏较深,需引导。

5、软件硬件结合--Oppo N1背部触控技术
图8、oppo N1
如图所示,左右滑动可以手机阅读翻屏,单击或者长按可以发微信、打开相机等操作,双击可以呼出常用操作。

优势:创新性强;可实现单手操作;

劣势:学习成本高;应用范围低;只能应用于此硬件本身

6、运用传感器

摇一摇

吹一吹

作为代替顶部点击操作的方案

优势:操作方便无局限;

劣势:切入场景不自然;操作动作较大;用的时候要注意别人的目光,一不小心就会被看成蛇精病....


最后,小结一下。
当大屏普及时,我们可以用的设计方法:

1、操作位置转移

上移动到底部;
从居中移动到侧边;

2 、转换操作方式

手势:
软硬件结合
传感器

网易云新用户大礼包:https://www.163yun.com/gift

本文来自网易实践者社区,经作者顾红清授权发布。