notion的文字嵌入與同步塊設計概念
notion是一款wswyg網站構建器,號稱是為 Squarespace 和 Wordpress 等公司的競爭對手。其特色產品設計是同步塊的概念:
同步塊是一種超文字和超連結等術語,來自計算機先驅泰德·納爾遜的想法,嵌入是他的一個重要想法,嵌入意味著一個事物的一部分被包含在另一個事物中,並從原始事物中提取出來。在Xanadu 專案的方法中,被嵌入的部分有一條返回原始的路徑,您可以跟蹤這個路徑。
如果完全相同的資訊可以在多個地方同時存在會怎樣?例如,如果您的公司請求更改休假的流程,您可能必須找到所有提及該政策的頁面並手動更新每個頁面。
同步塊改變了這一點。與其透過並更新流程以在其引用的每個頁面中請求休假,將其轉換為同步塊允許您更新一次並在任何地方反映這些更改。儘管這是一個簡單的想法,但它為資訊的結構化和共享方式開闢了許多可能性。
讓每一條內容都交叉引用和可追溯
您可以在公共頁面和工作區之間同步文字塊,首先使同步塊成為可能的是 Notion 的基於塊的資料模型——其中塊是可以移動、轉換或連結到其他內容的最小原子單元——使您可以靈活地組織資訊。事實上,Notion 一直支援顯示單個塊的“別名”的能力。
連結通常是單向的,指向一個目的地並帶你去那裡。正如泰德·納爾遜 (Ted Nelson)在談到網際網路時所說的那樣,這會造成“一堆不斷斷開的單向連結,每當文件被移動或修改時就會斷開。”
對我來說,連結只是物件之間的關係。一鍵式單向超連結是最明顯和最受歡迎的,所以它們無處不在。但是不太明顯,更復雜的概念,如反向連結和嵌入,從未出現過,因此我們想解決這個問題。
簡化複雜
發現同步塊的主要途徑是從一個頁面複製塊並將它們貼上到另一個頁面中,這是由施樂公園的Larry Tesler建立的概念。談到文字編輯,我們大多數人都離不開復制和貼上。它簡單而直觀,因為它可以追溯到人們過去在物理空間中做事的方式。
因此,我們借用了複製和貼上的現有想法作為一種通用機制,使同步塊在人們第一次發現時變得直觀且易於訪問。
讓簡單變得有吸引力
同步塊的人體工程學問題是讓它在檢視時感覺像是頁面的一部分,同時也讓編輯清楚地知道更改會影響其他地方。另外,同步塊實際上只是塊的容器,增加了顯示、結構和塊級互動的複雜性。
我們嘗試了更多的想法並進行了迭代。然後,我們向一組 Notion 高階使用者授予了對同步塊的訪問許可權,看到了他們在使用該功能時面臨的一些現實問題,例如提醒同步塊編輯器許可權不匹配。
最終,我們得到了更輕的東西:設定同步塊周圍的光圈邊,當你靠近它時會醒來,當編輯影響其他頁面時會變得更亮。
當這些同步塊出現在他們的工作區中時,新使用者應該注意到它們的不同之處。我想了很多關於如何讓人們在內容中移動游標、找到同步塊、嘗試並理解它是什麼時自然地發現這一點。這也是選單如此精簡的原因,僅顯示觀眾和編輯所需的內容。
相關文章
- 朱峰談概念設計(一):概念設計與插畫的區別
- union 的概念及在嵌入式程式設計中的應用程式設計
- Book2Notion:將豆瓣圖書資訊同步到Notion的Chrome外掛Chrome
- Dart 非同步程式設計相關概念簡述Dart非同步程式設計
- 多工同步與互斥概念
- RedisSyncer同步引擎的設計與實現Redis
- 朱峰談概念設計(八):電影中的概念設計
- 區塊鏈遊戲的發展與概念區塊鏈遊戲
- 012 Rust 非同步程式設計,在 async 塊中使用?Rust非同步程式設計
- Shiro Filter的設計概念Filter
- 146.synchronized同步方法與塊synchronized
- LotusDB 設計與實現—1 基本概念
- JavaScript非同步程式設計:Generator與AsyncJavaScript非同步程式設計
- Java非同步程式設計:CompletableFuture與Future的對比Java非同步程式設計
- Java中的非同步程式設計與CompletableFuture應用Java非同步程式設計
- 朱峰談概念設計(三):可信的設計
- 設計的一些概念
- 非同步 API 的設計非同步API
- 嵌入式概念介紹
- [譯] 非同步程式設計:阻塞與非阻塞非同步程式設計
- 痞子衡嵌入式:嵌入式裡通用微秒(microseconds)計時函式框架設計與實現ROS函式框架
- 非同步程式設計:基於事件的非同步程式設計模式(EAP)非同步程式設計事件設計模式
- Solidity程式設計 概念Solid程式設計
- 讀軟體開發安全之道:概念、設計與實施09安全設計
- 數值設計的基本概念
- 同步方法及同步塊
- IM 去中心化概念模型與架構設計中心化模型架構
- 幀同步遊戲的設計遊戲
- 基於區塊鏈的智慧鎖設計與實現區塊鏈
- C#非同步程式設計:原理與實踐C#非同步程式設計
- 深入解析JavaScript非同步程式設計:Generator與AsyncJavaScript非同步程式設計
- ui設計的文字怎樣提高設計感呢?UI
- Spring AOP:面向切面程式設計的核心概念與實際應用Spring程式設計
- Go語言 | 併發設計中的同步鎖與waitgroup用法GoAI
- 程式設計–基本概念程式設計
- java面對物件程式設計的概念Java物件程式設計
- 讀軟體設計的要素01概念
- 針織毛衫的概念及設計