移动办公现在已经是刚需了。不管是大企业还是中小企业,员工在手机上进行审批、查看报表、处理紧急事务的场景越来越普遍。但很多企业的移动端应用体验,说实话还有挺大的提升空间。
这几年做了不少B端产品的移动端设计,踩过一些坑,也摸索出了一些门道。今天主要聊聊企业级产品移动端设计需要注意的几个问题。
这是最容易被忽视的一个问题。很多团队做移动端的时候,做法是把PC端的界面等比缩小,功能一个不落地搬到手机上。结果就是用户在小屏幕上看到密密麻麻的信息,操作按钮小到手指都点不准。
移动端和PC端的使用场景完全不同。用户可能在等地铁、在车间里、在会议间隙打开手机处理事务。他的注意力是分散的、时间是碎片化的、操作的方式是单手或单指。这种情况下,把PC端完整的功能搬过去既不合适也不现实。
正确的做法是重新梳理移动端的使用场景,只保留那些真正需要在手机上完成的操作。查看待办、快速审批、消息通知、简单查询——这些是移动端的高频使用场景。复杂的报表分析、大量的数据录入、系统配置管理——这些更适合放在PC端做。
B端产品移动端的设计目标不是"好看",是"高效"。用户打开应用是为了快速完成一个任务,不是为了浏览你的界面设计。
移动端设计中一个重要原则是:把最常用的操作放在手指最容易触及的区域。一般来说,屏幕的中下部分是单手操作最舒适的区域,顶部则比较难够到。很多B端应用的移动端把关键操作按钮放在顶部,每次操作用户都需要调整握持姿势——这在小细节上影响了日常体验。
图1:移动端界面设计需要充分考虑用户的实际操作习惯和场景
PC端的一个列表页可能展示20个字段,用户还可以用筛选器、排序来找到需要的信息。但在手机上,屏幕就那么点大,把20个字段都展示出来,用户根本看不清楚。
移动端的信息呈现要做减法。不是"能展示的都展示",而是"用户最需要的是什么"。一个审批列表在PC端可能需要展示申请编号、申请人、部门、类型、金额、状态、时间等十几个字段,但在移动端,用户关心的可能只有"谁申请的、什么事、我需不需要处理"这三个信息。
触控交互和鼠标交互有很多不同之处。鼠标有悬停状态,触控没有;鼠标点击精度高,手指点击的区域要大得多;鼠标可以右键,触控可以长按。这些差异在设计中都需要考虑到。
最基础的一个要求是:可点击区域不要小于44pt。这是苹果在HIG里明确建议的最小触控区域大小,也是经过大量验证的人因工程数据。小于这个尺寸的按钮,用户点击时就会经常点错或点不到。