April 5th, 2009 The Hit List UI 觀察

自從 Things 在 beta 階段時我就開始用它,到現在快一年了。它是一個非常棒的軟體,常被拿來和 OmniFocus 做比較;兩者的設計都是遵循 Getting Things Done 的原則。

雖然兩者都是為了幫助使用者執行 GTD 而設計的軟體,但並不是每個使用者都有時間去讀 David Allen 兩百多頁的書1;就算讀完書,也並不一定會照書本嚴格執行,而是會將書中的方式自行修調整為適合自己的方式,因此任務管理軟體如果能夠具備適應其他使用方式的彈性,可以接觸到更多的使用者。

OmniFocus 和 Things 都聲稱自己的軟體功能強大且具彈性,可以適用各種使用方式,然而對從未接觸過 GTD 的使用者來說,Things 的「彈性」比 OmniFocus 還大。因為它的介面較簡潔2,且 sidebar 功能較單純,和其他 Mac 軟體的邏輯符合,整體而言沒有 OmniFocus 那麼「硬派」;此外、兩者的定價也反映出市場定位的不同:Things $49 / 約台幣 $1600; OmniFocus $79 約台幣 $2700。

最近新推出的 The Hit List 也是遵循 GTD 邏輯的任務管理軟體,和 Things 一樣有著簡單乾淨的介面,連定價也一樣,但是在使用的友善程度上甚至超越了 Things。

53 x 26 px 造成的差異

這是兩個軟體的 sidebar 對照,左邊是 Things,右邊是 The Hit List。

Thing 由上到下依序是:

  1. Inbox
  2. Focus
  3. Projects
  4. Areas

The Hit List 由上到下依序是:

  1. Inbox
  2. Hit Lists
  3. Folders

前三個區塊功能雷同,但 Things 多了一個 Areas 區塊,。

GTD 的邏輯是要使用者把所有待辦事項記在 Inbox 裡,然後將這些項目依 Projects 和 Context(即 Things 的 Area)分類,再依照時間、地點、或是專案類別來選擇當下要進行的工作。

從 sidebar 內容的排列方式就可以看出 Things 的 Areas 區塊完全符合 GTD 的使用邏輯。

相較於 Things,The Hit List 的 sidebar 裡並沒有 Context / Areas 這個區塊。但沒有該區塊並不代表 The Hit List 少了這個功能,而是設計者 Andy Kim 用不同的介面來達到同樣的效果。

取代 Context / Areas 功能的是在藍色 sidebar 上方的這個區塊:

53 x 26 px 的差異

寬 53px ,高 26px ,但它卻是 The Hit List 和 Things 兩個軟體設計理念的分界點。

按下右方的 tag 圖示之後,會看到 tag 列表。

如果你不懂 GTD,看到的的只是三個 tag;但如果你是 GTD 使用者,馬上就會知道前面加 「@」 符號的 tag 在 GTD 裡代表的就是 Context / Area 區塊。

這樣設計是希望讓不懂 GTD 的人輕鬆的使用,畢竟一般的使用者不會去將待辦事項依照「地區」做分類,tag 功能就足以滿足大部分人的需求,因此 Context 這個區塊可以擺到裡面一點;但這樣的作法也沒有犧牲 GTD 使用者所需的功能,稍後會再提到。

從這個設計,就可以察覺 Andy Kim 是「以一般使用者為中心,但進階 GTD 使用者也可以用」的想法來設計。

相較之下,Things/OmniFocus 的理念則是「以進階使用者為中心,但一般使用者也可以用」。

天才都在細節裡之一:Context + tag

The Hit List 在整體設計上都以一般使用者為中心。

例如,The Hit List 將 GTD 裡 Context 和 tag 的概念融合在一起。

在 GTD 的邏輯中,每一個待辦事項都要有所屬的區域(如辦公室、家中、銀行…),這樣使用者就可以集中精神處理在該區域所能辦的事。

在增加一個事項時,使用者可以為該事項加上 tag 或 context tag。

Untitled

一般使用者不會明白 tag 和 context tag 有什麼不同,但是並不影響到他使用,因為 tag 是一個能夠彈性管理資料的方式,可以適用於任何情況;但是 GTD 使用者則可以併用 tag 與 context tag,又因為兩者都是在同一個介面裡出現,所以用起來非常的方便。

