이 최고의 UX 도구로 기술을 마스터하세요

적절한 UX 도구를 사용하는 것은 협업적이고 원활하며 전반적으로 매우 효과적인 디자인 워크플로와 느리고 비생산적이며 책임지지 않는 워크플로를 갖는 결정적인 차이가 될 수 있습니다.

최신 도구 및 기술을 최신 상태로 유지하고 디자이너가 이를 사용하여 보다 효율적으로 만들고 공동 작업할 수 있는 흥미로운 방법을 배우는 것이 중요합니다. 일부 도구는 팀의 규모, 디자인 프로세스의 단계 및 이미 워크플로의 일부인 기타 도구에 따라 다른 도구보다 더 효과적입니다.

2018년에 팀이 놀라운 일을 하는 데 도움이 되는 와이어프레이밍 및 프로토타이핑에서 UX 연구 및 분석에 이르기까지 최고의 UX 도구를 살펴보겠습니다.

디자인 + 프로토타이핑 + 디자인 핸드오프 도구

인비전/인비전 스튜디오

플랫폼: 웹(Sketch 및 Photoshop과 통합) 및 macOS
가격: 개인의 경우 $13/월, 5인 팀의 경우 $89/월

참고: 가격은 무료인 InVision Studio가 아닌 핵심 InVision 웹 앱에 적용됩니다.

InVision은 틀림없이 가장 강력한 UX 도구입니다. 이를 통해 Sketch 및 Photoshop 디자이너는 정적 화면을 가져와 동적 프로토타입으로 변환하고 이해 관계자는 실행 가능하고 관리 가능한 작업으로 변환할 수 있는 건설적인 피드백을 제공할 수 있습니다. 이를 사용자 테스트 및 협업 화이트보드 기술과 결합하면 InVision 웹 앱은 매우 중요하고 인상적인 도구가 됩니다.

2017년에 InVision은 새로운 디자인 핸드오프 기능을 출시했으며, 2018년에 InVision은 고급 애니메이션 및 프로토타이핑 기능을 포함하는 무료 UX 디자인 도구인 Studio를 출시하면서 완전한 올인원 솔루션이 되었습니다.

하나의 구독으로 가득 채워진 도구 상자를 원하는 팀을 위해 InVision이 있습니다.

프레이머

플랫폼: macOS
가격: 개인 사용자의 경우 $12/월 또는 3인 팀의 경우 $250/월

제공 측면에서 Framer는 InVision과 가장 유사한 도구입니다. 둘 다 성숙한 웹 인터페이스와 새로운 UX 디자인 도구를 결합하기 때문입니다. 이 두 가지의 개인 취향에 따라 다르지만 Framer가 개인에게 약간 더 저렴한 경우 InVision은 디자인 협업과 관련하여 분명히 더 큰 형제입니다.

피그마

플랫폼: 웹, macOS 및 Windows
가격: 스타터 팀은 무료 또는 $12/월

Figma는 개발 초기에 멀티플레이어 디자인을 위한 선도적인 도구로 두각을 나타내어 여러 디자이너가 한 번에 동일한 디자인 파일에서 작업할 수 있도록 했습니다. 반응형 디자인을 생성하고 전달 기능을 추가할 수 있는 기능을 통해 웹, macOS 및 Windows 버전의 제품에서 이러한 기능을 제공한 것이 인상적입니다.

활기차고 협업적인 디자인 워크플로를 즐기고 있다면 Figma가 적합합니다.

어도비 XD

플랫폼: Windows 및 macOS
가격: 프로토타입 1개 무료 또는 프로토타입 무제한 $20.99/월

Sketch가 와이어프레임 및 인터페이스 디자인을 위한 최고의 도구가 되었을 때 Adobe는 Photoshop이 디자이너에게 필요한 UI 디자인 도구가 될 수 없다는 사실을 거의 인정할 수밖에 없었습니다. Adobe는 Sketch가 제공하지 않는 Windows 사용자가 Adobe XD를 사용할 수 있도록 하기로 결정했으며 사용자 흐름을 프로토타이핑하고 디자인을 검사하는 기능도 내장하여 Adobe 에코시스템에 익숙한 베테랑 디자이너가 익숙한 워크플로를 고수할 수 있도록 지원합니다.

