1. 사용 맥락이 보여야 함
에디터, 사이드바, 속성, 패널, 메뉴, 캡처 흐름이 실제로 보이는 화면만 우선.
이전 버전의 랜딩/마케팅 컷을 걷어내고, 실제 제품 화면만 화면 단위로 다시 묶었습니다. 이제 서비스 소개가 아니라 에디터, DB, 객체, 그래프, 캔버스, AI 패널, 모바일 캡처 화면을 직접 비교합니다.
“실제 사용화면” 기준을 명확히 했습니다. 제품이 예쁘게 보이도록 합성된 랜딩 컷보다, 사용자가 클릭하고 입력하고 정리하는 순간을 우선했습니다.
에디터, 사이드바, 속성, 패널, 메뉴, 캡처 흐름이 실제로 보이는 화면만 우선.
제품 로고가 아니라 Editor, Database, Graph, Canvas, AI, Mobile 같은 사용화면 기준.
공식 도움말, 공식 문서, 공식 GitHub를 우선. 부족한 경우 리뷰/튜토리얼을 보조로 사용.
각 카드에 “무엇을 베낄지”를 바로 판단할 수 있게 Use for를 붙임.
이미지를 누르면 크게 볼 수 있습니다. 필터는 중첩 적용됩니다.
DB 안에서 버튼 속성으로 반복 작업을 실행하는 화면
Takeaway 문서형 DB가 워크플로우 실행기로 바뀌는 지점. 버튼, 속성, 표가 한 화면에서 보인다.
Use for DB 기반 메모 앱의 action cell, property UX, row-level automation 참고
원본 출처 열기모바일에서 워크스페이스와 페이지 구조를 전환하는 화면
Takeaway 모바일에서는 전체 편집보다 탐색과 전환, 최근 문서 접근이 더 중요하다.
Use for 모바일 IA, workspace switching, bottom navigation 참고
원본 출처 열기문서 블록을 캔버스에 펼쳐 계획과 아이디어를 배치하는 화면
Takeaway 노트를 한 줄 문서가 아니라 공간 배치 가능한 오브젝트로 다룬다.
Use for 문서와 whiteboard 전환, spatial note UI 참고
원본 출처 열기AFFiNE의 실제 문서 편집 화면
Takeaway Notion식 블록 에디터를 유지하되 좌측 구조와 중앙 에디터를 단순하게 가져간다.
Use for Notion-like editor clone에서 차별화 지점 찾기
원본 출처 열기블록 에디터와 문서 구조를 보여주는 실제 화면
Takeaway 텍스트 편집, 블록 선택, 문서 구조가 최대한 네이티브 앱처럼 느껴진다.
Use for 오픈소스 Notion 대체 앱의 editor density 참고
원본 출처 열기DB 속성을 추가하고 설정하는 실제 화면
Takeaway 속성 추가 UI는 Notion과 유사하되 더 기능을 압축해서 보여준다.
Use for DB field creation, property menu, table UX 참고
원본 출처 열기Anytype의 페이지, 객체, 사이드바가 같이 보이는 화면
Takeaway 객체 기반 모델을 UI로 설명하려면 object type과 navigation이 계속 노출되어야 한다.
Use for object-based notes, sidebar hierarchy 참고
원본 출처 열기객체 간 관계를 그래프로 보는 화면
Takeaway graph는 탐색 도구라기보다 사용자가 만든 세계관을 확인하는 시각화 역할을 한다.
Use for knowledge graph, object relation visualization 참고
원본 출처 열기팀 허브 템플릿에서 표와 문서가 같이 작동하는 화면
Takeaway 문서가 읽는 페이지가 아니라 팀 운영 앱처럼 작동한다.
Use for template-driven workspace, doc app builder 참고
원본 출처 열기Craft에서 문서를 만들고 관리하는 데스크톱 화면
Takeaway 문서 앱은 기능보다 시각적 질감, 타이포그래피, 여백이 제품 인상을 크게 좌우한다.
Use for polished document UI, Mac-style navigation 참고
원본 출처 열기최근 문서를 빠르게 찾는 팀 위키 화면
Takeaway 작은 팀 위키는 그래프보다 recent, search, sidebar가 훨씬 실용적이다.
Use for fast documentation navigation 참고
원본 출처 열기문서 안에 이미지를 삽입하는 실제 편집 화면
Takeaway 이미지 삽입이 간단해야 메모 앱이 리서치 보드로 확장된다.
Use for rich media block insertion 참고
원본 출처 열기팀 문서 구조와 에디터가 함께 보이는 화면
Takeaway 팀 위키는 문서 트리, 권한, 검색, 편집 흐름이 한 번에 보여야 한다.
Use for company wiki IA, sidebar, doc editor 참고
원본 출처 열기Outline GitHub README에 포함된 실제 제품 화면
Takeaway 문서 편집 화면에서 브랜드 컬러와 사이드바 구성이 팀 도구 느낌을 만든다.
Use for open-source wiki layout, dark/light balance 참고
원본 출처 열기문서 편집 중 slash command 메뉴를 여는 화면
Takeaway 블록 에디터의 핵심은 빈 줄에서 무엇을 넣을 수 있는지 즉시 보여주는 것이다.
Use for slash menu taxonomy, insert menu 참고
원본 출처 열기위키 문서에 근거해 AI가 답변하는 화면
Takeaway AI가 문서 도구에 붙을 때는 답변보다 출처, 후속 질문, 공간 범위가 중요하다.
Use for RAG answer panel, source citation UX 참고
원본 출처 열기카드, 노트, 미디어를 무한 캔버스에 배치하는 화면
Takeaway 롱폼 작성 전에 생각을 카드로 펼치는 리서치 화면으로 강하다.
Use for canvas card system, spatial research 참고
원본 출처 열기에디터, 그래프, 패널이 조합된 데스크톱 사용 화면
Takeaway 파워유저는 하나의 문서보다 여러 패널을 조합한 개인 cockpit을 만든다.
Use for multi-pane workspace, plugin-ready UI 참고
원본 출처 열기블록 아웃라이너로 페이지를 작성하고 조작하는 화면
Takeaway 아웃라이너는 문서보다 조작 가능한 생각의 트리로 느껴진다.
Use for block-level editing, outline keyboard UX 참고
원본 출처 열기일일 페이지 템플릿을 자동으로 구성하는 화면
Takeaway daily note는 메모 앱의 inbox이자 루틴 진입점이다.
Use for daily note onboarding, template automation 참고
원본 출처 열기오른쪽 사이드바에 다른 페이지와 참조를 펼친 화면
Takeaway 병렬 사고를 돕는 보조 패널은 PKM의 강력한 사용 화면이다.
Use for context rail, backlinks, side pane 참고
원본 출처 열기전체 페이지 목록과 메타 정보를 보는 화면
Takeaway 링크 기반 앱도 결국 전체 목록, 수정일, 필터 같은 전통적 관리 화면이 필요하다.
Use for all notes index, metadata table 참고
원본 출처 열기모바일에서 노드를 빠르게 캡처하고 정리하는 화면
Takeaway 모바일 PKM은 전체 편집보다 빠른 capture와 triage가 먼저다.
Use for mobile capture, quick inbox 참고
원본 출처 열기홈 화면 위젯으로 즉시 캡처하는 화면
Takeaway 메모 앱의 진짜 모바일 UX는 앱 안보다 앱 밖 진입점에서 결정된다.
Use for widget capture, voice memo entry 참고
원본 출처 열기일일 노트, 연결 객체, 그래프 사이드바가 함께 보이는 화면
Takeaway 객체 기반 메모는 “파일이 아니라 것들”이라는 메시지를 화면으로 보여준다.
Use for object types, daily note, related panel 참고
원본 출처 열기Capacities 데스크톱 앱에서 객체와 페이지를 조작하는 화면
Takeaway 개인 PKM도 데스크톱에서는 좌측 탐색, 중앙 편집, 우측 맥락 패널이 반복된다.
Use for object workspace, desktop PKM layout 참고
원본 출처 열기카드, 화이트보드, 맵, 섹션 같은 기본 요소를 보여주는 화면
Takeaway 비주얼 PKM은 카드 단위와 공간 그룹핑을 제품 언어로 만든다.
Use for card whiteboard taxonomy 참고
원본 출처 열기실제 학습 주제를 카드와 화이트보드로 구성한 화면
Takeaway 학습 리서치에서는 정리된 문서보다 관계가 보이는 보드가 더 설득력 있다.
Use for learning board, map-based sensemaking 참고
원본 출처 열기Reflect에서 노트와 지식 그래프를 함께 보는 화면
Takeaway 그래프가 과하게 복잡하지 않고 개인 노트의 배경 맥락으로 작동한다.
Use for lightweight graph, personal notes 참고
원본 출처 열기캘린더와 연결 노트, 백링크가 같이 보이는 화면
Takeaway 개인 지식 앱은 시간 맥락과 관계 맥락을 같이 보여줄 때 강하다.
Use for calendar notes, backlink panel 참고
원본 출처 열기작성 중 관련 노트가 자동으로 떠오르는 화면
Takeaway AI 메모의 좋은 사용 화면은 답변창이 아니라 “지금 필요한 맥락”을 미리 보여주는 패널이다.
Use for related context, AI-assisted recall 참고
원본 출처 열기모바일에서 음성, 노트, 정리를 이어가는 화면
Takeaway AI 메모 앱의 모바일은 입력을 빠르게 받고 나중에 정리해주는 쪽이 좋다.
Use for voice note, mobile clean-up flow 참고
원본 출처 열기노트와 학습 카드 생성 흐름이 연결된 화면
Takeaway 학습 노트 앱은 기록과 복습이 끊기지 않아야 한다.
Use for inline flashcard creation, study workflow 참고
원본 출처 열기작은 카드 단위 노트를 모아 태스크와 기록을 관리하는 화면
Takeaway 짧은 생각 단위의 메모는 긴 페이지보다 카드 UI가 잘 맞는다.
Use for notecard unit, compact capture 참고
원본 출처 열기데스크톱과 모바일에서 카드형 노트를 쓰는 화면
Takeaway 카드형 노트는 크로스디바이스에서 동일한 mental model을 유지하기 쉽다.
Use for responsive note cards 참고
원본 출처 열기개인 피드처럼 메모를 쌓는 화면
Takeaway 제목 없는 빠른 메모는 타임라인 UI가 자연스럽다.
Use for private feed, markdown quick note 참고
원본 출처 열기하나의 중첩 리스트로 계획과 노트를 관리하는 화면
Takeaway 복잡한 메뉴 없이 indent, zoom, search만으로도 강한 메모 UX가 가능하다.
Use for minimal outliner, keyboard-first UX 참고
원본 출처 열기Bear의 Mac 글쓰기 화면
Takeaway 경량 메모 앱은 아름다운 타이포그래피와 집중감이 곧 기능이다.
Use for writing-first UI, tag-based notes 참고
원본 출처 열기UpNote의 데스크톱 에디터 화면
Takeaway Evernote 계열 앱은 노트 목록, 노트북, 에디터의 안정적 3열 구조가 여전히 먹힌다.
Use for classic notes IA, rich editor 참고
원본 출처 열기노트, 태스크, 캘린더성 정보가 한 화면에 모이는 화면
Takeaway 캡처형 메모의 오래된 정답은 모든 입력을 하나의 searchable place에 모으는 것이다.
Use for capture everything, notes and tasks 참고
원본 출처 열기공식 실사용 화면을 가장 우선했고, 공식 화면이 부족한 일부 제품은 실사용 리뷰/튜토리얼 컷을 보조로 썼습니다.
| 공식 도움말/문서 | Notion, Craft, Nuclino, Tana 등 실제 기능 설명용 화면. 가장 신뢰도가 높음. |
|---|---|
| 공식 사이트/블로그/GitHub | Obsidian Canvas, Logseq GitHub demo, Docmost slash menu, Memos GitHub demo 등. 제품 팀이 직접 공개한 사용 화면. |
| 실사용 리뷰/튜토리얼 | Roam, Workflowy, Anytype 일부, Mem Heads Up 등. 공식 화면이 부족한 경우 보조로 사용했고 카드에 명시함. |