• Skip to content
  • Skip to secondary menu
  • Skip to primary sidebar
  • Skip to footer

ㅍㅍㅅㅅ

필자와 독자의 경계가 없는 이슈 큐레이팅 매거진

  • Home
  • 스타트업
    • 마케팅
    • 투자
  • 시사
    • 경제
    • 국제
    • 군사
    • 사회
    • 언론
    • 역사
    • 정치
    • 종교
  • 문화
    • 게임
    • 교육
    • 덕후
    • 만화
    • 스포츠
    • 애니
    • 연예
    • 영화
    • 인문
    • 음악
    • 책
    • 학문
  • 테크
    • IT
    • SNS
    • 개발
    • 공학
    • 과학
    • 디자인
    • 의학
    • 환경
  • 생활
    • 건강
    • 부모
    • 성인
    • 여행
    • 영어
    • 음식
    • 패션
  • 특집
    • 개드립
    • 인터뷰
  • 전체글

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

2017년 7월 27일 by 뷰저블 Beusable

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

인포그래픽 크게 보기 / 설명 보기

 

~ MAKE

Turn ideas into products

Organizing Information

  1. GitHub: 오픈 소스와 비공개 프로젝트를 위한 협업 툴. 디자이너에게는 특히 프로젝트별 버전 관리에 유용
  2. Trello: 보드와 리스트, 카드를 사용하여 유연한 방식으로 프로젝트를 구성하고 우선순위를 지정할 수 있는 툴
  3. Coggle: 심플한 UI가 특징인 온라인 마인드맵 툴. 다운로드하지 않아도 로그인만으로 바로 사용 가능
  4. OptimalSort: 온라인 카드 소팅 서비스
  5. EVERNOTE: 메모 기능을 기반으로 다양한 파일 첨부와 웹 페이지 스크랩 등이 가능한 노트 클라우드 서비스
  6. mindmeister: 브레인스토밍, 메모, 프로젝트 기획 용도 등으로 사용할 수 있는 온라인 마인드맵 도구. 전 세계 700만 이상 유저가 사용 중
  7. Lucidchart: 전 세계 800만 이상 유저가 사용 중인 다이어그램 및 플로우 차트. Confluence, JIRA, 구글 드라이브, MS오피스 등으로 내보내기 가능

Wire-framing

  1. Microsoft Visio: 정보 시각화 툴. 고급 다이어그램, 프로세스 모델링, 데이터 시각화 기능을 갖추고 있으며 와이퍼프레임 용도를 위한 별도 가이드 제공 중
  2. moqups: 와이어프레임, 목업, 다이어그램, 프로토타입을 공동으로 작업할 수 있는 툴
  3. UXPin: 픽셀 단위의 와이어프레임 작업부터 자유로운 인터랙션 삽입, HTML을 활용한 공유 및 버전 관리, 작업물에 대한 공동 커뮤니케이션이 가능한 툴
  4. axure: UXPin과 마찬가지로 픽셀 단위 와이어프레임 작업은 물론 인터랙션 삽입과 HTML 기반 공유, 버전 관리, 공동 커뮤니케이션을 할 수 있는 프로토타이핑 툴
  5. wireframe.cc: 별도의 서비스 다운로드 필요 없이 바로 시작할 수 있는 미니멀 와이어프레임 툴
  6. pidoco: 협업과 내보내기가 손쉬운 온라인 와이어프레임 툴
  7. balsamiq: Adobe의 시니어 엔지니어가 2008년 창업한 웹 기반 목업 서비스. JIRA, Confluence, Google Drive와 연동됨

Prototyping

  1. Adobe Photoshop: Adobe에서 만든 가장 강력한 그래픽 디자인 툴
  2. Sketch3: Symbols과 Shared Style 등을 통해 빠르게 UI 요소를 만들고, 재플린과 연동하여 개발자와 손쉽게 결과물을 공유할 수 있는 툴
  3. Protopie: 깔끔한 UI와 학습하기 쉬운 기능들은 물론, 3D 터치와 디바이스 센서를 활용한 인터랙션까지 구현 가능한 프로토타이핑 툴.
  4. Origami: 페이스북 디자이너에 의해 만들어진 맥용 프로토타이핑 툴. 스케치와 연동되며 실시간으로 결과물 확인 가능
  5. Marvel: 스케치, 포토샵과 연동 가능한 프로토타이핑 툴. 심플한 UI로 누구나 손쉽게 인터랙션과 플로우를 설계 가능
  6. FLINTO: 맥에서 구동 가능한 프로토타이핑 툴. 간단한 조작만으로 매우 상세한 인터랙션과 플로우까지 추가 가능
  7. Invision: 빠르고 간단히 GUI 디자인에 인터랙션을 추가하고 의견을 추가하여 피드백을 주고받을 수 있는 툴

 

