#这些地方最好玩#产品页面该如何设计?,大屏手机单手操作不方便


#这些地方最好玩#产品页面该如何设计?,大屏手机单手操作不方便
文章图片
大屏下单手操作——难!
StevenHoober在其2013年的手机设备研究报告中指出:49%的用户单手持机操作 , 36%的用户一手拿着手机另一手进行操作 , 另有15%的用户双手持机操作 。 到了大屏时代 , 单手持机的方式仍是主流 。 必须要承认的是 , 面对大屏 , 单手持机不那么方便了 。 比如想要点击顶部的发送按钮 , 尤其是在移动场景中 , 就不那么方便了 。
#这些地方最好玩#产品页面该如何设计?,大屏手机单手操作不方便
文章图片
【#这些地方最好玩#产品页面该如何设计?,大屏手机单手操作不方便】这种情况下 , 我们可以用手机指环帮助自己稳定地进行操作;也有能人异士自创了一套“反弹琵琶”的技能 , 通过反弹的方式用另外四只手指自如操作手机 。 当然还有一群设计师 , 为此也是操碎了心 。
解决问题的设计思路
通过分析用户的操作习惯可以划分出难易区域 , 下图呈现的是左右利手的操作区域难度划分 , 绿色为最易 , 红色为最难 。 可以看出更易操作的区域位于屏幕的中下方 。
#这些地方最好玩#产品页面该如何设计?,大屏手机单手操作不方便
文章图片
那么面对大屏 , 有没有好的办法去解决呢 , 以市面上的手机为例 , 主要的解决思路有两种:
方法一:区分视觉和触控目标(StevenHoober提出为界面元素分别设计视觉目标和触控目标)
系统级的处理:三星&VIVO对于预置界面做了区域的划分(见下图) , 即上部为显示 , 下部为操作 , vivo是需要界面下拉到屏幕中部才会变为这种布局 , 而三星默认如此 , 下滑时变为普通界面 , 内容充满屏幕 。
#这些地方最好玩#产品页面该如何设计?,大屏手机单手操作不方便
文章图片
#这些地方最好玩#产品页面该如何设计?,大屏手机单手操作不方便
文章图片
相机界面 , 三星在相机中之前尝试过将一些操作下移 , 而苹果是在最新一代相机中将顶部的功能下移 , 需要下滑特定区域才能显现 。
#这些地方最好玩#产品页面该如何设计?,大屏手机单手操作不方便
文章图片
#这些地方最好玩#产品页面该如何设计?,大屏手机单手操作不方便
文章图片
第三方应用的处理:比如高德地图 , 进入界面后 , 可以选择界面布局方式 , 其中一种将搜索条下移 , 上方保留可视区域 , 还有许多典型的应用也是此种布局 , 比如滴滴、音乐类app等 。
#这些地方最好玩#产品页面该如何设计?,大屏手机单手操作不方便
文章图片
方法二:半屏状态(一般用于一些临时状态)
iOS系统在双击home键(全面屏手机为下滑导航条)可实现半屏效果 , 页面内容只显示一半 。 用户可以轻松操作原本在顶部的区域 。 并且如果操作之后是跳转到新的页面 , 则会自动变为全屏 , 如果还在页面内就依然保持半屏状态 , 非常全面的考虑 。
#这些地方最好玩#产品页面该如何设计?,大屏手机单手操作不方便
文章图片
#这些地方最好玩#产品页面该如何设计?,大屏手机单手操作不方便
文章图片
在oppo的操作系统coloros7中提出了半屏交互的操作方式 , 很多页面都用了半屏的处理方式 。 一方面是帮助用户更好理解页面层级 , 另外也有利于单手操作)
#这些地方最好玩#产品页面该如何设计?,大屏手机单手操作不方便
文章图片
方法三:小窗模式
安卓系统特有的状态 , 见下图 , 同时考虑到左右利手的习惯问题 。