Notion으로 마인드맵 사용하는 방법 정리

If you’re not Korean, click this link, I wrote the same post in English.

일전에 기획자가 사용하기 좋은 팁 3가지를 공유한적이 있다.
그리고 그 뒤 엄청난 사이트를 발견 공유하고자 한다.

https://whimsical.com/

whimsical 이라는 사이트인데 이 사이트는 flowcharts, wireframes, sticky notes, mind maps 을 모두 사용할 수 있고 notion 에 임배딩할 수 있는 훌륭한 기능을 제공한다.

FlowCharts 와 mindmap 은 지난번에 소개했던 ydp 와 xmind 두가지로 사용히 가능한데 노션에 이미지나 파일로 밖에 붙을 수 없다는 한계가 있어서 항상 아쉬웠는데 이 사이트는 그걸 모두 해결해 준다.

물론 좋은만큼 댓가를 치뤄야 한다.

1년으로 결제하면 1개월에 $1.0 정도의 비용이 발생한다. 근데 아직 다른 프로그램들을 구매하지 않은 상태라면. 이게 훨씬 좋다.
진짜 좋다. 난 이제 이것만 쓴다.

물론 notion 과 겹치는 기능이 있기는 하다. 그건 바로 sticky Notes 인데,
이건 trello 와 같이 기능을 제공한다. 그런데 이 기능을 notion 에서도 기본으로 제공한다.

나는 프로젝트를 시작하면 일단 트렐로 페이지를 열고 시작하는데 notion 을 사용하고 부터는 trello 를 사용하지 않는다.

새로운 사람들과 신규 프로젝트를 진행할때 대부분 trello 페이지를 열고 들어오라고 말하면 그때서야 가입하는 사람들이 대부분이라 어차피 새로 가입하고 사용할바에 Notion 을 사용하는 편이 이래저래 편하기 때문이다.

그래도 IT 종사자들이 아직까지 트렐로 계정하나 없는건 좀 심각한거 아닌가….

사용하기

암튼 이 사이트에서 제공하는 sticky Notes 와 비교해보고 마음에 드는 것을 사용하면 된다. (이건 내가 사용하지 않기 때문에 스샷이 없음..)

mindmap 과 flowcharts 는 설명할게 별로 없다. 하지만 WireFrame 에 대해서 이야기를 좀 할까 한다.

이런식으로 마인드맵이 가능하다. 사용법은 동일
플로우 차트도 마찬가지로 쉽게 사용할 수 있다.

wireframe

이건 진짜 물건이다.

물론 내가 작업한건 아니다. 공식 홈페이지에서 소개하는 이미지인데
저게 다 가능하다.

화면 구성 부터 색을 넣고 그에 필요한 대부분의 요소들이 다 있다.

나는 개인적으로 게임 기획이 본업이지만 웹이나 앱 개발 외주 작업을 많이 하는데 이게 참 효율이 좋다.
작업자와 Notion 페이지를 공유하고 필요한 기획 작업은 노션에 다 하는데 거기에 wireframe 까지 올려 놓으면 따로 문서를 만들거나 할 필요가 1도 없다.

수정 사항이 발생할때도 수정하고 바로 임배딩 코드만 바꿔주면 된다. 피드백을 주고 받는 속도가 엄청나게 빨라진다.
실무를 하다보면 쉽게 발생하는 문젠데

  1. 기획서 배포
  2. 수정 요청
  3. 수정 진행
  4. 기획서 재배포
  5. 피드백

보통 이런 과정을 거치는데 이 과정에서 수정 진행과 기획서 재배포에 딜레이가 생기면서 꽤 많은 부분의 피드백이 씹힌다.
그런데 notion 과 whimsical 를 사용하면 문서를 공유하고 배포하는 모든 과정을 스킵할 수 있다.


피드백을 주고 수정을 요청한 사람 입장에서도 문서를 기다릴게 아니라 작업해서 링크만 수정하면 바로바로 확인이 가능하고,
Notion 의 comment 기능으로 추가 피드백도 바로바로가능하지 본인의 시간을 많이 빼앗기지 않으니 좋다.

notion 임배딩하기

notion 을 좀 사용해본 사람을 알겠지만 “/” 를 누르면 메뉴가 호출된다. 여기서 /wh 라고 쓰면 whimsical 임배딩 메뉴가 나온다.

그리고 작업한 whimsical 의 링크를 넣고 Embed Whimsical 버튼을 누르면 끝.

진짜 쉽다. 이거 뭐 설명할것도 없다.

천하무적인가? (단점)

절대 그렇지 않다. 몇주 사용해 보니 이 사이트의 치명적인 단점이 있다.

바로 한글을 입력할때 space 키가 한번에 먹지 않는다는건데, 영어는 문제가 없다.
한글은 조합형 문자라 영문만 고려하고 만들어진 사이트의 입력 시스템이 space 1회를 인식하지 못한다.

그래서 항상 스페이스를 두번씩 눌러야 한다. ㅡㅡ;;

whimsical 에서 몇시간 작업하다가 노션에 작업을 하게 되면

이런 식 으로 글자와 글자 사이가 멀어지는 일이 생긴다.

슬프다… 근데 아마 이 부분은 한국 사용자들이 늘어나면 자연스럽게 보완될 사항이라고 본다. 대부분의 프로그램들도 다 그랬다. 얘라고 뭐…. ㅎㅎ

오늘은 notion 에 mindmap 사용하기 좋은 사이트에 대해서 알아 봤다.
다양한 도구를 사용해서 조금 더 스마트한 작업 환경을 구축해 보자.

그럼 다음 포스팅에서 만나자.

“Notion으로 마인드맵 사용하는 방법 정리”의 7개의 댓글

    1. 오오 좋은 정보 감사합니다! 찾아봐야겠어요 ㅎㅎ..
      근데 전 이미 이걸 1년 결제 했다는거 ㅠㅠㅠㅠ

  1. I’m reazlly enjoyung the design and layojt off your
    blog. It’s a very easy oon tthe eyes which makes itt much more enjoyable ffor me to come here and visit mor often. Didd you hiire outt a developedr to create your theme?
    Superb work!

  2. 핑백: 퍼즐처럼 맞춰지는 게임 디자인 (2) : 게임 아이디어 창출(2) | racoon's salon

댓글 남기기