~ Check

See how users repond

Visual Analytics

  1. Beusable: 서비스상의 사용자 행동 데이터를 히트맵, 스트림 등으로 알기 쉽게 시각화하여 제공하는 국내 최고의 서비스
  2. Clicktale: 이스라엘에서 만들어진 디지털 고객 경험 및 웹 애널리틱스, 히트맵을 통해 사용자 로그 데이터를 시각화
  3. Hotjar: 구글 태그매니저, unbound, 워드프레스 등과 연동되는 비주얼 애널리틱스. 히트맵으로 사용자 데이터 시각화
  4. tealeaf: IBM의 Customer behavior Analytics로 히트맵 등의 기능 제공. 타 서비스에 비해 매우 고가
  5. mouseflow: 전 세계 10만 이상 유저가 사용 중인 비주얼 애널리틱스. 사용자 행동 데이터를 히트맵으로 시각화하여 제공
  6. Ptengine: 히트맵 & 웹 애널리틱스 플랫폼. 2010년 일본에서 설립되어 소니 뮤직, 소프트뱅크 등 2만 이상 고객 보유
  7. Crazyegg: 히트맵과 스크롤맵을 통해 전환율 개선에 도움을 주는 비주얼 애널리틱스

Analytics & Metrics

  1. Google Analytics: 전 세계에서 가장 많이 사용되고 있는 웹 애널리틱스
  2. Mixpanel: 서비스 사용자를 지목하여 해당 사용자의 활동을 모두 조회할 수 있는 기능을 제공하는 분석 툴
  3. Adobe Analytics: 기여도 및 세그먼트 분석은 물론 고급 머신 러닝을 바탕으로 미래까지 예측하는 애널리틱스
  4. webrends: 웹 사이트 분석, 측정, 테스팅 등을 실시할 수 있는 웹 최적화 툴로 전세계 5위권 이내의 점유율 차지
  5. KISSmetrics: 마케터와 제품 담당자를 위해 제작된 행동 분석 툴
  6. Clicktale: 경로, 전환율 등을 분석할 수 있는 기능 제공
  7. tealeaf: 기본적인 분석 기능과 함께 KPI를 자유롭게 설정할 수 있으며 대시보드 형태로 수치 제공
  8. Beusable: 실무에 꼭 필요한 핵심 지표와 퍼널, 사용자 경로 분석 기능을 제공

AB Testing

  1. Google Optimize: HTML 지식 없이도 단 몇 시간 만에 디자인부터 테스팅 환경 구축까지 끝낼 수 있는 구글의 AB테스팅 툴
  2. Optimizely: 구글 옵티마이즈를 개발한 엔지니어들이 나와 만든 AB 테스팅 서비스. 마이크로소프트, 넷플릭스 등 고객 보유
  3. VWO: 포인트 앤 클릭 에디터로 HTML 지식이 없어도 누구나 테스팅 페이지를 제작하여 테스트를 시작할 수 있는 툴
  4. Abode Target: 클릭 몇 번만으로 페이지를 제작하여 테스트를 시작할 수 있는 A/B 및 다변량 테스트(MVT) 툴
  5. unbounce: 랜딩 페이지와 캠페인 페이지를 전용 에디터로 누구나 쉽게 디자인하여 바로 테스트까지 해볼 수 있는 툴
  6. Beusable: A/B 테스팅 결과를 히트맵과 스트림 등 시각화된 결과로 비교 분석할 수 있는 서비스
  7. AB TASTY: 비주얼 에디터와 고유 위젯 라이브러리를 통해 쉽게 페이지를 수정하고 바로 테스트에 임할 수 있게 하는 서비스

Record Users

  1. Beusable: 사용자의 웹상에서의 행동을 시각화된 자료로 제공하는 세션 리포트 제공. 단번에 파악할 수 있는 특장점 보유
  2. hotjar: 사용자의 마우스 움직임과 입력 데이터 정보를 알려주는 세션 리플레이 기능 제공
  3. Jing: 스크린숏 캡처 서비스. Jing과 동일 기업이 만든 Snagit, Camtasia와 연동하여 사용할 것을 권장하고 있음
  4. lookback: 사용자의 화면과 얼굴, 음성, 터치를 별도의 장비 없이 사내 또는 원격으로 기록할 수 있는 서비스
  5. try my UI: 유저 테스팅 비디오 분석 시간을 획기적으로 줄이고 효율적으로 공유하여 관리할 수 있도록 도와주는 툴
  6. tealeaf: 유저 별 세션 리플레이 기능 제공
  7. what users do: 사용자의 서비스상의 움직임, 행동, 내뱉는 말 등을 비디오 레코딩으로 지원해주는 툴
  8. crazyegg: 사용자의 마우스 움직임을 리플레이 할 수 있는 기능 제공

 

