跳過導覽
Image showing a test tube and a movie clicker featuring a real-time collaboration symbol in the middle.
Sketch 內幕

幕後花絮:我們如何研究和測試協作編輯功能

深入了解我們的研究團隊如何著手近年來 Sketch 最重要的功能之一

我們知道設計過程本質上是協作的。無論您是與其他設計同事集思廣益,還是與開發人員合作將像素轉化為程式碼,設計都不可能憑空存在。

這就是為什麼我們去年如此興奮地將即時協作功能引入 Sketch。它讓團隊能夠在設計上無縫合作——對我們的用戶來說,這意義非凡。

但如果這對您來說意義重大,那麼對我們 Sketch 團隊來說,這是一項巨大的工程。因此,為了有一個好的開始,我們專門的研究團隊開始奠定基礎。請繼續閱讀,了解我們用來交付這個改變遊戲規則的功能的研究和測試過程。


我們的目標

研究過程分為兩個部分——探索性研究和可用性測試。

從探索性研究開始,我們希望幫助設計和開發團隊圍繞即時協作將有助於解決的幾個主要痛點達成共識。具體來說,我們想要

  • 了解我們的用戶如何看待協作編輯
  • 了解他們對覆蓋他人工作等問題的擔憂
  • 了解他們現有的痛點以及即時協作如何解決這些痛點
  • 了解人們如何合作以及我們如何滿足他們的需求。

一旦我們有了這些答案並開始構建功能,我們就開始進行可用性測試。在這裡,我們希望確保我們克服這些痛點的解決方案是正確的,或者我們是否可以進一步改進它。

招募合適的合作夥伴和測試人員

去年,我們啟動了 Sketch Labs——一個新的計劃,它打開了我們的大門,讓更多熱愛 Sketch 的人參與到我們的研究過程中。我們不斷地問自己如何才能讓 Sketch 變得更好,而我們優秀的產品團隊每天都將此作為他們的使命。當然,我們的社群也在這個使命中扮演著重要的角色。這就是為什麼 Sketch Labs 是 Sketch 研究中不可或缺的一部分。

我們不斷地問自己如何才能讓 Sketch 變得更好——我們的社群在這個使命中扮演著重要的角色。

招募階段揭示了我們最早的洞察之一。當時,只有現在已停用的 Sketch for Teams 方案才能進行協作。我們很快意識到,有些人不知道他們使用的是什麼方案,包括許多人錯誤地認為他們已經擁有 Sketch for Teams。當我們發現這種混淆時,它促使我們努力更新我們的方案,讓每個人都能更容易理解。

準備進行實時測試

由於此功能的重點是協作,我們希望與幾個人同時工作一起執行測試。不幸的是,由於 COVID-19 迫使數百萬人在家工作,現場研究已不可能進行。

由於一切工作都需要遠端進行,其中一個挑戰就是追蹤參與者們在實時協作時的螢幕畫面。我們設置了視訊通話,讓每個人都可以共享螢幕,並成功地將所有人的顯示畫面合併成單一視圖,讓我們可以在一個地方看到所有人的進度。然而,當多個參與者同時工作時,仍然難以一次觀察所有人的操作。有些洞察僅能在檢視錄影後才能發現。

儘管對團隊來說是一個巨大的挑戰,遠端會議最終卻成為因禍得福的契機。這種設置幫助我們並排查看所有螢幕,這有助於我們識別不同螢幕之間的任何差異和不一致的行為。例如,當一位參與者在圖層列表中編輯名稱時,如果其他參與者也在圖層列表中,他們就會被踢出。這些洞察非常寶貴,而且只有透過錄影才能清楚地觀察到。

研究洞察

我們將可用性研究分為三組,每組都專注於實時協作流程的特定部分。第一組專注於開始協作和邀請其他人加入文件。第二組專注於協作本身,即每個人都在共同作業的環節。最後,第三組專注於完成工作和儲存文件。

我們在這些測試中發現了一些主要 findings

不同的人以不同的方式儲存檔案

為了進行協作,您的文件需要儲存到您的工作區(以前稱為 Sketch Cloud)。在第一階段,當我們要求參與者開始協作時,我們要求他們儲存文件。我們假設使用者通常透過 S 或從選單列選擇 **檔案 > 儲存** 來儲存檔案——這支援儲存到您的工作區。但在可用性測試期間,我們發現有些參與者更喜歡從 Sketch 工具列儲存檔案。

