大屏手机上的设计小策略.pdfVIP

大屏手机上的设计小策略 作者@麦哥郑 最近网上爆料三星S5即将发布 ，手机尺寸可 将增大为5.3寸。以三星为首的各家安 卓手机厂商 ，每次手机版本升级 ，屏幕尺寸也必然升级 ，现在大屏似乎已经成了安卓手机的标配。 其实一开始安卓手机做大只是为了更高的分辨率 ，更大的电池容量 ，更好的散热效果等 ，在商业营 销的作用下 ，大屏趋势愈演愈烈 ，经过市场的选择 ，手机大屏时代已经到来。 手机从通讯工具变成了互联网的入口 ，在人们生活中的地位越来越重要 ，人们对手机的定位也发生 了改变 ：从简单的通讯工具变成了生活学习工作的身边小助手 ，所以单手持握是最自然的使用方式 ；而且人们使用手机的场景都是在移动中 ，所以单手操作也是最方便的。所以 ，手机大屏是趋势 ， 而单手操作最自然。 矛盾来了。由于手机机身变大 ，用户在单手操作时会出现一些不爽的情况~例如 ，我们看一个发微博 的例子: （手机为魅族MX 3 ，使用者为180+男生。 ） 当你一只手浮着地铁把手 ，另一只手颤颤巍巍勉强触碰到顶部的发微博按钮以后 ，是不是觉得有淡 淡的忧桑…把文字码好 ，准备发送的时候 ，你会发现世界上最远的距离 ，不是无处寻觅 ， 而是根 本无法相遇。 准确高效 ，流畅易用的操作流程会提升用户的使用体验。单手操作时拇指操作的触击热区有限 ，大 屏手机上的非触击热区面积明显增大 ，其区域内点击正确率会大幅较低 ，影响操作效率 ；用户在与 机器沟通交互过程中 ，以视觉输入 ，触摸输出为主要通道 ，刚才的例子 ，在用户的目光和手指的循 迹组成的流系统中 ，造成视线→操作断节 ，影响用户的操作流畅性。 类似这样的痛点在大屏手机上还有很多 ，人们享受着大屏带来的畅快体验的同时 ，也忍受着由于机 身太大带来的痛楚。这种矛盾可以调和吗 ？答案当然是 ：yes!.还是发微博的例子 ，我们看一 下Fuubo是如何优雅地设计的 ： Fuubo将写微博 ，发微博等常用操作放置底部 ，单手操作毫无压力~简单优雅有木有~高效便捷有木 有~同样是发微博 ，这体验的差距咋就这么大呢 ？ 刚才的两个例子可以看出 ，在执行任务– 完成目标这个流程中 ，后者通过一些小的设计手段 ，很优 雅的解决了用户因为大屏幕和单手操作带来的痛楚 ，提升了操作流畅性 ，操作更方便。 我们在做设计的时候 ，也可以使用一些小策略来消除用户因此产生的痛点~通过以下几个小例子 ， 可以总结出一些规律 ，为我们此后设计提供思路。 一 ．操作位置转移 1.魅族—下拉悬停 下拉悬停是魅族在魅族MX 3的发布会上提出的一项设计创新 ，针对的就是大屏手机单手操作的 情况。“顶部列表项难以触达”这是常见的痛点场景 ，魅族针对这一情景提供了一个大胆的设计思路 ， 巧妙的将顶部的操作位置下移 ，方便用户触达 ，满足单手操作的基本需求。但是 ，此种设计方案用 户操作流是 ：手指上移–按住下滑—手指上移—点击 ，操作路径较长且与用户想要点击顶部列表项时 下意识产生的操作意向不太一致 ，所以使用不太自然 ；而且由于“悬停”的时间较短 ，用户在使用时 会产生心理负担 ，对用户体验来说也不太完美 ，所以有用户在论坛里吐槽此举“鸡肋“”很少用“。我猜 想下拉悬停的使用频率应该不会太高 ，但是其设计思路还是值得学习的。 2.Fuubo菜单—底部对齐 安卓上很多应用都使用导航抽屉这种模式 ，常见的抽屉列表都是从上到下依次排列项目 ，即顶 对齐。Fuubo 匠心独运 ，将菜单项底部对齐 ，这样既 与顶部的个人信息做区分 ，也可保证菜单项 目轻松触达。这种方式也是运用了操作下移的思路。不过这种情况适用于抽屉内项目较少的情况 ， 如果列表较长也使用此种设计的话 ，会造成遮挡 ，影响信息可见性。 3.百度输入法“单手模式” 安卓的百度输入法提供了“单手模式”。单手模式将键盘区域减小 ，解决了因为手机机身太宽 ，拇指活 动区域受限带来的问题。侧边空白区提供了切换左右手使用的按钮(百度的单手模式默认是输入区域 向右缩小 ，看来是为右手设计的)。给身边的几个同事上手使用了一下 ，褒贬不一。有人表示 ，创新 精神可嘉 ，使用起来还可以 ；也有同事则觉得边上的一大块空白加三个按钮严重影响了整体美观性 。评价这个设计优劣有两个考量因素 ，第一 ：用户操作手机方式是否频繁切换 ，（因为这个设计切 换到正常模式比较困难 ）。 调查了一下身边的同事使用输入法的操作方式 ，发现有两种情况较常见 ： （1 ）无论何种情景 ，多数使用单手完成输入动作 ； （2 ）在移动场景中 （坐地铁 ，行走等 ）单手输入 ，静止状态 （坐着 ）时 ，用双手操作。 对于前者