~ Think

Pivot or Persevere

Recruiting Users

  1. Pivot Planet: 수백 가지가 넘는 전문 직업 카테고리 내 사람들을 간단히 모집할 수 있는 서비스(미국 유저 대상)
  2. Clarity: 마케터, 기업가 등 다양한 전문 직업군 사람들을 간단히 검색하여 연락할 수 있는 서비스(미국 유저 대상)
  3. ethnio: 개인, 원격 UX 리서치, 온라인 서베이 등 본인의 사용자 리서치 대상에 적합한 참가자를 검색하고 모집까지 할 수 있는 플랫폼
  4. hotjar: 일대일 테스트 및 인터뷰를 위해 사용자를 모집할 수 있는 레이어 기능 제공. 프로필 기반 커스텀 메시징 전송 가능

Online Surveys

  1. Polldaddy: 질문과 답변 개수에 제한 없이 설문지를 작성할 수 있도록 지원하는 서비스. 강력한 결과 리포팅 기능 제공
  2. hotjar: 모든 디바이스에서 반응형 서베이를 실시할 수 있도록 지원
  3. Survey Nuts: 사용자가 온라인 및 모바일 설문지를 신속하게 작성하고 답변을 수집하여 그 결과를 그래픽으로 볼 수 있도록 도와주는 서비스
  4. Survey Monkey: 세계 최대 무료 온라인 설문조사 서비스. 실시간으로 그래픽 처리된 결과 열람 가능
  5. Survey gizmo: 40가지가 넘는 질문 유형, 커스텀 테마 빌더, 반응형 테마, 번역 등의 강력한 기능 제공
  6. QuestionPro: 소프트웨어, 고객 만족도, 시장 조사, 직원 만족도 조사 등을 실시할 수 있는 온라인 설문조사 툴

Capture In-Site Feedback

  1. LiveChat: 전 세계 140개국 1만 9천 이상의 고객이 사용 중인 비즈니스를 위한 프리미엄 라이브 채팅 및 헬프 데스크 툴
  2. mouseflow: 특정 잠재 고객을 위한 대화형 설문조사를 만들어 사용자가 문제를 경험할 때 피드백을 제공할 수 있는 툴
  3. hotjar: 사용자에게 설정된 이벤트와 타깃팅 시간에 맞게 질문을 보낼 수 있는 피드백 폴 기능 제공
  4. Qualaroo: 자유롭게 편집 가능한 디자인의 레이어와 2분 만에 바로 셋업하여 시작할 수 있는 것이 특징인 설문조사 툴
  5. KAMPYLE: 반응형 레이어를 지원하며 자동으로 타깃팅된 고객에게 지정된 시간에 맞춰 설문조사를 실시할 수 있는 서비스
  6. iperceptions: Adobe, DELL, AUDI 등 글로벌 기업이 사용하고 있는 설문조사 툴

Testing Layouts Remotely

  1. Chalkmark: 온라인 및 원격으로 스크린샷을 테스팅할 수 있는 툴
  2. UsabilityHub: 홈페이지 첫인상, 사용자가 설계 의도대로 수행했는지 여부 등을 간단히 질문하며 테스트할 수 있는 툴
  3. UsersThink: 사이트의 특정 페이지를 선택하여 해당 페이지에 대한 의견을 실제 미국 전역의 사용자에게 발송해 24시간 내 서면 결과로 받아볼 수 있는 서비스

원문: 뷰저블 Beusable의 브런치

Filed Under: 테크

필자 뷰저블 Beusable twitter

웹사이트에 방문한 사용자 행태를 시각화된 데이터로 제공하는 뷰저블입니다. 빨리 퍼 나르기보다는 직접 고민한 깊이 있는 글을 담고자 합니다.

Primary Sidebar

SPONSORED

RECOMMENDED

Footer

ㅍㅍㅅㅅ

등록번호: 서울, 아03293
등록일자: 2014년 8월 18일
제호: ㅍㅍㅅㅅ
발행인: 이승환
편집인: 이승환
주소: 서울특별시 서초구 강남대로 369 12층
발행일자: 2014년 8월 18일
전화번호: 010-2494-1884
청소년보호책임자: 이승환
Privacy Policy

Copyright © 2025 · Magazine Pro on Genesis Framework · WordPress · Log in