基于數學統計的人機交互手機界面布局優化

韓達

目前手機界面基本成型，但用戶在界面應用分布設計上大多認為原廠布局不合理，需要重新設計.依據搜狐網對手機質量問題的調查發現，在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.