當時,當您從工具列儲存文件時,儲存目的地會預設為您最近使用的目的地。這表示如果上一個檔案儲存在本機,則目前的文件也會儲存在本機,除非使用者手動更改目的地。事實上,從 Sketch 工具列儲存到 Cloud(現在是您的工作區)是不可能的。因此,大多數參與者將檔案儲存在本機或他們的個人 iCloud 儲存空間中,這表示他們無法開始協作。

這個發現促使我們著手改進儲存流程,我們改善了使用者體驗,並增加了在從工具列儲存時將文件儲存到 Sketch 工作區的選項。

開始協作是一個摩擦點

一旦每個人都了解如何將檔案儲存到工作區,就會出現另一個挑戰——開始協作工作階段。在早期版本中,用於協作的工具列項被標記為 **Presence(線上狀態)**,這對某些人來說令人困惑。我們也沒有清楚的圖示來指示邀請更多人的選項。因此,參與者沒有意識到該工具列項與協作相關,就直接忽略了它。

我們透過將名稱更改為 **協作** 來減少混淆。我們也更清楚地表明,您需要先將文件儲存到工作區,才能開始協作。儲存文件後,您的頭像就會出現,您可以透過分享連結或在網頁應用程式中邀請他們加入文件來邀請其他人。

Image showing the collaboration menu featuring different users in the session in different colors.

參與者對儲存檔案猶豫不決

在測試即時協作功能時,有些參與者擔心在同一個檔案中與其他人一起工作。有這麼多人同時修改和儲存文件,他們怎麼知道哪些更新是最重要的?變更會自動儲存,還是需要手動儲存?那元件庫呢?你能在不將變更推送給所有人的情況下編輯元件庫嗎?

簡單來說,我們已盡可能地簡化了系統的使用方式,只需要一點時間就能習慣這些改進。參與者測試該功能的時間越長,就越明顯地發現變更會自動儲存,而且不會遺失任何工作內容。至於標記重要更新和使用元件庫?我們也為這些問題提供了解決方案,稍後會詳細說明。

Image showing different updates to a document with the option to star a document.

它如何塑造了你現在所知的 Sketch

雖然我們對即時協作本身有一些很棒的洞察,但我們收到的回饋也讓我們重新審視了該功能周圍的基礎架構。這促使我們開發了一些其他功能,並在不久後推出

  • 星號標記更新 — 每次儲存文件時,都會在工作空間中建立新的更新。星號是標記文件版本歷史記錄中關鍵更新的好方法。如果你使用元件庫,為元件庫中的更新加上星號標記可以讓你控制哪些元件庫更新會發送給每個使用它的人。
  • 個人訂閱 — 透過訂閱,你可以獲得完整的 Sketch 體驗,包括 Mac 應用程式、網頁應用程式和工作空間的存取權限。現在,你可以單獨設計師或大型團隊成員的身份訂閱。
  • 工作空間 — 你的工作空間是你所有設計文件的存放處。因此,你可以與其他人即時協作、取得回饋、將設計移交給開發人員等等。

重要結論

在任何研究開始時,你都會先設定一些假設,然後再進行測試。這個過程也不例外,挑戰這些假設不僅幫助我們改進了即時協作,也幫助我們整體上改進了 Sketch。

我們的研究結果顯示,人們對 Sketch for Teams 及其包含的內容感到困惑。這促使我們開發了你們今天看到的工作空間,並將其提供給個人用戶和團隊,讓更多人能夠開始使用即時協作功能。

看到這個功能在整個過程中不斷演變,真是太棒了,我們非常感謝參與者的幫助,他們幫助我們塑造了這個功能。對我來說,整個過程中最令人欣慰的時刻之一,就是看到參與者第一次體驗協作,並看到他們隊友的游標時的反應。我們很樂意為你帶來這種興奮感,也希望你喜歡在今天使用即時協作功能。


我們很樂意讓你一窺幕後花絮,以及我們是如何製作 Sketch 的。請在 Twitter 上讓我們知道你下次想看到什麼。

你可能也喜歡

免費試用 Sketch

無論您是 Sketch 新手,還是回來看看有什麼新功能,我們都能讓您在幾分鐘內設定好並準備好開始創作。

免費開始使用
免費開始使用