UX핀

플랫폼: 웹
가격: 사용자 1명의 경우 월 $8.10부터, 팀을 위한 다른 옵션 포함

UXPin은 디자인, 와이어프레이밍, 프로토타이핑, 협업, 사용자 테스트, 핸드오프의 모든 것을 단일 웹 애플리케이션에서 제공하는 완전한 제품 디자인 플랫폼입니다. 단점은 UXPin이 기능의 수, 복잡한 인터페이스 및 부피가 큰 웹 앱에서 종종 나타나는 성능 지연으로 인해 사용하기 더 어려운 도구 중 하나라는 것입니다. 그러나 디자인 시스템과 같은 인상적인 기능과 웹 프레임워크 및 Bootstrap 및 Google Fonts와 같은 기술을 활용하는 기능이 필요한 기업 팀은 이를 너무 빨리 간과해서는 안 됩니다.

디자인 + 프로토타이핑 도구

스케치

플랫폼: macOS
가격: $99/년

Photoshop은 2015년 와이어프레이밍 및 인터페이스 디자인 모두를 위한 최고의 디자인 도구가 되면서 Sketch에 왕관을 넘겨주었고 2017년 현재에도 여전히 주도적인 역할을 하고 있습니다. 화면 디자인에 대한 Sketch의 혁신적인 접근 방식은 아트보드, 심볼 및 내보내기와 같은 귀중한 기능을 도입하여 Adobe XD, Framer Studio 및 InVision Studio와 같은 새로운 디자인 도구의 물결을 불러일으켰습니다. 이 놀랍도록 직관적이고 가벼운 벡터 도구는 UI 디자이너가 이전보다 훨씬 빠르게 반복할 수 있도록 도와줍니다.

그러나 여기에 "하지만"이 있습니다( 큰 일이지만): Windows에서는 Sketch를 사용할 수 없으며 게임 후반부에 디자이너 프로토타이핑을 위한 도구를 구현하기로 한 그들의 결정은 경쟁업체가 InVision으로 빠르게 이 시장을 점유했음을 의미합니다. 오늘날 사용 가능한 가장 동적인 프로토타이핑 도구임에는 틀림이 없습니다. Sketch 기능을 인상적인 플러그인 카탈로그(Flinto, Zeplin, Marvel, Principle 및 InVision 자체와 통합 포함)로 맞춤화할 수 있지만 일부 디자이너는 상자.

대체로 Sketch는 아이디어 및 와이어프레이밍에 탁월하거나 더 나은 프로토타이핑 및 협업 도구를 추가하기 위해 도구 상자를 채우는 데 신경 쓰지 않는 사용자에게 적합합니다.

웹플로우

플랫폼: 웹
가격: 단일 사이트 개인, 여러 사이트 및 팀을 대상으로 하는 다양한 옵션

Webflow는 단일 구독으로 코드 없이 반응형 웹사이트를 구축하고 호스팅하려는 현대 디자이너를 위한 WYSIWYG 편집기입니다. Webflow는 깨끗하고 시맨틱한 코드를 출력하므로 그럴 필요가 없으며 웹 디자이너가 정적 웹사이트에서 전자 상거래 상점에 이르기까지 무엇이든 만들 수 있는 강력한 기능을 제공합니다.

원칙

플랫폼: macOS
가격: $129/년

디자인 도구보다 프로토타입 제작 도구에 가깝지만 높은 평가를 받은 Principle 앱은 충실도가 높은 프로토타입에 중점을 두고 타임라인 애니메이션을 사용하여 Sketch 및 Adobe XD가 지원하지 않는 고급 마이크로 인터랙션을 디자인하는 디자이너를 위한 것입니다. 디자인 기능이 귀하의 요구에 충분히 정교하지 않은 경우, Principle은 Sketch와 통합됩니다.