將 context 和 tag 融合的設計不但直覺,也同時適用於一般使用者與 GTD 使用者,但前面提到的三套軟體中,只有 The Hit List 是這樣設計;Things 的 tag 和 context 是分開的,而 OmniFocus 根本沒有 tag 功能。

天才都在細節裡之二:命名方式

考慮到沒接觸過 GTD 使用者,軟體功能的命名就要平易近人,不能拿 GTD 中的專有名詞來嚇人。

之前提過的 context,在 The Hit List 中叫做 tag 就是這個道理。

此外,一般使用者也不見得會有 「project」在進行,所以 project 在 The Hit List 中只是單純的「folders」。

Untitled

將 project 變成 folder 不只簡明,還增加了使用上的彈性,例如,每一個 list 都可以有自己的目錄,而目錄底下還可以有更多目錄。此外,進階使用者也可以直接將目錄拿來當 Context 來用,只要將他的名稱命名為 「@Office」 或是直接是「Office」即可。

命名的方式也顯示出設計者的思考方向,同樣的 Context,在 The Hit List 裡叫做 「tag」,非常的清楚;在 Things 裡叫 「Areas」,不懂 GTD 的人也能明白。

你猜猜在 OmniFocus 裡怎麼命名 context?

天才就在細節裡之三:以鍵盤為中心的操作方式

如果你還沒試過一個以鍵盤為中心設計的任務管理軟體,那麼你不會了解 The Hit List 是多麼好用。

OmniFocus 和 Things 都為常用功能安排了快速鍵以增加使用的方便性,但 The Hit List 則是根本把鍵盤輸入當成主要的使用方式。

雖然使用快速鍵很方便,但為了不讓使用者去記憶這麼多排列組合,Andy Kim 將最常用的快速鍵放在下方,以 Hints 的方式呈現,會隨著目前介面的不同而顯示不同的提示。

The Hit List 的使用者可以用滑鼠去點這些「按鈕」,也可以直接按照軟體的提示使用鍵盤輸入。

Untitled

Andy Kim 在純鍵盤輸入上下了很大的功夫,要輸入下圖這樣的待辦事項時,手根本不用離開鍵盤。

一般的日期輸入都會用到滑鼠,但在 The Hit List 裡只要打打字就好了,例如 tomorrow、next week、april 4 等3

Untitled

以鍵盤為主要輸入方式的另一個好處,就是輸入待辦事項的介面可以更加的精簡 — 精簡到根本沒有介面4

Untitled

天才就在細節裡之四:第一次啟動的畫面

這點你要親自去下載 The Hit List 才能理解,這邊就不提了。

總結

Less is more.

但這個 Less 不是指功能上的 less,而是透過功能性的 more 才有可能達到介面上的 less。如果 UI design 也有教科書,The Hit List 應該要列入標準教材。

喔對了,請務必在待辦事項裡輸入「玩 Super Mario Bros」和「打敗 Darth Vader」試試。


  1. 我也就只是在網路上念念相關文章而已。還有那個爛封面是誰設計的?看了就不想買。 

  2. Hick’s Law:當選項增加時,下決定的時間也增加;介面越複雜越難學會。 

  3. 請參照 Andy Kim 的文章:Better Software Through Less UI,與 CulturedCode 的 Habemus Dialogum – We Have a Dialog。不同的設計理念,同樣的追求極致。 

  4. 沒有 UI 的 UI 嗎…?Andy Kim,你贏了。 

6 Responses to “The Hit List UI 觀察”

  1. April 5th, 2009 at 10:49 am

    yllan Says:

    OK, I’ll consider release all my software under COMMAND LINE MODE.

  2. April 5th, 2009 at 10:58 am

    yllan Says:

    Anyway, it’s a nice article.

  3. April 5th, 2009 at 7:55 pm

    ericsk Says:

    How about Taskpaper.app?

  4. April 5th, 2009 at 7:59 pm

    ericsk Says:

    希望 MacHeist 3 會達成 500K for charity 的目標 XD

  5. April 5th, 2009 at 9:52 pm

    Reder Says:

    我也想問作者有沒有用過 TaskPaper 。這是目前我用起來最順手、感覺最接近紙筆的軟體。

  6. April 6th, 2009 at 11:18 pm

    Leo Says:

    有!其實我還有買,但是後來被 Things 漂亮外觀吸引,就把它忘了…。