brunch

You can make anything
by writing

C.S.Lewis

by 뷰저블 Beusable Jul 19. 2017

당신의 서비스 성장을 가속화할 UX Tool의 모든 것

- 뷰저블이 UX 디자인 프로세스 별 툴을 인포그래픽으로 정리하였습니다.

안녕하세요 뷰저블입니다. 여러분의 생각과 아이디어를 정리하고, 시각화하는 데 어떤 툴을 사용하시나요?

또 만들어진 서비스를 분석하거나 사용자 테스트를 하기 위해서는 어떤 툴을 선택해야 할까요? 여러분의 업무 효과를 달성시키고 서비스 성장을 가속화할 UX 툴을 뷰저블이 인포그래픽으로 정리하였습니다.



인포그래픽은 클릭하면 큰 이미지로 보실 수 있으면서 하단에서 파일을 다운로드 하실 수도 있습니다.




~ MAKE

Turn ideas into products


Organizing Information

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오피스 등으로 내보내기가 가능



Wire-framing

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와 연동 됨



Prototyping

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 디자인에 인터랙션을 추가하고 의견을 추가하여 피드백을 주고 받을 수 있는 툴




~ Check

See how users repond


Visual Analytics

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

히트맵과 스크롤맵을 통해 전환율 개선에 도움을 주는 비주얼 애널리틱스



Analytics & Metrics

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/

실무에 꼭 필요한 핵심 지표와 퍼널, 사용자 경로 분석 기능을 제공



AB Testing

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/

비주얼 에디터와 고유 위젯 라이브러리를 통해 쉽게 페이지를 수정하고 바로 테스트에 임할 수 있게 하는 서비스



Record Users

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/

사용자의 마우스 움직임을 리플레이 할 수 있는 기능 제공




~ Think

Pivot or Persevere


Recruiting Users

1) Pivot Planet https://www.pivotplanet.com/

수 백가지가 넘는 전문 직업 카테고리 내 사람들을 간단히 모집할 수 있는 서비스 (미국 유저 대상)


2) Clarity https://clarity.fm/

마케터, 기업가 등 다양한 전문 직업군 사람들을 간단히 검색하여 연락할 수 있는 서비스 (미국 유저 대상)


3) ethnio https://ethn.io/

개인, 원격 UX 리서치, 온라인 서베이 등 본인의 사용자 리서치 대상에 적합한 참가자를 검색하고 모집까지 할 수 있는 플랫폼


4) hotjar https://www.hotjar.com/

일대일 테스트 및 인터뷰를 위해 사용자를 모집할 수 있는 레이어 기능 제공. 프로필 기반 커스텀 메시징 전송 가능



Online Surveys

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/

소프트웨어, 고객 만족도, 시장 조사, 직원 만족도 조사 등을 실시할 수 있는 온라인 설문조사 툴



Capture In-Site Feedback

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 등 글로벌 기업이 사용하고 있는 설문조사 툴



Testing Layouts Remotely

1) Chalkmark https://www.optimalworkshop.com/chalkmark

온라인 및 원격으로 스크린샷을 테스팅할 수 있는 툴


2) UsabilityHub https://usabilityhub.com/

홈페이지 첫인상, 사용자가 설계 의도대로 수행했는지 여부 등을 간단히 질문하며 테스트할 수 있는 툴


3) UsersThink http://usersthink.com/

사이트의 특정 페이지를 선택하여 해당 페이지에 대한 의견을 실제 미국 전역의 사용자에게 발송해 24시간 내 서면 결과로 받아볼 수 있는 서비스





*여러분의 실전 UX 디자인을 위해 위 이미지를 PDF파일로 변환하여 제공해 드립니다:)





저작자와 출처 등을 표시하면 자유이용을 허락합니다.

단 영리적 이용과 2차 저작물의 작성은 허용되지 않습니다.





뷰저블은 항상 여러분의 성공을 응원합니다.

누구나 빠르게 UX 분석을 시작할 수 있습니다!

뷰저블로 여러분도 지금 새로운 인사이트를 얻어보세요.


www.beusable.net

매거진의 이전글 사이트 개선을 위한 실전 UX 분석 보고서 작성법
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari