以Axure功能區(qū)域分布為例,理論模型如何指導(dǎo)產(chǎn)品設(shè)計(jì)

11 評論 6587 瀏覽 167 收藏 6 分鐘

Axure共有9個功能區(qū),分別是菜單欄、站點(diǎn)地圖、元件庫、母版區(qū)、操作區(qū)、頁面交互區(qū)、元件交互區(qū)、元件屬性區(qū)和動態(tài)面板區(qū)。這9個功能區(qū)分別對應(yīng)下圖1—9的位置。

為什么他們的位置是這樣分布的呢?

我們先猜想一下九宮格中九個格子位置的重要性排序。我的推演以九宮格每個格子之間的路徑長度為主要依據(jù),以我們的習(xí)慣偏好為輔助參考。理論模型是:

Min P=∑L

L表示每個格子到初始格子間的路徑長度,P表示每個格子到初始格子的總路徑長度。

為什么是以格子間的路徑總長度為依據(jù)呢?因?yàn)槲覀兪褂肁xure與組裝零件的場景非常相似,而兩者都是九宮格的具體應(yīng)用場景。我們在組裝零件的時候是不是首先想將工具放在最近、最順手的地方呢?

首先需要設(shè)定初始區(qū)域,然后確定剩余8個區(qū)域到初始區(qū)域的路徑長短。初始區(qū)域滿足的條件是該區(qū)域到任意區(qū)域的平均距離最短。顯然,正中間的區(qū)域到任意其他8個區(qū)域的平均距離最短。

中間區(qū)域的正左正右和正上正下比斜方向的區(qū)域路徑相對更短,所以正方向的區(qū)域比斜方向的區(qū)域排名整體更靠前。一般而言,我們習(xí)慣右手拿東西,右優(yōu)于左,所以正右比正上路徑更短。習(xí)慣性而言,上優(yōu)于下,所以前5排出來了。

斜對角線4個區(qū)域排序理由如下:

A、右邊兩個區(qū)域整體優(yōu)于左邊兩個區(qū)域——我們一般使用右手,右邊區(qū)域到中間的路線是:右→中間;左邊到中間的路線是:右→左→中間。前者優(yōu)于后者。

B、上優(yōu)于下。所有后4也排出來了。

仿Axure格局將九宮格第一行3列整合成一列后,排序如下圖2:

圖2

在使用Axure時,為了方便操作,必須將9個功能區(qū)恰當(dāng)排列,使得Min P=∑Lf最優(yōu)。P表示所有操作的總路徑長度,L表示每次操作的路徑長度,f表示操作頻次。顯然,最短的路徑與最頻繁的操作匹配為最優(yōu)解,即最頻繁使用的功能放在路徑最短的區(qū)域體驗(yàn)最好。在Axure實(shí)際應(yīng)用中,除了要考慮頻率外,還要考慮功能使用習(xí)慣和空間大小搭配,就像L不僅表示實(shí)際的路徑長度,還表示心理上的路徑長度,例如先上后下,先右后左等。

我們利用九宮格找出了路徑最短的排列方式,下面我們要找出操作頻繁程度的排列順序,兩者一一對應(yīng)就可得到最優(yōu)解。

首先,我們普遍默認(rèn):

  1. 細(xì)節(jié)層的操作比抽象層操作更頻繁;
  2. 底層的操作比高層的操作更頻繁;
  3. 整體的操作比局部的操作更頻繁。

工作區(qū)作為最終實(shí)現(xiàn)的區(qū)域,所有其他功能區(qū)都要到工作區(qū)實(shí)現(xiàn),所以工作區(qū)是操作最頻繁的,所以工作區(qū)放在上圖位置1。另外,工作區(qū)作為實(shí)現(xiàn)區(qū)放在視線最中間也符合我們的習(xí)慣。

元件庫是部件集合,是站點(diǎn)地圖、頁面、母版的具體表現(xiàn),所以比其層級都要底。動態(tài)面板是元件庫的一部分。又菜單欄、元件交互和屬性欄是元件的細(xì)節(jié)層,所以元件庫操作頻率排第四(元件交互區(qū)和屬性區(qū)合為一個區(qū),元件庫和站點(diǎn)地圖合為一個區(qū))。

元件交互和屬性區(qū)和菜單欄操作頻率分別排第二和第三,理由如下:Axure作為原型設(shè)計(jì)工具,不同于其他工具的重要原因就是能實(shí)現(xiàn)頻繁復(fù)雜的交互設(shè)計(jì);而菜單欄作為通用功能,在Axure中操作頻率不如交互功能。同時,為突出元件交互功能和繼承菜單欄的操作習(xí)慣,將他們分別放在右中和上部是非常合理的。

頁面交互區(qū)屬于頁面的細(xì)節(jié)層,是整體操作,母版和動態(tài)面板區(qū)并不自身細(xì)節(jié)層操作,同時他們都是局部操作,所以頁面交互區(qū)排第五;

動態(tài)面板作為元件,比母版層級更低,操作更頻繁。且從母版定義和使用來看,母版的操作頻率也低于動態(tài)面板。所以動態(tài)面板排第六,母版排第七。

Axure功能區(qū)操作頻率排名如下圖3:

圖3

功能區(qū)操作頻率排序與路徑長度排序一致。說明該功能區(qū)排列設(shè)計(jì)使得總操作路徑最短,用戶體驗(yàn)最佳。

 

本文由 @小不?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 每個字我都認(rèn)得,但是……

    來自北京 回復(fù)
  2. ??

    來自廣東 回復(fù)
    1. 你是互聯(lián)網(wǎng)愛好者還是從業(yè)者呢

      來自廣東 回復(fù)
    2. 是愛好著,正在努力成為從業(yè)者,蠻感興趣的。

      來自廣東 回復(fù)
    3. 不錯,學(xué)生時代是學(xué)習(xí)的好機(jī)會

      來自廣東 回復(fù)
    4. nono,畢業(yè)半年了呢 ?

      來自廣東 回復(fù)
    5. 這樣說我們就是一屆的,哈哈。方便透露在哪高就不

      來自廣東 回復(fù)
    6. 哈哈哈哈,真的么,我看你頭像以為你很老咯呢,我再廣州,不過明年去上海,你呢,在哪兒咧

      來自廣東 回復(fù)
    7. 我也在廣州~~~明年去上海找工作比較麻煩吧

      來自廣東 回復(fù)
    8. 哦哦,沒啥麻煩得啊

      來自廣東 回復(fù)
    9. 因?yàn)檫€沒有找到工作就辭職跑去上海~~~人生地不熟

      來自廣東 回復(fù)