今年稍早,我們推出了探索,這是一個精選文章、資源和靈感的集合,以及最新的 Sketch 更新,就在您的工作區中。從分享實用的外掛程式到突顯我們所欽佩設計師的成功案例,「探索」能滿足每個人的需求。
對於我們這個專案背後的推動引擎 — onboarding 團隊來說,「探索」的目標是創造一個人們可以找到在 Sketch 中創作最佳作品所需一切資源的地方。但他們是如何做到的呢?
讓我們深入了解!
互相幫助,創造最佳作品
我們一直努力製作產品指南以及設計教學,以協助您更好、更快地設計。雖然您隨時都可以在我們的網站上找到這些內容,但我們希望讓您更容易找到它們。因此,我們將其直接放在神奇發生的地方 — Sketch 本身。
「我們真的希望為第一次嘗試 Sketch 的人提供足夠的資訊。但同時,我們也不希望他們感到被過度引導。我們重視自我探索的步調,並且知道並非所有資訊都與每個人相關,因此我們決定打造一個反映這種理念的產品。」onboarding 團隊的產品經理 Laura Palombi 說道。
這就是「探索」的誕生:創造一個您可以隨時回來尋求指導和靈感的空間。
確立 MVP(最小可行產品)
雖然「探索」功能感覺像是自然而然的下一步,但我們必須嘗試各種功能。我們有很多可以與您分享的實用想法和資源,因此我們的第一個任務是想辦法縮小這些元素的範圍。
我們希望創造一些對您而言有意義且相關的東西,因此我們仔細考慮了我們將提供的內容類型、章節和篩選選項。挑戰在於如何在必備元素和基於您偏好的元素之間取得平衡。
正如 onboarding 團隊的前端開發人員 João Guiomar 所看到的:「從實作的角度來看,我們需要以一種有影響力的方式展示各種元件。從建立具有影片動畫的大型 Hero 元件到新增複雜的網格系統,讓內容緊密地結合在一起,這是一個有趣的挑戰。我們可以全力以赴,因為『探索』的目標一直都是成為一個具有影響力的頁面。」
以下是最終產品的快速概覽。
微調體驗
每個 Sketch 使用者的需求都不同。因此,我們希望讓您能夠個人化「探索」頁面,以便您隨時都能看到最實用的內容。正如我們所提到的,「探索」頁面的主要目標之一是以最佳方式分享相關內容。實現這個目標的方法之一是建立一個模態視窗,讓您可以在不同的 Sketch 熟悉程度上做出選擇。
「我們很喜歡這個想法……直到我們意識到它有太多的互動、太多的決策點——以及太多的使用者體驗文案!」產品設計師 Ramsés Cabello 分享道。「隨著我們進一步迭代,我們大幅簡化了互動,並將重點從技能水平轉移到讓使用者更容易、更輕鬆地做出選擇。」
一開始,我們根據使用者的角色和他們對 Sketch 的熟悉程度提供客製化選項。但它太複雜了,所以我們開始簡化設定。最終,我們決定在每個區塊使用簡單的切換開關是最好的,因為它不會強迫您評估自己的技能——您可以直接深入研究您想要的內容。
找到「探索」的核心
雖然我們對「探索」頁面有很多想法,但有一點很明確:我們希望它易於迭代且易於個人化。建立內容庫時最常見的陷阱之一是新增過多的選項和複雜性。我們希望「探索」頁面簡潔直觀,讓您取得所需資源的同時,不必額外學習。
「我們的首要任務是能夠立即替換內容,而無需重新設計。」團隊 onboarding 的另一位前端開發人員 Ruben Almeida 解釋說。「為此,我們問了自己一些問題,例如內容之間的共同欄位是什麼、我們如何讓它適應未來的內容、我們如何輕鬆地更新和新增元素等等。然後我們以此為基礎進行建構。」
解決方案?採用網格系統。這種模組化設定意味著我們可以隨時使用最佳內容更新您的頁面。它在行動裝置上看起來也很棒!我們還為標題、簡短描述、圖片等常用功能建立了可重複使用的元件。現在,每當有人需要更新「探索」頁面時,他們只需替換特定內容即可。它們在視覺上看起來都不同,因此您可以一目了然地看出差異。
「這個專案最棒的成果之一是,即使是第一個 MVP,我們也不需要實作內容管理系統。」Laura 說。「新增和修改內容非常簡單,Sketch 中的任何人都可以安全地進行操作。從這個意義上說,它真正賦能了所有參與專案的人。」
填充網格
「探索」頁面的核心是一個不斷變化的頁面,旨在反映 Sketch 和設計產業中的當前興趣和趨勢。填充「探索」頁面的過程匯集了產品、技術和內容團隊,他們都對我們應該展示的內容有自己的想法。
「我們決心讓『探索』頁面發揮作用,而不僅僅是用對*我們*重要的項目填充它。它們首先必須對*您*重要。」Laura 說。
一旦我們規劃好了內容、層級和人們可能喜歡的資源類型,實作就相當簡單了。團隊還能夠在設計上發揮一些創意,找出哪些模組應該更突出,以及如何讓它們協調運作。
「整個技術團隊都喜歡『探索』頁面整體的亮點。它內容豐富,擁有眾多不同的元件,使整個視覺體驗非常愉悅。」前端團隊分享道。

「探索」頁面的兩個主要模組是「指南」和「見解」。如您所見,您可以使用上方的標籤在初級和進階內容之間切換。
「探索」頁面的未來發展方向
「探索」功能的理念不言而喻。您今天在工作區中看到的只是開始。隨著我們在未來幾週和幾個月內創建更多內容,您可以期待看到「探索」功能也不斷發展。而且因為它直接內建在您的工作區中,您不會錯過任何訊息。
「我們想要一個空間讓人們初步了解 Sketch 的各種可能性,我們也計劃持續發展與人們的互動。這是一個令人興奮的發展方向,我們已經在設計下一步了。」Laura 說道。
哪裡可以找到「探索」功能
您可以在工作區側邊欄找到「探索」標籤。我們會定期更新「探索」內容,所以請經常回來查看新的內容!
一如既往,我們在開發所有產品時都以您為中心,並感謝您在每個階段提供的回饋。請透過您偏好的管道,例如Twitter 和Instagram,讓我們知道您的想法和建議。