정밀한 디자인 – Adobe XD 검토

2018년을 마무리하고 2019년을 맞이하면서 디자인 산업의 현황과 디자이너의 역할, UX 디자인 툴, 워크플로우를 살펴보겠습니다.

응집력 있는 디자인 시스템 구축부터 차세대 장치 혁신을 위한 흐름 디자인 또는 사용자 테스트를 위한 복잡한 인터페이스 프로토타이핑에 이르기까지 디자이너는 풍부한 UX 디자인 도구 중에서 선택할 수 있습니다. Sketch, 웹 기반 Figma, 공격적으로 성장하는 Adobe XD 또는 새로 도입된 InVision Studio와 같이 가장 인기 있는 프로그램 중 하나이든 간에 이 Adobe XD 검토를 포함하여 올바른 UX 디자인 도구에 익숙해지면 제품 디자인 프로세스의 속도가 빨라집니다.

올바른 UX 디자인 도구 선택하기

디자이너가 사용하는 도구를 살펴보면서 디자이너의 책임이 끊임없이 변화하고 확장된다는 점에 주목하는 것이 중요합니다. 불과 6~7년 전만 해도 사용자 경험 디자이너가 하는 일을 이해하는 사람은 거의 없었습니다. 오늘날 모든 디자이너는 최소한 일종의 사용자 조사, 프로토타입 제작 및 경쟁 분석을 수행해야 합니다.

이러한 변화는 디자이너가 워크플로, 도메인 지식, 기술 및 도구를 살펴봐야 하는 방식에 영향을 줍니다. 오늘날 고객들은 세련된 최종 제품뿐만 아니라 와이어프레임에서 프로토타이핑, 부드럽게 움직이는 UI에 이르기까지 모든 것을 기대하고 있습니다.

전문 분야를 확장하는 것은 단순히 돈을 벌기 위한 방법이 아니라 직업의 필수 조건이 되었습니다. 신제품 설계 프로세스는 일반적으로 새로운 도구를 의미합니다. 즉, 설계자는 사용 방법을 배우는 데 시간을 할애해야 합니다. 이것이 바로 지난 몇 년 동안 새로운 설계 도구의 출현이 그토록 가속화된 이유입니다.

디자이너가 Photoshop을 주요 디자인 도구로 사용하던 시대는 이미 지났습니다. 이제 초보자와 전문가 모두를 끌어들이기 위한 디자인 소프트웨어 플랫폼 경쟁입니다. Sketch는 몇 년 동안 주요 업체였으며 4,600만 달러 이상의 재정 지원을 받은 Figma는 웹 기반 대화형 프로토타이핑 도구를 따라잡고 있습니다.

최근 프로토타이핑 플랫폼인 InVision은 자체 디자인 도구인 InVision Studio로 이 분야에 진출하기로 결정했습니다. 모두가 기대했던 것만큼 빠르게 움직이지 않았기 때문에 Studio는 꽤 견고해 보이지만 초기 과대 광고에도 불구하고 여전히 다소 압도적이고 버그가 많은 것으로 유명합니다.

오랫동안 디지털 디자인 세계를 지배한 Adobe는 궁극적인 UX/UI 디자인 도구를 위한 경쟁에서 뒤쳐져 있습니다. 그 위치에 오래 머물 수 있는 여유가 없다면... Adobe XD로 들어가십시오. 경쟁에서 조금 늦었지만 Adobe XD는 인기를 얻었고 2016년 출시 이후 유망한 경쟁자가 되었습니다.

Adobe XD 검토: 기능 및 이점

어떤 사람들은 Adobe와 같은 거대 기업이 공룡이며 젊은 경쟁자만큼 민첩하지 못하다고 말할 수도 있습니다. 그러나 Adobe와 같은 회사는 Adobe XD를 마스터하는 것이 좋은 투자가 될 재정적 안정성뿐만 아니라 빠르게 발전할 수 있는 리소스를 보유하고 있습니다. 이는 Adobe XD를 매우 가치 있게 만들고 잠재적으로 미래를 위한 최고의 UX 디자인 도구로 만드는 엄청난 이점입니다.

Adobe XD 기능을 검토하기 전에 "우리가 이미 알고 있는 도구와 유사한 기능을 제공하는 새로운 도구를 배우는 데 시간을 할애할 가치가 있습니까?" 이에 대한 답을 찾기 위해 가격, 사용 편의성, 생태계 및 시장 점유율의 네 가지 기준을 살펴보겠습니다.

가격

Sketch 및 Figma와 같은 업계 인기 제품의 초기 성공 요인 중 하나는 상대적으로 저렴한 가격이었습니다. Adobe XD는 Adobe Creative Cloud 구독의 일부로 Photoshop, Illustrator, Premiere Pro 등과 같은 20개 이상의 앱에 월 50달러에 액세스할 수 있으므로 해당 제품에 대한 가격을 구체적으로 구분하기가 어렵습니다. 이미 구독하지 않은 경우 새로운 도구를 사용하는 데 그렇게 많은 비용을 지출하는 것을 정당화하기 어려울 수 있습니다.

그러나 2018년 5월 Adobe는 Adobe XD를 무료로 사용할 수 있는 스타터 플랜을 발표했습니다! 단 하나의 활성 프로젝트로 제한되지만 물을 테스트하고 제공해야 하는 모든 것을 시도할 수 있는 완벽한 방법입니다.

사용의 용이성

대부분의 디지털 디자이너는 어느 시점에서 Adobe 응용 프로그램을 사용하고 일반 인터페이스(왼쪽의 도구 패널, 중앙의 기본 영역, 오른쪽의 레이어 등)에 익숙합니다. Adobe XD의 장점은 사용하기 시작하자마자 집과 같은 편안함을 느낄 수 있다는 것입니다. 학습 곡선은 가벼우며 더 복잡한 디자인 시스템과 기호 재정의 주변에서 주로 발생합니다.

유사한 도구와 마찬가지로 Adobe XD는 복잡한 디자인 시스템과 심볼 라이브러리를 처리합니다. 또한 화면을 쉽게 연결하고 코드 없이도 사용자 테스트에 활용할 수 있는 대화형 프로토타입을 생성할 수 있는 직관적인 도구를 제공합니다. 최근 릴리스된 자동 애니메이트에서는 Adobe XD의 아트보드 전반에 걸쳐 마이크로 인터랙션을 자동으로 애니메이션함으로써 풍부한 인터랙션의 프로토타입을 훨씬 쉽게 만들 수 있습니다.

생태계

Adobe 에코시스템에 Adobe XD가 있다는 것은 이미 Creative Cloud를 보유하고 있거나 매주 다른 Adobe 제품을 사용할 가능성이 높기 때문에 가장 강력한 판매 포인트 중 하나입니다. 벡터에서 사진에 이르기까지 Adobe 제품군에는 Adobe XD와 매우 원활하게 작동하는 대부분의 디자이너 요구 사항을 위한 전용 도구가 있습니다.

시장 점유율

2017년 Adobe XD는 시장에서 평균 순위를 차지했으며 Sketch의 지배력을 가릴 수 없었습니다. 2년 후 Adobe는 빠르게 따라잡고(1,200만 이상의 Creative Cloud 구독자로) 빠른 성장을 계속할 수 있는 큰 잠재력을 보여주었습니다.

새로운 설계 도구를 배우는 데 시간을 할애할 가치가 있는지 질문으로 돌아가서 다음과 같이 생각할 수 있습니다. 망치가 있으면 못을 박을 수 있지만 나사를 제거할 수 없습니다. 언제 나사를 빼야 하는지 알 수 있습니다. Adobe XD의 인기가 높아짐에 따라 Adobe 제품에만 의존하는 팀이나 클라이언트를 만날 가능성도 높아집니다. 디자이너가 도구 상자에 더 많은 도구를 포함할수록 더 많은 디자인 프로젝트를 처리할 수 있고 더 많은 팀과 효과적으로 작업할 수 있습니다.

Adobe XD 기능 및 플러그인의 증가하는 목록

"Creative Cloud와의 통합을 통해 우리는 고객이 사용하는 모든 서비스와 강력하고 맞춤형 방식으로 애플리케이션을 확장하는 끝없는 도구에 연결함으로써 고객을 더 행복하고 생산적으로 만들 수 있습니다."– Vijay Vachani, 책임자 파트너 플랫폼 및 생태계, Adobe Creative Cloud.

"가볍고 기본적인" 것처럼 보이는 Adobe XD의 인터페이스는 복잡한 디자인 시스템과 심볼 라이브러리를 처리하므로 디자이너는 복잡한 디자인을 쉽게 만들고 업데이트할 수 있습니다. 디자인 및 사용자 테스트 프로세스만큼 중요한 것은 정교한 XD 프로토타입 및 애니메이션 도구입니다. 디자이너가 디자인에 대한 피드백을 받을 준비가 되면 UserTesting 및 Userlytics의 플러그인을 사용하면 프로그램을 종료하지 않고도 이를 수행할 수 있습니다.

모든 적절한 기능을 갖춘 최고의 UX 디자인 도구를 만드는 것은 InVision, Adobe 및 기타 회사와 같은 회사가 추구하는 것입니다. 작업은 방대하고 복잡하므로 이 목표를 달성하는 방법 중 하나는 플랫폼에서 플러그인을 개발하는 것입니다(다른 사람들도 동일한 작업을 수행하도록 권장).

이러한 정확한 목적을 위한 1천만 달러의 디자인 기금에 대한 Adobe의 최근 발표는 플러그인을 지원하고 개발자가 플러그인을 만들도록 장려하는 것의 중요성을 증명합니다. 최근 Adobe MAX 컨퍼런스에서 Adobe XD의 유틸리티를 확장하기 위한 플러그인, UI 키트 및 앱 통합과 관련된 몇 가지 중요한 발표가 있었습니다.

Sketch는 훌륭한 디자인 도구이지만 Runner, Color Accessibility Check, Magic Mirror, Auto Animate 등과 같은 타사 플러그인을 사용할 수 있기 때문에 Sketch가 정말 좋습니다. Adobe XD는 RenameIt, Pixel Perfect와 같은 플러그인으로 게임을 강화하고 있습니다. , 데이터 생성기 등 및 Trello, Dribbble, Google Sheets 등과의 통합

Adobe Creative Residency에서 새로운 인재를 호스팅하고 지원하는 데 돈을 쏟아붓는 방식으로 Adobe는 생태계의 중요한 이점을 유지하고 있습니다. 미래 성공의 또 다른 핵심 요소는 Adobe XD 팀이 잘 하고 있는 것입니다. 즉, 최종 사용자의 의견을 경청하고 사용자를 초대하여 개발할 다음 기능을 제안하고 찬성하도록 초대하여 개발 프로세스에 참여시키는 것입니다.

처음부터 Adobe XD는 "디자이너에서 디자이너로의 제품"으로 자리 잡았고 그들은 그 길을 충실히 지키고 있습니다. 매달 새로운 기능 세트가 출시됩니다. 예를 들어, 지난 몇 개월 동안 Adobe는 반응형 크기 조정, 시간 제한 전환, 맞춤법 검사, Jira 통합 등과 같은 새로운 Adobe XD 기능을 도입했습니다.

Adobe는 또한 최근 Adobe XD 도구 세트에 음성 프로토타이핑을 추가한다고 발표했습니다. 화면 UI 디자인 도구에서 기대할 수 있는 가장 명백한 기능은 아니지만 음성 명령 UI는 점점 더 보편화되고 있습니다.

Siri에서 Alexa 및 화면 너머의 다른 경험에 이르기까지 음성 기반 상호 작용이 기반을 다지고 있습니다. Adobe XD의 고유한 음성 프로토타이핑을 통해 디자이너는 빠르게 성장하는 추세를 따라갈 수 있습니다.

디자이너의 도구 상자 확장

다양한 회사와 다양한 프로젝트에서 작업하는 디자이너는 다양한 문제 해결 기술이 필요할 것입니다. 더 넓은 디자인 도구 상자는 다른 잠재적인 후보보다 큰 이점이 될 수 있습니다. 이것은 몇 달에 한 번씩 다른 클라이언트와 작업할 수 있는 프리랜서에게 특히 중요합니다. 조만간 특정 디자인 도구에 대한 전문 지식이 필요한 프로젝트가 시작될 것입니다. 해당 도구에 익숙하지 않으면 잠재적인 참여가 손실될 수 있습니다.

디자이너가 자신의 레퍼토리를 확장하는 데 집중해야 하는지 아니면 특정 전문 분야를 연마하는 데 집중해야 하는지에 대한 몇 가지 논쟁이 있습니다. Adobe XD는 빠르고 무료이며 쉽게 배울 수 있습니다.

Toptal Design 블로그에 대한 추가 정보:

• 최고의 UX 도구(인포그래픽 포함)
• Figma vs. Sketch vs. Axure - 작업 기반 검토
• VUI 디자인 – 음성 사용자 인터페이스
• 최고의 UX 디자이너 포트폴리오 - 영감을 주는 사례 연구 및 사례
• 손쉬운 프로토타입 제작 - InVision Studio 튜토리얼