레퍼런스 분석 : Concepts 모바일 앱 - [제로베이스 UIUX 디자인스쿨 R05]

donghyeok·2024년 9월 8일
post-thumbnail


Concepts는 무한한 캔버스와 벡터 드로잉을 제공하는 스케치 앱입니다. 가볍고 직관적인 UI를 통해 빠른 아이디어 스케치와 시각적 노트 작성 등의 가벼운 작업에 유용하며 렌더링 스케치, 시각화 작업 등의 복잡한 드로잉도 Concepts의 강력한 기능으로 문제없이 수행할 수 있습니다.

Concept의 강력하며 유연한 도구들을 사용해 다양한 사용자 요구에 부합하는 결과물을 만들 수 있습니다. 저도 단순한 스케치와 메모부터 와이어프레임, 그래픽 시안 등의 작업에 활용해 종이 스케치를 대체하는 유일한 드로잉 도구로 사용하고 있습니다.

Concepts는 모바일과 데스크탑을 지원하지만 펜을 지원하는 태블릿에서 활용성이 가장 높으며, iPad와 애플펜슬 사용시 더욱 강력한 기능을 제공합니다. 이번 포스트에서 Concepts의 ipadOS 앱을 분석하며, 생산성 카테고리 앱의 UIUX적인 특징과 주요 사용자를 살펴봅니다.


1. 서비스 분석 (Concepts의 강점)

디스플레이 위에 마치 연필과 종이와 같지만 더 좋은 사용자 경험을 구현했습니다


Concepts는 생각하고 계획하고 창작하는 과정에 초점을 두었습니다. 어느 방향으로든 무한히 확장되는 캔버스를 제공하며 모든 그리기 도구는 벡터 형태로 만들어져 복사, 수정, 공유가 빠르고 유연합니다. 일례로, 대지 위에 그린 개체를 선택해 드래그하면 원하는 위치로 자연스럽게 옮길 수 있으며, 정교한 스케치를 도와주는 스냅핑과 레퍼런스 등의 디지털 기능을 핸드드로잉 경험과 결합해 보다 쉽고 직관적인 사용 경험을 만드는데 집중했습니다.


다른 드로잉 앱과 차별화되는 Concepts의 가장 큰 특징은 벡터 기반 드로잉 시스템입니다. 무한대로 확대해도 선명도가 유지되며 더욱 세세한 묘사가 가능합니다. 방대한 양의 간단한 스케치를 그리더라도 그린 요소들을 쉽게 편집하고 수정할 수 있습니다. SVG, DXF 등 다양한 벡터 형식의 내보내기를 지원해 다른 그래픽 도구와 자연스레 연동되는 워크플로우를 만들 수 있습니다.

Concepts는 크로스 플랫폼 앱으로 대부분의 OS를 지원해 다른 도구로 연동하는 워크플로우를 만드는데 유리합니다. iOS, Windows, Android, ChromeOS 등 다양한 플랫폼을 지원하고 클라우드 서비스 연결을 지원해 기기 간 경계를 허물어 어디서든 작업과 공유에 용이합니다.

색상 시스템을 지원해 전문가에게 사용 되며 전체 워크플로우에서 영역을 넓힐 수 있습니다. 여러 환경에서 사용되는 많은 색상 시스템을 지원하며, Copic 색상 팔레트를 제공해 현실적인 드로잉과 색상 선택을 돕습니다.


2. 핵심 화면 분석

메인 내비게이션 페이지


  1. 새 그림을 시작하거나, 새 폴더를 추가합니다. 파일, 사진, 클립보드를 불러올 수 있으며, 카메라를 열어 사진을 추가하는 작업을 진행합니다.
  2. 사이드바를 숨기거나 표시하는 버튼입니다. 현재 위치의 이름이 표시됩니다.
  3. 유료 구독, 기능 구매 및 크레딧을 충전할 수 있는 페이지로 이동합니다.
  4. 계정을 추가 혹은 기존 계정에 로그인 페이지로 이동합니다.
  5. 도움말 기능입니다. 튜토리얼과 뉴스피드, 업데이트를 제공하며, 커뮤니티의 창의적인 조언을 찾을 수 있습니다.
  6. 사이드바에 모든 그림들을 폴더 단위로 표시하여 탐색할 수 있습니다. 폴더를 탭하여 관리할 수 있으며 'New Folder'를 탭해 추가할 수 있습니다. 'Recently Deleted' 를 탭해 최근 삭제된 항목을 관리합니다.
  7. 상위 폴더의 이름으로, 돌아가려면 탭합니다.
  8. 현재 폴더 이름으로, 탭하여 이름을 바꿉니다.
  9. 프로젝트 설명을 여기에 입력합니다.
  10. 작업물을 정렬하는 기능입니다. 만든 날짜, 업데이트한 날짜, 폴더 또는 없음으로 그룹화할 수 있습니다.
  11. 이름, 만든 날짜 또는 업데이트 날짜별로 그림들을 정렬할 수 있습니다.
  12. 폴더에는 내부의 작업물을 포함할 수 있으며, 최근 편집된 작업물을 표시합니다.
  13. 작업물의 변경된 영역을 썸네일로 표시합니다. 이름을 바꾸거나 다른 옵션을 사용하려면 길게 누릅니다.
  14. 1번의 새 그림을 빠르게 만들고 여는 단축키입니다. 화살표를 탭해 가져오기 등 더 많은 옵션을 확인할 수 있습니다.

