吳杏麟

(廣東職業(yè)技術(shù)學(xué)院，廣東 佛山 528041)

1 界面布局的兩個方面

手機APP的界面布局主要關(guān)系到兩個方面，分別是使用者的眼睛與使用者的手；對于使用者眼的方面，手機軟件的布局會直接影響使用者的視覺注意力；而在另一方面，手機界面的布局則直接影響到使用者手對程序的操作，這兩方面影響著使用者的使用體驗。

在使用者使用手機端軟件時通常會被視覺注意力所吸引，從而使眼球跟隨著其視線走動。如果將使用者視覺步驟做分解拆分出一個慢動作的話，也就是說用戶的眼睛會首先主要到的是屏幕的哪一個點，下一步用戶又會將視覺移動到哪一個點上，并且視覺注意力在每個地方所停留的時間也會有所不一樣。視覺停留時間的長短也是一個需要研究與考慮的地方。在人機工程學(xué)理論當(dāng)中，人的視覺運動規(guī)律為：

1.人的眼睛做水平方向運動時必定會比眼睛垂直方向運動時要快，就是人會先看到水平方向的物體，再而看到垂直方向的物體；

2.人的視線一般習(xí)慣于從做往右和從上至下的運動，看圓的物體時，總是沿著順時針方向移動；

3.眼睛垂直運動比水平運動更容易產(chǎn)生疲勞感；對水平方向的尺寸與比例的顧忌比垂直要精確精準(zhǔn)得多；

4.當(dāng)人的眼睛偏離視線中心是，人眼對四個象限的觀察依次是：1.左上、2.右上、3.左下、4.右下；

5.眼睛是人機體的一部分，難免會有惰性，看單純的形態(tài)會比看復(fù)雜的形態(tài)順眼和舒適；

由上述規(guī)律可見，在進行界面布局設(shè)計時，將要把頁面最重要信息放置在屏幕的上半部分，將一些次要信息放置在屏幕的下半部分。給最重要的信息提供足夠的界面空間，同時確保重要信息獲得的速度和準(zhǔn)確性，盡量做到減少用戶視覺疲勞感。

眼睛將所看到的視覺信息傳輸?shù)酱竽X，大腦根據(jù)信息則對手下達操作的指令，所以在界面設(shè)計中，也需要充分考慮到人手指所運動的范圍以及其運動的軌跡。根據(jù)文獻研究以及現(xiàn)場實際用戶研究，發(fā)現(xiàn)當(dāng)使用者在單手拿手機時，只能用拇指對屏幕進行操作，而平常人拇指的平均寬度大約為15MM。長度一般在55-60MM。拇指的活動軌跡為以虎口為圓心軸，手指為半徑45°扇形面積。如圖1所示。

在此區(qū)域外，則需要用雙手才能進行操作，為降低操作難度，在此區(qū)域放置重要信息最為合適。

2 首頁頁面布局

對于首頁來說，最重要最需呈現(xiàn)給用戶看的就是APP所涉及的功能，同時也是整個APP的導(dǎo)航欄。根據(jù)上述理論，所以APP首頁應(yīng)該將重要功能分區(qū)放置此區(qū)域，同時運用眼球運動規(guī)律以及手指活動區(qū)域進行布局，將APP核心信息放置頁面中央?yún)^(qū)域，這種類型的構(gòu)圖能讓用戶在使用中更加方便，信息也能更加明確和突出，而且此區(qū)域也屬于方便單手操作區(qū)域。如圖2所示。

圖1 單手手指操作范圍

圖2 淘寶購物APP首頁

3 底部導(dǎo)航欄設(shè)計

在設(shè)計底部菜單欄時，應(yīng)遵循人機交互設(shè)計的功能性原則。功能性原則要求在進行人機交互設(shè)計時，根據(jù)不同的功能區(qū)分，以功能為集合對象實施管理。如“新浪微博”的內(nèi)容便是以“首頁”、“消息”、“發(fā)現(xiàn)”、和“我”這四個功能加以區(qū)分和管理，用戶可以在底部欄上隨意切換不同的頁面，同時在底部導(dǎo)航欄圖標(biāo)設(shè)計上，采用響應(yīng)式設(shè)計。即用戶選擇哪個頁面，與之所對應(yīng)的圖標(biāo)則會有顏色上的區(qū)分，以淘寶首頁為例，當(dāng)用戶選擇首頁時，首頁的屋子圖標(biāo)則會顯示橙色，告知用戶所在的地點，防止迷失方向。而微博底部導(dǎo)航欄設(shè)計則是采用線條與實心設(shè)計，當(dāng)用戶選擇頁面時，當(dāng)前頁面所對應(yīng)的圖標(biāo)則會變?yōu)閷嵭暮谏?，其余未被選擇的則為線條圖標(biāo)。通過這種方式進行對比區(qū)分，讓用戶一目了然，使APP交互更加流暢。

小結(jié)

根據(jù)以上研究結(jié)果，對于皮具類垂直購物APP，在首頁雙手操作區(qū)域應(yīng)當(dāng)放置皮具分類選項，供消費者直觀體驗，并放置一些系統(tǒng)推薦或者通過大數(shù)據(jù)后臺計算出來的消費者所喜好的產(chǎn)品，為消費者提供直接的購買建議。而在底部導(dǎo)航欄中，應(yīng)當(dāng)放置購物過程中幾個維度的頁面，例如首頁、購物車、訂單、物流等信息，讓消費者在使用過程中可以隨意切換，并且方便使用。