基于数学统计的人机交互手机界面布局优化

韩达

目前手机界面基本成型，但用户在界面应用分布设计上大多认为原厂布局不合理，需要重新设计.依据搜狐网对手机质量问题的调查发现，在3 469名被访者中，有719名消费者反映：手机菜单设计不合理，操作烦琐，附加功能不明确，缺乏实用功能等，占调查者的13.97%.可见，手机界面设计不合理，操作烦琐这一问题占有一定比重，而这类问题在现有技术条件下是能够解决的.对用户而言，手机界面是否简洁干净、各个功能模块能否迅速找到，成为用户体验的重要考核.根据相关调查，一些手机界面图标的分布不甚合理，包括图标间隙、图标大小、图标位置等.

一、调查统计与数据分析

笔者前期设计问卷，调查了市场上关于手机界面的相关问题，被调查人员主体集中在中青年（14至50岁），占比90.01%，涵盖了从在校学生、公务员、事业单位员工、农业劳动者、个体经营者等社会各方面人员，具有一定的可信度.

在对被调查者对出厂时已有的图标位置是否满意显示，仅有38.15%的人表示满意，大部分认为需要改进，改进要结合使用习惯和便捷性来布局手机界面.基于现有的界面布局方式，调查了界面应用的布局方式，较多的人喜欢“4×4”“3×3”“3×4”的排布方式，占比分别为18.52%，1587%和15.34%.依据不同人使用手机的习惯（右手或左手操作），操作区域主要集中于中部和下部分别占比4868%和44.97%.通过对手机区域的划分（见图1），调查了使用频率较高的区域（见表1）.依据结果发现，C、A两部占有比例较高，则手机常用应用应集中在C、A两个区域.

图1 手机屏幕区域划分

表1 手机各区域使用占比

选项CADBFE

占比48.68%44.97%21.16%19.58%10.58%6.88%

二、人机交互手机界面布局优化

通过调查得出的结果，为实现更好的人机交互和使用体验，结合大多数使用者喜歡将空间留给自己发挥的需求，优化设计了如下三种手机布局方式：

布局一：全屏空白式满足了用户自己设置应用界面位置的需要，用户可根据自己喜好设置应用位置.

布局二：小区域划分式则是将现有的屏幕划分为普通区域和常用区域，普通区域基本放置使用频率较低的应用，而常用区域1、常用区域2、常用区域3、常用区域4可依据应用使用频率高低，依次对应出现在相关的1、2、3、4区域中.该部分应用的出现可基于系统内部对应用使用的频率进行自动调整，也可做成人机交互的方式，用户在该区域进行常用应用的排布.

布局三：常用区域固定式则是将大部分界面空间留白，仅对统计得出的常用区域1、常用区域2进行应用的优化，其他部位则留给用户，依据用户的习惯，或添加小工具，或改变图片背景等，留给用户更多的自主权.

布局一

布局二

布局三

通过统计手机初始页面发现，目前手机界面默认的界面应用仅是传统手机有的电话、短信、设置、搜索等基本条目，但通过调查者的反馈信息发现，微信、QQ、支付宝、视频应用等在日常使用中占有很大的比重，但这些应用并不出现在常见的手机界面中，需要用户在应用商店自行搜索下载.这些应用也并不随使用频率或时长出现在与人较方便的位置，大多依据安装顺序或个人情况出现在不同的界面或位置，为便捷、快速使用增加了进入时长.常用的工具，如一键清理、日历、天气、时间等，则或集中于二级目录，或分布在不同界面，或位于不可知的地方，为用户的快速体验增添了困难.

结合对手机界面的优化布局几种方式，将常用的、使用频率高的微信、电话、QQ等基本的通信工具放置在常用区域1，将浏览器、视频软件等获取信息的软件放置在常用区域2.这样来达到手机界面区域的较大使用率和对应用使用的快速定位，增加用户的使用的便捷性体验.

三、布局优化的实验验证

实验设计三部手机，前两部手机按布局二和布局三的设计，依据统计数据，将常用的软件分门别类布置在常用区域1、2、3、4中，并将系统自带的时间、天气、日历等放置在明显的普通区域；第三部手机按出厂设定的排序，并安装了微信、QQ、支付宝、UC浏览器、百度地图、天猫、微博、美团、游戏等应用.实验要求用户分别在三部手机上操作：第一步打开微信并回到主界面，第二步打开支付宝后回到主界面，第三步打开地图并回到主界面，第四步报出当前日期和时间，最终统计用户完成上述操作的时间.通过实验数据发现，80%的参与调查者按照布局二、布局三完成操作的时间明显快于手机出厂设定的排列顺序.

【参考文献】

[1]蒋陆.手机图形用户界面的图标个性化设计研究[J].黑龙江科技信息，2007（12）：67.

[2]陈正飞.手机图形用户界面的交互设计研究[D].武汉：武汉纺织大学，2011.

[3]王俊.面向可用性的智能手机软件交互设计研究[D].西安：西北大学，2011.

[4]龚诗雅.基于可用性的智能手机应用软件界面设计研究[D].西安：西安建筑科技大学，2015.