企业级商务办公移动应用的交互设计

马静妍 熊传鹏 叶根军

长虹创新设计中心，四川 绵阳 621000

引言

随着3G和WLAN在中国越来越普及，各类移动终端应用集中爆发，移动互联网颠覆了许多的产业和领域。移动互联网的发展允许办公人员摆脱时间和空间的束缚，随时随地进行远程协同办公，带来了全新的办公模式。企业用户对于移动办公需求愈演愈烈，移动协同将成为主流。

据IDC调查表明，企业级移动应用作为后起之秀，正以超越游戏等消费类应用的惊人速度发展，成为开发者们关注的重要方向。调查还指出，到2013年底，将有12亿人在公司外使用自带设备移动办公，其中69%用户表示将会用自己智能终端访问公司网络。同时，根据Gartner预测，到2018年70%的用户将携带自有云终端移动办公。这意味着未来所有的计算都将会托管到云端完成，用户只需要一个能够连接云端的输入输出平台，因此与办公相关的PC、平板、手机等设备最终将整合成为个人携带的单一终端。这个论调可以看作:到2018年，用云计算和终端APP将解决70%的企业BYOD管理问题。

1 企业级商务办公应用的设计矛盾

1.1 商务办公类应用的发展背景与现状

截至2013年3月底，中国的移动互联网用户总数达到8.17亿。国内移动应用(App)呈现爆炸式增长，数量已达百万量级规模，商务办公类应用也随之兴起。但相对其他游戏类社交类应用，商务办公应用的数量还不多，并且大部分是国外的产品。常见的商务办公类应用有文档编辑管理类，如Pages、Smart Office；邮件、信息查看管理类，如Outlook Mail、PDF Splicer；名片管理类，如名片全能王、人脉通；财务管理类，如Expensify；远程办公类，如Trello、Bizshow。目前市面上的移动办公软件,多局限于电子邮件收发、简单公文流转等OA类功能,他们和企业级的商务办公软件都有较大的不同。

企业级移动应用是指为特定行业或企业的用户所使用，通常用于企业提高运作效率、达成商业目的的移动应用。一般来说，企业办公软件需要包括订单管理、移动审批、移动CRM、BI数据统计分析等。内容量是非常庞大的，其中涉及的层级和逻辑关系也非常复杂，在如今强调轻便简约的移动APP设计潮流下，企业级商务应用的设计是逆水行舟的工作。

1.2 企业级商务办公移动应用的设计难点

好的企业级应用要适用于不同的员工对象，对管理者的、员工的。有共通的部分，也会有不同的版面和流程。总的来说，企业级商务办公应用有以下4大设计难点：

有限屏幕尺寸和大信息量内容的矛盾。移动终端的移动性决定了其屏幕尺寸的限制。而商务办公应用涉及内容和功能较多，一个有限的屏幕尺寸决定了在设计上，必然是束缚手脚的。

多层级与多条件。上一条讲到商务办公应用的功能板块较多，也就是说内容在信息结构上必然是多层级与多筛选条件的。如，笔者做过的一个项目，里面的报表查询，要分不同的子部分、不同的产品种类。而筛选条件，又分很多，如最简单的时间、格式等。

复杂的业务处理流程。如预算审批、费用申请及报销、采购申请与执行等。这种流程往往具有严谨的业务逻辑,需要根据复杂的规则自动决定审批步骤,以及每个节点的审批人。审批完成后,相关数据需要与企业内部信息系统进行无缝对接。

大量纯文本的设计。商务办公的性质决定了应用中会有大量的文字内容。因为相对于图形而言，文字是表述最准确、最直接的，更有利于理解内容结构的关系和复杂流程的操作。但是，众所周知，大量纯文字的版面也容易造成用户的认知负担和视觉疲劳。

2 企业级商务办公移动应用的设计着力点

软件的特色和难点决定了其交互设计应有需要特别注意的着力点。

2.1 信息架构

由于内容量的不同，很难限定该类应用的信息架构层级是扁平层级还是锥形层级。依笔者的经验，一般商务办公应用的功能都比较多且深，所以锥形层级的形式更常见，这就使层级的数量增加。不过不用太担心，对于用户而言，入口清晰，层级严谨是商务办公类软件的必备，它的专业性使其不可能像一般应用那样做到多入口和扁平层级。“每个具体内容从首页进入时都应该不多于三次点击”只是美好理想，相反，更重要的是让用户在每个层级都能轻松决策，并告知其处于正确的路径。所以，这里建议做信息架构时考虑3个方面：公共信息、与我相关的、我的（必须个体处理）。这样基本能将信息都包全，且功能分区更加合理。

2.2 导航和层级样式

创建可视化的层级结构并且将多种导航样式组合使用。前面的难点讲到信息内容的多层级和多条件，这就使得导航的设计难度增加，需要配合一些标签样式来精准定位选择物。用户在一般电脑屏幕上浏览页面，或许不会都是从上到下，从左到右，但是在手机这种小屏幕上，这条规则就很准。所以，用户常用的导航最好是放在顶端，下面配合副导航（可能是栏也可能是块面）。然后需要的地方，增加条件选择标签。同时，这里需要更加注意用户手上的操作。如果主导航是点击动作的话，那么副导航可以左右滑动，而标签选择可以用上下拨动。为什么这么做？这样可以有效的通过操作行为避免因界面过小、选择物较多而产生的误操作。

2.3 功能分级和抽屉式页面布局

功能分级这里涉及软件的模块化。因为企业级商务应用的对象有高级管理者、有一般管理者、有职员，模块化和多版本都是解决方式，这里不展开讨论。这里主要探讨那些共通的部分。功能分级在设计上也可以理解为它的重要性和可发现性（Discoverability）。这涉及权衡问题，确定了使哪些功能易于被用户发现并使用，就意味着会有另外一部分功能要隐藏。不能把所有功能都设计得同样明显。所以，你需要抽屉式的页面布局。何时让用户发现以及如何发现都是更加细致的设计活，需要的就是细心，不展开说明。

2.4 精致的文字

由于文字量大，为了避免视觉疲劳和认知负担，尽可能做到文字精致。利用文字的大小、颜色深浅来区分层级关系。尽量不要使用亮眼的色系。将文字与色块搭配使用也能打破一些页面枯燥感。页面内容已经很多了，就不要用过多的小图标来点缀了，可能会使页面看起来零碎而杂乱。如果能用文字、空白、色块体现优雅就成功了。

3 结语

要设计好一个企业级的商务办公移动应用不容易，目前也没有什么参考的对象。因此，在摸索前进的道路上，只有不断总结和迭代才能更加完善。一般个人级的移动应用市场已开发的日趋成熟，竞争激烈。企业级应用具有较大潜力，但也只有设计得易用好用，才能真正开启这片蓝海。

[1]我国企业级移动应用需求正旺.论坛中国行业研究网，http://mi.chinabyte.com/441/12782441.shtml (2013/11/21)

[2]邢铖.资本的“新宠”：企业级移动应用.比特网，http://mi.chinabyte.com/244/12622744.shtml（2013/05/23）

[3]Lukas Mathis [瑞士].亲爱的界面.人民邮电出版社，2012年11月出版.

[4][美]Alan Cooper，Robert M.Reimann .软件观念革命—交互设计精髓.电子工业出版社，2005年5月1日.