프로토타이핑 도구(전용)

플린토

플랫폼: macOS
가격: $99/년

Flinto는 스프링 및 여유, 3D 회전, 스크롤 효과를 포함한 고급 애니메이션 도구를 사용하여 전환 및 마이크로 상호 작용을 한 단계 더 발전시키고 트렌디한 디자이너가 애니메이션을 비디오, GIF 및 Dribbble 샷으로 내보낼 수도 있습니다.

Flinto는 상호작용의 프로토타이핑에만 초점을 맞추고 있지만 잘 수행하고 있습니다. 최상의 결과를 얻으려면 Sketch와 페어링하십시오.

종이접기

플랫폼: macOS
가격: 무료/오픈 소스

Origami는 Facebook의 디자인 팀에서 개발한 앱 프로토타이핑 도구입니다. Flinto와 유사하지만(가격표 제외) 유사한 도구만큼 자주 유지되지 않으며 상호 작용을 설계하는 논리 기반 접근 방식으로 인해 학습 곡선이 더 가파르게 됩니다.

예산이 부족한 디자이너의 경우 Origami는 살펴볼 가치가 있습니다.

프로토타이핑 + 디자인 핸드오프 도구

마블

플랫폼: 웹
가격: 개인의 경우 $0-12/월, 팀의 경우 $42-84/월

SSO 및 핸드오프 기능이 필요한 엔터프라이즈 팀은 직접 문의해야 합니다.

Marvel은 마스터하기 가장 쉬운 것으로 알려진 온라인 프로토타이핑 도구이지만 동적 프로토타이핑 기능과 관련하여 InVision만큼 정교하지 않고 완전한 디자인 + 프로토타이핑 솔루션이 되려면 Sketch와의 통합이 필요하다는 단점이 있습니다. . 즉, Lookback과 통합되어 사용자 테스트를 테이블로 가져오고 디자인 핸드오프 기능을 포함합니다.

Marvel은 또한 팀(디자이너가 아닌 경우에도)이 아트보드를 선택하고 모양과 텍스트를 사용하여 충실도가 낮은 아이디어를 설명할 수 있도록 하여 디자인 스프린트에 이상적입니다(특히 사용자가 종이 프로토타입을 저 충실도 Marvel 프로토타입으로 변환할 수 있기 때문에).

디자인 핸드오프 도구(전용)

제플린

플랫폼: 웹
가격: 프로젝트 1개는 무료, 3개 및 12개 프로젝트는 월 $17, 월 $26

대규모 조직의 경우 $7.65/user/month 옵션은 고급 사용자 권한과 프로젝트 간에 색상 및 텍스트 스타일을 복사하는 기능을 제공합니다.

Zeplin은 최근에 이미 존재하는 Sketch 및 Photoshop CC 통합과 함께 Adobe XD 및 Figma 통합을 추가한 경쟁업체인 Sympli 및 Avocode를 지속적으로 능가했습니다. 많은 올인원 도구가 기능 목록에 디자인 핸드오프를 추가했지만 Zeplin은 그렇지 않은 도구(Sketch, Photoshop)와 아직 핸드오프 기능을 실험 중인 도구(Adobe XD, Figma)의 공백을 채웁니다.

와이어프레임 + 프로토타이핑 도구

액셔

플랫폼: Windows 및 macOS
가격: Pro/Team/Enterprise 사용자의 경우 $29/49/99/사용자/월

Axure RP 8의 일회성 구매도 $495부터 가능합니다.

Axure는 와이어프레임 및 대략적인 프로토타입의 디자인을 위해 특별히 제작되었으며 데이터 기반의 동적 적응형 모형을 쉽게 만들 수 있도록 하는 기능이 함께 제공되므로 고품질 UX 프로토타이핑 기능이 없는 도구라는 사실을 잊어버릴 수 있습니다. 와이어프레임과 프로토타이핑에만 집중하는 디자이너에게 Axure는 Fortune 100대 기업의 87%가 사용하는 최고의 선택입니다.

