跳至主要內容

觀點 · Essay

#設計#介面#效率工具

從日期格上那片忙碌色階,到長按 Option 亮起的那排標籤:新版 2Do 的設計語言

老牌任務管理工具 2Do 於八月推出重構新版,本文從日期格的忙碌色階、標籤顯隱與 Option 鍵、多視窗拖拽到指尖捏合的密度,讀一套把自由度做成可見回饋的介面設計。

設計觀察 ·
從日期格上那片忙碌色階,到長按 Option 亮起的那排標籤:新版 2Do 的設計語言

在 macOS 版的新版 2Do 裡替一項任務挑選到期日,彈出的日期選擇器上,每個日期格都帶著深淺不一的底色。週三那格偏深,當天行程已經排滿;隔週一那格近乎全白,還裝得下新的東西。這套名為 Busy Days 的忙碌熱度,同樣出現在迷你日曆與側邊的日曆欄裡,把每一天的行程密度壓成單格色階。挑日期這個動作於是多了一層判讀:那一天還剩多少餘裕,值不值得再把一件事放上去。

2Do 是誕生十餘年的老牌 macOS 原生效率工具,一向以高自由度著稱,今年八月推出重構後的全新版本。九月底,少數派作者廣陵止息在一個多月的深度使用後刊出評測,這次換裝因此再度被討論。他的整體評價可以壓成一句:自由度沒有丟,甚至給得更多,而介面徹底換上了現代的樣貌。

新版 2Do 在日期選擇器、迷你日曆與日曆欄以深淺色階標示每日行程的密集程度,排定到期日之前先看見當天負載

從擬物與灰階,到留白與模組

重構之前的 2Do,帶著明顯的擬物與早期扁平時代的混合痕跡。功能其實一直齊全,問題出在版面:控件排得密,配色偏灰暗,間距逼仄,放進近年的 macOS 裡顯得格外陳舊。系統一路往大留白、清晰層級的方向走,應用還停在擠在一起的小按鈕上,視覺年齡一眼就被讀了出來。

新版動的最大手術正在於此。留白大幅增加,模組分割變得清晰,配色素淨下來。整體架構倒是沒動,仍是經典三欄:左側是列表與智慧篩選器,中間是任務主列表,右側是標籤與地理位置面板。骨架不變,改的是欄與欄之間的呼吸距離,每一塊內容被穩穩圈進所屬的版面。左側欄還支援收合,停在「今天」或某個特定列表時把側欄收起,任務列表便獨佔畫面,視覺幹擾降到最低。

密度成了使用者的變數

新版把大量視覺決定權交還給使用者。淺色與深色模式可以各自配置不同主題,字體大小、行間距、內容密度都成了開放調整的細項。舊版為人熟悉的開關也還在,例如友好相對日期、逾期任務標紅高亮,老使用者搬家時不必重新馴化自己的介面。

標籤的處理最能看出分寸。追求極簡的人可以關閉「始終顯示標籤」,列表裡的標籤於是收合成一枚小圖示;需要臨時確認時,長按鍵盤上的 Option,所有隱藏的標籤即時顯現,手指放開便退場。介面的預設狀態負責乾淨,修飾鍵負責那一下的深入。這種按住即改寫的手感,與我們先前拆過的獵魂光蛛 V3 專業迷你版的修飾鍵設計走的是同一條路:預設畫面輕,深入的動作交給一手快捷鍵。

多視窗與拖拽:把 Finder 的手感搬回任務列表

蘋果自家的提醒事項有個老毛病:一般列表可以開成獨立新視窗,智慧型列表不行,多場景篩選只能在不同視圖之間來回跳。舊版 2Do 的 Mac 端同樣受困於單視窗邏輯。這次重構補上了原生的多視窗,快捷鍵 Control-Option-Command-N 能隨時從當前視圖開出一個新窗。於是一個視窗固定「今天」,另一個掛著某個智慧過濾視圖,第三個用來拆解專案裡的子任務。GTD 的收集與整理得以並排進行,跨列表的任務對照也不再需要切換。

多視窗連帶把拖拽帶了回來。任務可以在視窗之間自由拖動,直觀地批次整理;拖進側邊的日曆欄,就批次重新分配到期日;拖向頂部工具列的對應按鈕,則直接執行推遲、複製、分享或刪除。廣陵止息形容,整套體驗和經典 OS X 上的 Finder 幾乎一模一樣。這句話點出了重構的態度:與其發明新的操作語言,寧可回到桌面系統累積數十年的文法。多視窗、修飾鍵、拖拽目標,都是蘋果人機介面傳統裡的舊詞彙;我們在iPhone Duo 互動設計的推導裡也看過,規範的章節順序如何一路決定一套介面的手感。舊詞彙搬進任務管理,學習成本趨近於零。

新版 2Do 的拖拽目的地清單,列出跨視窗搬移任務、拖入側邊日曆欄重排日期,以及拖向工具列按鈕執行推遲、複製、分享與刪除

指尖上的三欄:行動端的保留與補齊

行動端的新版 2Do 換上新介面,同時留下它辨識度最高的三欄滑動互動。左右輕掃,就能在「完整列表」「半列表加任務視圖」「純任務列表」,以及抽屜式的全域標籤、地理位置過濾與日曆視圖之間移動。切換靠輕掃完成,拇指記得路徑,省下反覆點按的力氣。

雙指捏合調節密度的老功能也在。在螢幕上捏合或張開,就在緊湊、標準、詳細三段之間切換,即時調整標題行數、標籤、備註摘要與所屬列表的露出量。同一份任務列表,趕時間時壓成一行一題,週末規劃時攤成帶備註的完整卡片,鬆緊由指腹決定。

行動版 2Do 以雙指捏合在緊湊、標準、詳細三段顯示密度之間切換,即時調整任務標題行數與標籤備註的露出量

補齊的則是這個時代的標配。鎖定畫面小工具、控制中心的快速操作,以及多種尺寸的主畫面互動小工具都到位了。任務管理工具的戰場早已延伸到應用之外,由通知、小工具與控制中心構成的系統介面,決定一款工具能不能在使用者沒有打開它的日子裡,仍舊被想起。

自由度的生意

把鏡頭拉遠,這次重構在任務管理工具市場裡的位置相當清楚。內建的提醒事項有免費與系統同步當後盾,Things 以節制的設計聞名,跨平臺的江山屬於 Todoist。老牌原生工具的現代化通常只有兩條路:跟著系統語言走,慢慢稀釋自己的特色;或者守著舊介面,成為情懷使用者的標本。2Do 選了第三條。介面全面靠攏當代 macOS 的留白與層級,同時把自由度本身當成產品賣點。字級、行距、密度、主題、欄位開關、標籤的顯隱,等於把「一個介面服務所有人」的難題,改寫成「每個人為自己架一個介面」的工程。

這條路的代價也明白。可調項越多,初次打開時的預設值就越關鍵,設定頁也越容易越寫越長,勸退新人。忙碌熱度、Option 顯標籤、捏合密度這些設計之所以亮眼,在於它們把自由度翻譯成看得見的回饋:一格色階、一排亮起的標籤、一次即時的鬆緊調整。自由度若只藏在設定頁深處,被用到的機會其實有限;能夠在日常操作裡被摸到,這些選項才真正參與每一次的排程。

新版 2Do 留下了捏合與輕掃,留下了逾期標紅,也把日期格染上忙碌的深淺。一款十餘年的老工具用一次重構說明,現代化未必要換掉整套手勢;把舊手勢放進新的呼吸節奏,照樣站得回當代的桌面。