- 뷰저블이 UX 디자인 프로세스 별 툴을 인포그래픽으로 정리하였습니다.
안녕하세요 뷰저블입니다. 여러분의 생각과 아이디어를 정리하고, 시각화하는 데 어떤 툴을 사용하시나요?
또 만들어진 서비스를 분석하거나 사용자 테스트를 하기 위해서는 어떤 툴을 선택해야 할까요? 여러분의 업무 효과를 달성시키고 서비스 성장을 가속화할 UX 툴을 뷰저블이 인포그래픽으로 정리하였습니다.
인포그래픽은 클릭하면 큰 이미지로 보실 수 있으면서 하단에서 파일을 다운로드 하실 수도 있습니다.
Turn ideas into products
1) GitHub https://github.com
오픈 소스와 비공개 프로젝트를 위한 협업 툴. 디자이너에게는 특히 프로젝트 별 버전 관리에 유용
2) Trello https://trello.com
보드와 리스트, 카드를 사용하여 유연한 방식으로 프로젝트를 구성하고 우선 순위를 지정할 수 있는 툴
3) Coggle https://coggle.it/
심플한 UI가 특징인 온라인 마인드맵 툴. 다운로드하지 않아도 로그인만으로 바로 사용 가능
4) OptimalSort https://www.optimalworkshop.com/optimalsort
온라인 카드 소팅 서비스
5) EVERNOTE https://evernote.com/intl/ko
메모 기능을 기반으로 다양한 파일 첨부와 웹 페이지 스크랩 등이 가능한 노트 클라우드 서비스
6) mindmeister https://www.mindmeister.com/ko
브레인스토밍, 메모, 프로젝트 기획 용도 등으로 사용할 수 있는 온라인 마인드맵 도구. 전 세계 700만 이상 유저가 사용 중
7) Lucidchart https://www.lucidchart.com/
전 세계 800만 이상 유저가 사용 중인 다이어그램 및 플로우 차트. Confluence, JIRA, 구글드라이브, MS오피스 등으로 내보내기가 가능
1) Microsoft Visio https://goo.gl/ZtZFb5 정보 시각화 툴. 고급 다이어그램, 프로세스 모델링, 데이터 시각화 기능을 갖추고 있으며 와이퍼프레임 용도를 위한 별도 가이드 제공중
2) moqups https://moqups.com
와이어프레임, 목업, 다이어그램, 프로토타입을 공동으로 작업할 수 있는 툴
3) UXPin https://www.uxpin.com/
픽셀 단위의 와이어프레임 작업부터 자유로운 인터랙션 삽입, HTML을 활용한 공유 및 버전관리, 작업물에 대한 공동 커뮤니케이션이 가능한 툴
4) axure http://axure.com/
UXPin과 마찬가지로 픽셀 단위 와이어프레임 작업은 물론 인터랙션 삽입과 HTML 기반 공유, 버전관리, 공동 커뮤니케이션을 할 수 있는 프로토타이핑 툴
5) wireframe.cc https://wireframe.cc/
별도의 서비스 다운로드 필요 없이 바로 시작할 수 있는 미니멀 와이어프레임 툴
6) pidoco https://pidoco.com/en
협업과 내보내기가 손쉬운 온라인 와이어프레임 툴
7) balsamiq https://balsamiq.com/
Adobe의 시니어 엔지니어가 2008년 창업한 웹 기반 목업 서비스. JIRA, Confluence, Google Drive와 연동 됨
1) Adobe Photoshop http://www.photoshop.com/
Adobe에서 만든 가장 강력한 그래픽 디자인 툴
2) Sketch3 https://www.sketchapp.com/
Symbols과 Shared Style 등을 통해 빠르게 UI 요소를 만들고, 재플린과 연동하여 개발자와 손쉽게 결과물을 공유할 수 있는 툴
3) Protopie https://www.protopie.io/
깔끔한 UI와 학습하기 쉬운 기능들은 물론, 3D 터치와 디바이스 센서를 활용한 인터랙션까지 구현 가능한 프로토타이핑 툴.
4) Origami http://origami.design/
페이스북 디자이너에 의해 만들어진 맥용 프로토타이핑 툴. 스케치와 연동되며 실시간으로 결과물 확인 가능
5) Marvel https://marvelapp.com/
스케치, 포토샵과 연동 가능한 프로토타이핑 툴. 심플한 UI로 누구나 손쉽게 인터랙션과 플로우를 설계 가능
6) FLINTO https://www.flinto.com/
맥에서 구동 가능한 프로토타이핑 툴. 간단한 조작만으로 매우 상세한의 인터랙션과 플로우까지 추가 가능
7) Invision https://www.invisionapp.com/
빠르고 간단히 GUI 디자인에 인터랙션을 추가하고 의견을 추가하여 피드백을 주고 받을 수 있는 툴
See how users repond
1) Beusable https://www.beusable.net
서비스 상의 사용자 행동 데이터를 히트맵, 스트림 등으로 알기 쉽게 시각화하여 제공하는 국내 최고의 서비스
2) Clicktale https://www.clicktale.com
이스라엘에서 만들어진 디지털 고객 경험 및 웹 애널리틱스, 히트맵을 통해 사용자 로그 데이터를 시각화
3) Hotjar https://www.hotjar.com
구글 태그매니저, unbound, 워드프레스 등과 연동되는 비주얼 애널리틱스. 히트맵으로 사용자 데이터 시각화
4) tealeaf https://www01.ibm.com/software/info/tealeaf
IBM의 Customer behavior Analytics로 히트맵 등의 기능 제공. 타 서비스에 비해 매우 고가
5) mouseflow https://mouseflow.com
전 세계 10만 이상 유저가 사용 중인 비주얼 애널리틱스. 사용자 행동 데이터를 히트맵으로 시각화하여 제공
6) Ptengine https://www.ptengine.com
히트맵 & 웹 애널리틱스 플랫폼. 2010년 일본에서 설립되어 소니 뮤직, 소프트뱅크 등 2만 이상 고객 보유
7) Crazyegg https://www.crazyegg.com
히트맵과 스크롤맵을 통해 전환율 개선에 도움을 주는 비주얼 애널리틱스
1) Google Analytics https://www.google.com/analytics
전세계에서 가장 많이 사용되고 있는 웹 애널리틱스
2) Mixpanel https://mixpanel.com
서비스 사용자를 지목하여 해당 사용자의 활동을 모두 조회할 수 있는 기능을 제공하는 분석 툴
3) Adobe Analytics https://goo.gl/65iXyR
기여도 및 세그먼트 분석은 물론 고급 머신 러닝을 바탕으로 미래까지 예측하는 애널리틱스
4) webrends https://www.webtrends.com
웹 사이트 분석, 측정, 테스팅 등을 실시할 수 있는 웹 최적화 툴로 전세계 5위권 이내의 점유율 차지
5) KISSmetrics https://www.kissmetrics.com/
마케터와 제품 담당자를 위해 제작 된 행동 분석 툴
6) Clicktale https://www.clicktale.com/
경로, 전환율 등을 분석할 수 있는 기능 제공
7) tealeaf https://www-01.ibm.com/software/info/tealeaf/
기본적인 분석 기능과 함께 KPI를 자유롭게 설정할 수 있으며 대시보드 형태로 수치 제공
8) Beusable https://www.beusable.net/
실무에 꼭 필요한 핵심 지표와 퍼널, 사용자 경로 분석 기능을 제공
1) Google Optimize https://www.google.com/analytics/optimize/
HTML 지식 없이도 단 몇 시간만에 디자인부터 테스팅 환경 구축까지 끝낼 수 있는 구글의 AB테스팅 툴
2) Optimizely https://www.optimizely.com/
구글 옵티마이즈를 개발한 엔지니어들이 나와 만든 AB 테스팅 서비스. 마이크로소프트, 넷플릭스 등 고객 보유
3) VWO http://vwo.com/
포인트 앤 클릭 에디터로 HTML 지식이 없어도 누구나 테스팅 페이지를 제작하여 테스트를 시작할 수 있는 툴
4) Abode Target https://goo.gl/xo3hXs
클릭 몇 번만으로 페이지를 제작하여 테스트를 시작할 수 있는 A/B 및 다변량 테스트(MVT) 툴
5) unbounce https://unbounce.com/
랜딩 페이지와 캠페인 페이지를 전용 에디터로 누구나 쉽게 디자인하여 바로 테스트까지 해볼 수 있는 툴
6) Beusable https://www.beusable.net/
A/B 테스팅 결과를 히트맵과 스트림 등 시각화된 결과로 비교 분석할 수 있는 서비스
7) AB TASTY https://www.abtasty.com/us/
비주얼 에디터와 고유 위젯 라이브러리를 통해 쉽게 페이지를 수정하고 바로 테스트에 임할 수 있게 하는 서비스
1) Beusable https://www.beusable.net/
사용자의 웹 상에서의 행동을 시각화 된 자료로 제공하는 세션 리포트 제공. 단 번에 파악할 수 있는 특장점 보유
2) hotjar https://www.hotjar.com/
사용자의 마우스 움직임과 입력 데이터 정보를 알려주는 세션 리플레이 기능 제공
3) Jing https://www.techsmith.com/jing.html
스크린샷 캡쳐 서비스. Jing과 동일 기업이 만든 Snagit, Camtasia와 연동하여 사용할 것을 권장하고 있음
4) lookback https://lookback.io/
사용자의 화면과 얼굴, 음성, 터치를 별도의 장비없이 사내 또는 원격으로 기록할 수 있는 서비스
5) try my UI https://www.trymyui.com/
유저 테스팅 비디오 분석 시간을 획기적으로 줄이고 효율적으로 공유하여 관리할 수 있도록 도와주는 툴
6) tealeaf https://www-01.ibm.com/software/info/tealeaf/
유저 별 세션 리플레이 기능 제공
7) what users do https://www.whatusersdo.com/
사용자의 서비스 상의 움직임, 행동, 내뱉는 말 등을 비디오 레코딩으로 지원해주는 툴
8) crazyegg https://www.crazyegg.com/
사용자의 마우스 움직임을 리플레이 할 수 있는 기능 제공
Pivot or Persevere
1) Pivot Planet https://www.pivotplanet.com/
수 백가지가 넘는 전문 직업 카테고리 내 사람들을 간단히 모집할 수 있는 서비스 (미국 유저 대상)
2) Clarity https://clarity.fm/
마케터, 기업가 등 다양한 전문 직업군 사람들을 간단히 검색하여 연락할 수 있는 서비스 (미국 유저 대상)
3) ethnio https://ethn.io/
개인, 원격 UX 리서치, 온라인 서베이 등 본인의 사용자 리서치 대상에 적합한 참가자를 검색하고 모집까지 할 수 있는 플랫폼
4) hotjar https://www.hotjar.com/
일대일 테스트 및 인터뷰를 위해 사용자를 모집할 수 있는 레이어 기능 제공. 프로필 기반 커스텀 메시징 전송 가능
1) Polldaddy https://polldaddy.com/
질문과 답변 개수에 제한 없이 설문지를 작성할 수 있도록 지원하는 서비스. 강력한 결과 리포팅 기능 제공
2) hotjar https://www.hotjar.com/
모든 디바이스에서 반응형 서베이를 실시할 수 있도록 지원
3) Survey Nuts https://surveynuts.com/
사용자가 온라인 및 모바일 설문지를 신속하게 작성하고 답변을 수집하여 그 결과를 그래픽으로 볼 수 있도록 도와주는 서비스
4) Survey Monkey https://ko.surveymonkey.com/
세계 최대 무료 온라인 설문조사 서비스. 실시간으로 그래픽 처리된 결과 열람 가능
5) Survey gizmo https://www.surveygizmo.com/
40가지가 넘는 질문 유형, 커스텀 테마 빌더, 반응형 테마, 번역 등의 강력한 기능 제공
6) QuestionPro https://www.questionpro.com/
소프트웨어, 고객 만족도, 시장 조사, 직원 만족도 조사 등을 실시할 수 있는 온라인 설문조사 툴
1) LiveChat https://www.livechatinc.com/
전 세계 140개국 1만 9천 이상의 고객이 사용중인 비즈니스를 위한 프리미엄 라이브 채팅 및 헬프 데스크 툴
2) mouseflow https://mouseflow.com/
특정 잠재 고객을 위한 대화형 설문조사를 만들어 사용자가 문제를 경험할 때 피드백을 제공할 수 있는 툴
3) hotjar https://www.hotjar.com/
사용자에게 설정된 이벤트와 타겟팅 시간에 맞게 질문을 보낼 수 있는 피드백 폴 기능 제공
4) Qualaroo https://qualaroo.com/
자유롭게 편집 가능한 디자인의 레이어와 2분만에 바로 셋업하여 시작할 수 있는 것이 특징인 설문조사 툴
5) KAMPYLE http://www.kampyle.com/
반응형 레이어를 지원하며 자동으로 타겟팅 된 고객에게 지정된 시간에 맞춰 설문조사를 실시할 수 있는 서비스
6) iperceptions https://www.iperceptions.com/
Adobe, DELL, AUDI 등 글로벌 기업이 사용하고 있는 설문조사 툴
1) Chalkmark https://www.optimalworkshop.com/chalkmark
온라인 및 원격으로 스크린샷을 테스팅할 수 있는 툴
2) UsabilityHub https://usabilityhub.com/
홈페이지 첫인상, 사용자가 설계 의도대로 수행했는지 여부 등을 간단히 질문하며 테스트할 수 있는 툴
3) UsersThink http://usersthink.com/
사이트의 특정 페이지를 선택하여 해당 페이지에 대한 의견을 실제 미국 전역의 사용자에게 발송해 24시간 내 서면 결과로 받아볼 수 있는 서비스
*여러분의 실전 UX 디자인을 위해 위 이미지를 PDF파일로 변환하여 제공해 드립니다:)
저작자와 출처 등을 표시하면 자유이용을 허락합니다.
단 영리적 이용과 2차 저작물의 작성은 허용되지 않습니다.
뷰저블은 항상 여러분의 성공을 응원합니다.
누구나 빠르게 UX 분석을 시작할 수 있습니다!
뷰저블로 여러분도 지금 새로운 인사이트를 얻어보세요.