저스틴마인드

플랫폼: Windows 및 macOS
가격: 사용자/월 $19 또는 엔터프라이즈 팀의 경우 사용자/월 $39

Justinmind는 고급 UX 프로토타이핑, 협업, 일부 기본 디자인 도구, 와이어프레이밍을 위한 500개 이상의 웹 및 모바일 위젯 등 제공하는 것에 대해 충분한 사랑을 받지 못하고 있습니다. 와이어프레임은 많은 경쟁 프로토타이핑 앱이 초점을 맞추는 것이 아니므로 Justinmind는 그렇게 하는 몇 안 되는 UX 도구 중 하나입니다.

와이어프레임 도구(전용)

옴니그래플

플랫폼: macOS
가격: $100 또는 Pro 라이선스의 경우 $200

OmniGraffle은 다이어그램 기능이 있는 와이어프레이밍 도구로, 사용자 흐름 또는 정보 아키텍처에 더 많은 주의가 필요한 앱 및 웹사이트에 유용합니다. 기본 macOS 앱인 인터페이스는 매우 친숙하여 ​​마스터하기 쉬운 UX 도구입니다.

OmniGraffle에는 매우 편리한 기능이 있습니다. 바로 사용할 수 있는 "스텐실", 끌어서 놓기 방식으로 재사용 가능한 디자인 구성 요소를 디자이너가 와이어프레임, 모형 또는 최종 시각적 디자인을 구축하는 데 사용할 수 있는 "스텐실 라이브러리"입니다. 사용자는 자신의 라이브러리를 만들 수 있으며 웹에서 다운로드할 수 있는 수천 개의 스텐실 라이브러리가 있으며 대부분은 무료이므로 시간과 노력을 절약할 수 있습니다.

Graffletopia는 무료 및 유료 라이브러리가 혼합된 웹상에서 가장 큰 스텐실 보관소 중 하나입니다. 1,100개가 넘는 스텐실이 있는 Graffletopia는 모바일 앱, 웹사이트, 네트워크 다이어그램, 순서도 등을 디자인하는 모든 용도에 사용할 수 있습니다.

발사믹

플랫폼: 웹, macOS 및 Windows
가격: 클라우드 액세스의 경우 사용자/연간 $90, 데스크탑 앱의 경우 $89

Balsamiq은 Justinmind의 반대이며 프로토타이핑보다 와이어프레임에 더 중점을 둡니다. 내장된 UI 요소는 스케치 아웃된 시각적 미학을 사용하여 브레인스토밍을 장려하고 제품 관리자와 개발자, 와이어프레임 디자이너를 대상으로 하므로 전체 팀이 초기에 디자인 프로세스의 일부가 될 수 있습니다.

UX 연구 및 테스트 도구

룩백

플랫폼: 웹
가격: 기능에 따라 $49/사용자/월 또는 $99/사용자/월

Lookback은 UX 디자인 프로세스에 실시간 중재 사용자 테스트를 도입하여 디자이너가 전 세계 모든 사람의 얼굴, 화면 및 음성을 녹음할 수 있도록 합니다. Marvel을 프로토타이핑 도구로 사용하는 팀의 경우 Lookback은 Marvel과 원활하게 통합됩니다.

사용자 테스트

플랫폼: 웹
가격: $49/테스트(최소 15개 테스트), 엔터프라이즈 옵션 사용 가능

UserTesting은 기능 측면에서 Lookback과 유사합니다. 경험 많은 사용자 테스터의 방대한 레퍼토리가 있는 훌륭한 독립 실행형 사용자 테스트 도구이지만(Marvel을 사용하면 사용자 테스터를 직접 찾아야 함), UserTesting도 InVision과 원활하게 통합됩니다.

아이퀀트

플랫폼: 웹
가격: 개인의 경우 $499/월, 10명으로 구성된 팀의 경우 $999/월(+ 엔터프라이즈 옵션)

