TrarrenShot
所有文章

產品故事

為什麼我打造 TrarrenShot:從實際工作流程出發的 Mac 截圖工具

真正麻煩的往往不是截圖,而是從看見問題、解釋清楚到繼續工作之間,那些不斷打斷節奏的步驟。

發布日期: TrarrenShot
TrarrenShot Mac 截圖選取畫面與標註工具列

我的工作有很大一部分是遠端進行的。線上會議、Demo、Bug 回報、產品討論和設計 Review,都常常需要把螢幕上的東西展示給別人,再解釋自己指的是什麼。截圖自然成為工作流程的一部分。

但用久之後,我慢慢發現,真正讓我覺得麻煩的往往不是截圖本身,而是截圖前後那些零碎步驟:先截一張圖、打開另一個視窗、加上箭頭、調整範圍、複製圖片、切回對話、貼上,最後再說明大家應該看哪裡。

每一步都不難,但它們會不斷打斷原本的節奏。這就是 TrarrenShot 最早的起點:一款以快速視覺工作流程為核心的原生 Mac 截圖與螢幕標註 App。

我並不是想做一個功能最多的截圖工具,而是希望縮短「看到問題、解釋清楚、繼續工作」之間的距離。

截圖通常只是更大任務的一部分

工作上截圖時,我很少只是為了得到一張圖片。我可能是想跟工程師說明 Bug、指出 UI 細節、準備文件、在線上會議回答問題、從畫面擷取文字,或保存一段很長的網頁內容。

截圖只是工作流程中的一步。因此,比起問「截圖 App 應該有哪些功能?」,我開始問:「使用者截圖前正在做什麼?截完之後下一步又要做什麼?」後面這個問題更有幫助。

One Shot 的起點是減少不必要的模式切換

我想簡化的其中一個流程,後來成為 One Shot。啟動一次截圖流程後,直接在畫面上選擇要截取視窗、區域或全螢幕。截圖後則依照設定接續開啟內嵌編輯器、複製圖片或儲存成檔案。

截圖。需要時標註。複製、儲存,然後繼續工作。

很多摩擦來自細小的轉換:打開另一套編輯器、切換模式、尋找下一個操作,或是因為選取範圍差一點而重截一次。對我來說,好的工作流程就是移除這些小中斷。了解 One Shot 的操作方式

標註應該是截圖流程的一部分

在截圖上畫箭頭或加文字時,我通常不是要開始一項獨立的創作工作,只是想快速把事情說清楚。因此,標註工具應該隨時可用,也應該能在完成後輕鬆離開。

這也是為什麼我會在意選取、移動和編輯標註的細節。它們放在功能清單上不一定醒目,但會實際影響日常使用時的速度。了解截圖標註

快捷鍵應該配合工作流程,而不是變成另一套需要背的系統

工作流程裡還有一個看起來很小,但我很在意的部分,就是快捷鍵。

當一個動作開始變成每天都會重複使用的操作,我就不希望每次都還要把滑鼠移回同一顆按鈕。

像 macOS 很常見的操作,TrarrenShot 也盡量維持熟悉的習慣:

  • Command + C:複製
  • Command + S:儲存

這件事甚至會反過來影響我對介面的想法。

當快捷鍵已經變成肌肉記憶,對應的按鈕就不一定需要永遠佔在工具列上。

標註工具也是一樣。

我不太想採用常見的英文字母型快捷鍵,例如用 C 選圓形、R 選矩形。

TrarrenShot 比較偏向依工具在工具列上的位置來選擇:

1234……

我喜歡這個方式有兩個原因。

第一,它直接跟使用者眼前看到的排列一致。

第二,它不需要假設使用者是用英文名稱來理解這些工具。

如果矩形排在第一個,1 就是矩形。如果之後把螢光筆移到第一個位置,1 就自然變成螢光筆。

也就是:

快捷鍵跟著工作流程走,而不是讓工作流程去配合一套固定的快捷鍵。

這看起來只是很小的互動細節,但其實就是我在做 TrarrenShot 時最常在意的東西。

一個每天重複使用的工具,應該隨著使用者越來越熟悉而變得更快,而不是每一次都要求同樣程度的注意力。

有時候根本不需要截圖

在線上分享螢幕時,我有時候只是想說:「看這裡」或「我講的是這個按鈕」。大家明明已經看著即時畫面,卻還要先截圖、標註,再展示結果,整個流程顯得太繁複。

這就是 即時畫布 的起點。它讓我直接在目前的 Mac 桌面上繪圖,再切換成穿透操作,使用底下的 App,而不必結束這次標註。重要的不是單純「可以畫圖」,而是我不必離開原本正在進行的事情。了解即時畫布

功能應該服務工作流程

TrarrenShot 也包含捲動截圖、OCR 文字辨識、QR Code 偵測、色彩拾取器和預覽操作。我會從使用者下一步需要什麼來思考這些功能:有時候截圖後真正要的是其中的文字;有時候需要保存的內容超過螢幕範圍;有時候則想先把結果留在身邊檢查或繼續處理。

我不希望這些功能看起來像是互不相關的工具集合,而是希望它們都能融入同一個工作流程。

以原生 Mac 體驗與本機處理為方向

我希望 TrarrenShot 用起來像一套 Mac App,不只外觀如此,也包括善用平台能力,讓操作保持直接。截圖與標註處理以在 Mac 本機完成為設計方向;透過其他 App 分享則是使用者另外選擇的動作。

我沒有打算只因為 AI 很熱門,就把 AI 當成產品核心。如果它能解決實際的工作流程問題,未來當然值得考慮。但目前我更在意的是工作流程與互動設計。

TrarrenShot 還在持續改變

多一次點擊、一次模式切換,或在不對的時機出現的視窗,單看都很小;但如果每天重複幾十次,就會變得明顯。有些互動還能更簡單,有些功能可以更快,也有些想法最後可能證明不需要。這就是打造產品的一部分。

我希望保留的原則很簡單:截下需要的內容、把事情解釋清楚,然後繼續工作。 TrarrenShot 正是圍繞這個流程逐步打造出來的。

TrarrenShot

了解即時畫布