★ 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 由上到下依序是:
- Inbox
- Focus
- Projects
- Areas
The Hit List 由上到下依序是:
- Inbox
- Hit Lists
- 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 上方的這個區塊:
![]()
寬 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。

一般使用者不會明白 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」。

將 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 的使用者可以用滑鼠去點這些「按鈕」,也可以直接按照軟體的提示使用鍵盤輸入。

Andy Kim 在純鍵盤輸入上下了很大的功夫,要輸入下圖這樣的待辦事項時,手根本不用離開鍵盤。
一般的日期輸入都會用到滑鼠,但在 The Hit List 裡只要打打字就好了,例如 tomorrow、next week、april 4 等3。

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

天才就在細節裡之四:第一次啟動的畫面
這點你要親自去下載 The Hit List 才能理解,這邊就不提了。
總結
Less is more.
但這個 Less 不是指功能上的 less,而是透過功能性的 more 才有可能達到介面上的 less。如果 UI design 也有教科書,The Hit List 應該要列入標準教材。
喔對了,請務必在待辦事項裡輸入「玩 Super Mario Bros」和「打敗 Darth Vader」試試。
-
我也就只是在網路上念念相關文章而已。還有那個爛封面是誰設計的?看了就不想買。 ↩
-
Hick’s Law:當選項增加時,下決定的時間也增加;介面越複雜越難學會。 ↩
-
請參照 Andy Kim 的文章:Better Software Through Less UI,與 CulturedCode 的 Habemus Dialogum – We Have a Dialog。不同的設計理念,同樣的追求極致。 ↩
-
沒有 UI 的 UI 嗎…?Andy Kim,你贏了。 ↩