Eyequant는 기계 학습을 사용하여 팀이 더 나은 설계 결정을 내리고 CRO 노력을 개선할 수 있도록 지원합니다. 높은 가격표는 일부 고객을 망설일 수 있지만 투자하는 고객은 사용자 시뮬레이션, 메트릭 분석, A/B 테스트 최대한 활용하는 방법 등에 대한 교육을 받습니다.

핫자르

플랫폼: 웹
가격: 일일 페이지뷰 수에 따라 가격 변동

Hotjar를 사용하면 사용자 피드백을 분석, 히트맵, 클릭맵, 스크롤맵 및 방문자 기록과 결합하여 팀이 사용자 경험을 쉽게 최적화할 수 있습니다. 히트맵과 클릭맵은 각각 사용자가 이동하고 마우스를 클릭하는 위치를 나타내는 반면 스크롤맵은 사용자가 관심을 잃을 수 있는 지점을 나타냅니다.

미친 계란

플랫폼: 웹
가격: 20,000 페이지뷰에 대해 $29/월부터

Hotjar와 마찬가지로 Crazy Egg는 히트맵 및 방문자 기록으로 사용자 행동을 분석하여 사용자 경험과 전환율을 최적화하는 데 사용되지만 작동하는 것과 작동하지 않는 것을 해독하는 데 도움이 되는 사용하기 쉬운 A/B 테스트 도구 도 포함되어 있습니다.

최적의 작업장

플랫폼: 웹
가격: $166/사용자/월, 무료 및 엔터프라이즈 옵션 사용 가능

Optimal Workshop은 카드 정렬, 설문 조사, 트리 테스트, 첫 번째 클릭 테스트 및 정성적 데이터 검색에 중점을 둔 사용자 연구 도구입니다.

분석 도구

구글 애널리틱스

플랫폼: 웹
가격: 무료

Google Analytics는 가장 영감을 주거나 가장 유용한 인터페이스를 자랑하지는 않지만 무료 도구에 대해 상당한 양의 데이터를 제공하므로 사용자 연구를 위한 적절한 출발점이 되고 다른 도구에서 추가로 탐색하고 싶은 통찰력을 얻을 수 있습니다. .

믹스패널

플랫폼: 웹
가격: 100만 데이터 포인트당 99달러부터, 무료 및 엔터프라이즈 옵션 사용 가능

Mixpanel을 사용하면 경영진에서 단순한 기여자에 이르기까지 누구나 데이터를 사용하여 보다 전략적인 결정을 내릴 수 있습니다. Google Analytics에 비해 인터페이스가 더 친숙하므로 디자이너는 Mixpanel을 사용하여 사용자 여정을 분석하고, 사용자가 제품에 참여하는 방법을 배우고, 복잡한 행동 분석을 해독하는 것이 더 쉽다는 것을 알게 될 것입니다.

펜도

플랫폼: 웹
가격: 가격은 필요한 사용자 수와 기능에 따라 결정됩니다.

대부분의 다른 분석 도구에 비해 훨씬 단순한 인터페이스를 갖춘 Pendo를 사용하면 디자이너가 NPS(순 프로모터 점수)를 추적하고, 사용자를 분류하고, 유입경로 및 사용자 여정을 최적화하는 등 최고의 웹사이트 분석 도구에서 기대할 수 있는 모든 것을 할 수 있습니다. 그 외에도 디자이너는 추적된 데이터를 기반으로 대상 발표, 상황별 도움말 및 맞춤형 경험을 제공할 수 있습니다.

결론

올바른 UX 도구를 선택하려면 신중한 고려가 필요합니다. 비용, 다른 디자이너 및 이해 관계자와의 필요한 협업 수준, 플랫폼 및 원활한 워크플로를 유지하기 위해 통합해야 하는 기타 도구를 고려해야 합니다. 선택 범위를 좁혔다면 무료 평가판에 등록하고 5일 간의 디자인 스프린트를 실행하여 물을 테스트하는 것을 고려하십시오.