작업 영역


  1. 작업물의 제목과 설정, 편집 도구들을 커스터마이징하는 옵션을 제공하는 헤더입니다.
  2. 자주 사용하는 도구 8개를 각각 구성할 수 있습니다. 원하는 경우 캔버스 옆으로 끌어서 놓아 바 형태의 도구 모음으로 변경할 수 있습니다.
  3. 색상 팔레트를 제공하며 좌우로 스크롤해 팔레트를 변경할 수 있습니다. 길게 탭하면 팔레트를 그라데이션으로 변경해 보다 다양한 색상을 선택할 수 있습니다..
  4. 레이어 기능을 제공합니다. 도구 별로 레이어가 자동으로 변경되며, 수동으로 레이어를 선택하는 모드를 제공합니다.
  5. 정확한 드로잉을 위한 그리드, 스냅, 측정 및 모양 가이드를 설정할 수 있는 영역입니다.
  6. 프리셋, 사용자 심볼 등의 현재 활성화된 라이브러리를 제공해, 빠르게 작업 영역에 배치할 수 있습니다.

벡터 기반 드로잉 도구와 무한 확장이 가능한 캔버스, 직관적인 인터페이스, 전문가용 컬러 시스템 등의 기능들은, 기존에는 각각의 별도의 프로그램으로 사용하거나, 특수한 장비를 사용해 이용할 수 있어 그 접근성이 낮았습니다.

하지만 Concepts는 모바일 디바이스에서 이러한 강력한 기능들을 손쉽게 사용할 수 있는 통합 솔루션으로 구현했으며, 전문 디자이너, 일러스트레이터, 건축가 등 다양한 창의 직군의 사용자들이 언제 어디서나 고품질의 작업을 할 수 있게 되었습니다.

특히 크로스 플랫폼 지원으로 태블릿, 데스크톱, 스마트폰 등 다양한 기기에서 작업이 가능하며, 실시간 클라이언트 공유 기능까지 더해져 프리랜서 사용자들의 업무 효율성과 생산성을 크게 향상시키고 있습니다.




3. 사용자 분석

유연하고 강력한 기능을 제공해 라이트 유저와 헤비 유저까지 필요한 기능을 제공합니다.


Concepts 앱은 전문 디자이너, 일러스트레이터, 건축가 및 엔지니어, 그리고 창의적인 아이디어를 필요로 하는 다양한 직군의 사용자들에게 사랑받고 있습니다.

유저 페르소나

민지(27세, 여성)는 프리랜스 일러스트레이터로 활동하고 있습니다. 중상급 수준의 기술을 보유하고 있으며, 클라이언트의 요구에 맞는 고품질 일러스트레이션을 빠르게 제작하는 것이 주된 목표입니다.

민지는 주로 태블릿으로 작업하지만, 때때로 데스크톱 환경에서도 일합니다. 작업 중 클라이언트와 실시간으로 작업을 공유하며, 대규모 프로젝트 관리의 어려움을 겪곤 합니다.

Concepts 앱은 민지에게 벡터 기반 드로잉으로 고품질 작업이 가능하고, 크로스 플랫폼 지원을 통해 다양한 기기에서 작업할 수 있으며, 무한 캔버스로 대규모 프로젝트 관리가 용이한 등의 혜택을 제공합니다. 이를 통해 민지는 작업 시간을 단축하고 효율성을 높일 수 있습니다.

유저 시나리오

민지는 Concepts 앱을 실행하고 로그인합니다. 새로운 프로젝트를 생성하고, 펜 도구를 선택한 뒤 고급 컬러 팔레트에서 마음에 드는 색상을 고릅니다. 그리고 무한 캔버스에서 자유롭게 스케치를 시작합니다. 작업 중 레이어를 추가하고 관리하며, 필요시 캔버스를 확대/축소하거나 이동합니다.

작업이 완성되면 JPG, PNG, SVG 등으로 내보내기를 합니다. 그리고 클라이언트에게 실시간으로 작업 결과를 공유합니다. 하지만 데스크톱 환경에서 터치 기반 인터페이스가 불편하고, RGB/HSV 등 고급 색상 조정 기능이 제한적이라는 점이 아쉽습니다.


4. 개선점 제안

조금 아쉽지만 이런 개선점이 있었으면 좋겠습니다.

Concepts 앱은 전문가 사용자를 위한 강력한 디지털 캔버스로 자리 잡고 있지만, 데스크톱 환경의 최적화와 고급 색상 조정 기능 개선이 필요할 것으로 보입니다. 또한 유료 기능에 대한 가치 제안을 보다 명확히 하여 사용자의 구매 결정을 돕는 것이 중요할 것 같습니다.


profile
재밌는 일을 하고 싶어요

0개의 댓글