본문 바로가기
SNS,웹사이트/스크랩북

온라인 협업시 활용하기 좋은 문서 작성 도구 4가지 - 가볍게 사용 가능한 UI/UX 툴 포함

by 프로그래머콩 2020. 3. 4.

아이디어 노트를 공유할 수는 없을까?

"내가 그린 대시보드, 플로우, 프로토 타이핑 바로바로 보면서 의견을 받을 수는 없을까?"
내 아이디어를 팀원들과 공유해서 즉각적인 의견을 주고받거나,

바로 수정하기도 하면서 작업(팀워크)의 효율을 높일 수 있는 툴들에 대해 소개해드리고자 합니다.
앞으로 소개해드릴 4가지 툴들은(초보) 개발자 입장에서 직접 사용했던 툴들입니다. 
그래서 디자이너, 기획자분들께서 보시기에는 다소 유용하지 못하다고 생각하는 툴들이 있을 수도 있으니 참고 바라며 다른 생각을 가지고 있으시거나 또 다른 툴에 대한 의견을 코멘트 해주시면 너무나도 감사하겠습니다.

 

 

 

 

카카오 오븐(Oven) 프로젝트

 

Oven(오븐)은 HTML5 기반의 무료 웹/앱 프로토타이핑 툴입니다. (카카오 제공)

 

 

 

이미 기본 구성은 갖춰진 컴포넌트(요소)를 도형 그리듯이 가져다 쓸 수 있어 빠른 프로토타입 작업이 가능합니다.

 

'공유'기능을 통해 프로토타입을 그린 문서를 같이 보거나 카피(복사) 해서 수정할 수 있음.

근데 공유한 문서를 팀원 들이 바로 수정하지는 못함.(방법 좀 알려주세요 누가)

 

 

https://ovenapp.io/

 

OvenApp.io

Oven(오븐)은 HTML5 기반의 무료 웹/앱 프로토타이핑 툴입니다. (카카오 제공)

ovenapp.io

 

 

 

 

 

 

구글 문서(google 드라이브 및 문서)

, 구글 프레젠테이션

오븐과 마찬가지로 공유 옵션 통해 팀원과 협업 가능합니다.

- 오븐과 차이점이 있다면? 


1. 구글 문서는 말 그대로 프레젠테이션(.pptx), 오피스 문서(.doc), 엑셀(.xls)등 문서가 유명(?) 하다. 이 문서 툴들은 완성된 컴포넌트들이 없어 프로토타입을 만드는데 적합한 툴은 아니다.


2. 대신 오븐과 다르게 공유 팀원 모두가 동시 수정이 가능하다는 점(공유 옵션 설정해주어야 함)은 많은 가능성을 야기한다.

https://www.google.com/intl/ko_kr/docs/about/

 

Google 문서 - 온라인에서 무료로 문서를 만들고 수정해 보세요.

Day 1 / Golden Gate Bridge The Golden Gate Bridge is a suspension bridge spanning the Golden Gate strait, the 1 mile wide, 3 mile long channel between San Francisco Bay and the Pacific Ocean. The structure links the U.S. city of San Francisco, on the north

www.google.com

 

 

 

에버노트

 

역시 공유가 가능하며, 공유한 문서에 대해 메시지를 주고받는 기능도 활성화되어 있습니다.

 

https://evernote.com/intl/ko/?ebcc=ebcc-katechang2830&gspk=ZWJjYy1rYXRlY2hhbmcyODMw&gsxid=ErCS3I2XoL0k

 

최고의 노트 필기 앱 - Evernote로 노트를 정리하세요

노트 필기 앱 Evernote는 아이디어를 캡처하고 프로젝트와 할 일 목록의 우선 순위를 지정해 빈틈없이 관리할 수 있도록 도와줍니다. 오늘 무료 시험사용을 시작하세요!

evernote.com

 

 

 

 

 

 

UXPin - 디자인 및 프로토 타이핑 문서화

(필자도 아직 사용은 안 해본)

 

편집관련 툴 만 조금 만져본 정도라 잘은 모르겠지만

스케치(sketch 44v) 툴이랑 오븐이랑 섞어놓은 느낌 이었습니다 

 

 

 

 

UI설계하고 공유하는 방향으로 사용을 해도 괜찮을것 같고

좀더 효율적으로 읽을 수 있는 문서를 만드는것도 좋을듯 했습니다

만든 문서 및 샘플들 몇몇개를 사이트에서 확인 할 수 있는데요

아래 링크처럼 '내 메일' 보내기 버튼 통해

다운로드 받아볼 수 있습니다.

 

https://www.uxpin.com/

 

UXPin - UI Design and Prototyping Tool

Design tool like no other. Prototypes that feel real, with powers of code components, logic, states and design systems. Join for free!

www.uxpin.com