Unity 검색

공유

Is this article helpful for you?

Thank you for your feedback!

콘텐츠 제작 툴 Unity 에디터의 UX(User Experience, 사용자 경험)를 개선하기 위해 더욱 편리하고 효율적인 디자인으로 새롭게 선보입니다.

수많은 크리에이터가 Unity를 사용하여 매월 멋진 콘텐츠와 인터랙티브 경험을 제작하고 있습니다. 지난 몇 년 동안 Unity는 꾸준히 성장하여 열정적이고 광범위한 사용자층을 보유한 세계 최고의 실시간 제작 플랫폼으로 부상했습니다. 사용 편의성효율성은 오랜 기간 동안 빈번하게 사용되는 생산성 툴이 반드시 갖춰야 하는 조건입니다.

따라서 이번에는 새로운 기능보다 에디터 디자인핵심 상호작용, 워크플로를 중점적으로 개선했습니다.

Unity 에디터의 새로운 UX 디자인은 최신 2019.3 베타 릴리스에 반영되어 있으며, 앞으로 더 많은 부분이 개선될 예정입니다. 에디터 UX 업그레이드는 여러 단계에 걸쳐 출시될 예정이며, 다음과 같은 사항을 목표로 하고 있습니다.

  • 모던한 디자인:보다 깔끔하고 전문적인 디자인으로 에디터 사용 경험을 개선합니다.
  • 편의성:Unity 사용자 인터페이스는 업계 표준과 일관성을 추구합니다.
  • 접근성:다양한 레벨의 사용자가 모두 편하게 사용할 수 있어야 합니다.
  • 효율성:간소화된 워크플로와 명확하고 최적화된 UI(User Interface, 사용자 인터페이스)를 제공하여 효율적으로 작업할 수 있게 합니다.

이 블로그 게시글에서는 2019.3버전과 이전 릴리스 버전을 통틀어 Unity 에디터의 UX 개선 사항을 요약해서 소개합니다.

현대적인 디자인

좋은 디자인은 실용성과 기능, 심미성을 모두 갖춰야 합니다. 제품은 그 목적에 맞게 디자인해야 하며, 사용 용이성과 워크플로를 염두에 둬야 합니다. Unity 에디터 인터페이스는 지난 몇 년에 걸쳐 계속 업데이트되었습니다. Unity 생태계의 성장에 발맞추어 에디터에 일관된 디자인을 도입하고 통합된 경험을 제공하고자 합니다.

테마UI 전반에 걸쳐 밝은 테마와 어두운 테마에 새로운 컬러와 처리 기법을 적용하여 선명도를 높였습니다. 더 가볍고 미니멀한 디자인을 도입하여 사용자가 콘텐츠와 워크플로에 집중할 수 있도록 했습니다. 예를 들어, UI에서 그레디언트를 제거하여 산만함을 줄이는 한편 사용자 피드백에 따라 UI의 깊이 수준을 유지하여 컨트롤이 시각적으로 분명하게 구분되도록 했습니다.

아이콘: 아이콘은 Unity 에디터 UI의 필수 요소이며 오브젝트, 액션 및 콘셉트를 시각적으로 표현합니다. 아이콘은 전체 에디터 디자인을 깔끔하게 만드는 동시에 화면에 많은 자리를 차지하지 않으면서도 한눈에 의미를 전달하는 등 여러 이점이 있습니다.

Unity 에디터 UX 개선 과정에서 Unity Hub, 서비스 대시보드 및 기타 유니티 웹에서 볼 수 있는 디자인으로 아이콘을 통일하였습니다. 새 아이콘은 Unity의 시각적 정체성을 더 뚜렷하게 나타냅니다. 각 아이콘은 다양한 크기로 제작되어 HDPI 등 다양한 디스플레이 유형 및 해상도 전반에서 최적으로 렌더링되므로 아이콘이 모든 화면에 선명하게 표시됩니다.

새로워진 에디터 및 Hub 애플리케이션 아이콘: Windows 작업 표시줄 및 MacOS 도크에 표시되는 아이콘을 클릭하면 해당 애플리케이션이 실행됩니다. 새로운 애플리케이션 아이콘은 유니티를 상징하는 Unity 큐브를 새롭게 나타낸 것으로, 에디터는 검은 바탕에 흰색 큐브가, Hub는 흰 바탕에 검은 큐브가 표시됩니다. 현대적 디자인을 담은 두 아이콘은 Unity 생태계의 다른 디자인과 결을 같이 하며 유니티의 지속적인 디자인 발전과 조화에 대한 관심을 나타냅니다.

새로워진 UI 폰트텍스트는 모든 사용자 인터페이스에서 중요한 역할을 합니다. Unity 에디터처럼 정보의 밀도가 높은 경우 UI 텍스트의 가독성은 더더욱 중요합니다. 하지만 운영체제마다 같은 폰트를 다르게 렌더링하기 때문에 다양한 플랫폼에서 일관된 품질로 텍스트를 표시하기가 힘듭니다. Unity 에디터에서 오랜 기간 사용했던 폰트는 품질 및 렌더링 문제가 있어 가독성을 높이고 새로운 UI를 보완하는 새로운 폰트를 도입했습니다. 여러 폰트를 두고 고민한 끝에, 유니티는 컴퓨터 화면용으로 만들어진 현대적인 폰트 Inter를 채택했습니다. 이 폰트는 가독성이 매우 뛰어나며 눈의 피로를 최소화합니다. 또한 낮은 DPI 및 높은 DPI를 포함하여 모든 운영체제 및 화면에서 효과적으로 렌더링됩니다.

또한 UI 텍스트에 접근성을 고려한 추가적인 개선 사항이 이루어졌습니다. 기존에 드롭다운 메뉴 및 텍스트 필드의 텍스트 크기가 매우 작았으나 다양한 사용자층을 배려하여 최소 텍스트 크기를 늘렸습니다.

핵심 상호 작용 및 컨트롤 개선

Unity 에디터에는 많은 워크플로에서 빈번하게 사용되는 핵심 상호 작용(마이크로 인터랙션)과 컨트롤이 다수 포함됩니다. 유니티는 효율성 및 사용 편의성을 향상하기 위해 기존 상호 작용 문제를 해결할 뿐 아니라 컨트롤 품질을 개선하기 위한 장단기 계획을 세워 실천해 나가고 있습니다.

이 영역에서는 다음과 같은 사항이 개선되었습니다.

  1. 포커스: Unity 에디터는 여러 개의 창이 열려 있고 동시에 사용되는 밀집된 환경이어서 어떤 창이 현재 활성화되어 있는지 추적하기 어렵습니다. 이 문제를 해결하기 위해 사용자의 입력을 수신하고 있는 활성 창을 명확하게 표현하는 시각적 표시자인 파란 선을 도입했습니다. 이를 통해 컨텍스트를 강화함으로써 사용자가 집중하고 흐름을 유지하도록 돕습니다.
  2. 개선 사항: 이전에는 UI의 탭 너비가 고정되어 있어서 탭에 포함되는 텍스트의 길이에 따라 텍스트 간격이 일정하지 않은 경우가 발생하기도 했습니다. 이제는 탭의 너비가 텍스트의 길이에 맞게 정해지므로 텍스트 주변의 간격이 일정합니다. 또한 번역된 텍스트 문자열은 언어마다 길이가 다르므로 이러한 유연성은 현지화 작업까지 수월하게 합니다.
  3. 새로운 콘텐츠 추가: 콘텐츠 추가는 모든 제작 소프트웨어에서 중요한 상호 작용입니다. 요즘 사용자는 제작 워크플로를 시작할 때 더하기(+) 버튼을 먼저 찾습니다. 공간 낭비를 줄이고 크리에이터에게 익숙한 경험을 제공하기 위해 Unity 에디터에도 동일한 버튼을 추가했습니다.

마우스 오버: 상호 작용의 느낌을 강화하기 위해 에디터 컨트롤에 마우스 오버 상태를 추가했습니다. 마우스 오버는 사용자가 어떤 요소와 상호 작용 중인지를 명확히 하고 툴팁에 대한 프롬프트 역할을 합니다.

워크플로 개선

Unity에서 사용자가 수행하는 모든 작업은 워크플로의 일부입니다. 워크플로란 사용자가 목표를 달성하기 위해 수행하는 일련의 단계로 정의됩니다. Unity에는 복잡도 및 세분화의 정도가 다른 수백 가지의 워크플로가 있어 경험을 개선하고 간소화할 기회가 많습니다.

2018 및 2019 릴리스를 시작으로 아래와 같은 주요 워크플로 개선 사항을 구현했습니다.

 

프로젝트 설정: 사용자들은 오래전부터 프로젝트 설정(Project Settings)을 개선할 필요가 있다고 지적해왔습니다. 이전에는 메인 메뉴를 통해 각 설정 페이지에 액세스할 수 있었으며 페이지는 인스펙터에 표시되었습니다. 즉, 사용자는 수정할 설정을 찾기 위해 여러 번 클릭해야 하며, 각 설정 페이지가 인스펙터에 종속되어 있기 때문에 다른 창에서 어떤 항목을 선택한 경우 페이지가 사라지기도 했습니다. 이제 모든 설정 페이지가 하나의 고정 가능한 창으로 통합되었습니다. 사용자는 페이지별로 탭과 사이드바를 사용하여 쉽게 탐색할 수 있으며 프로젝트 설정 워크플로가 간소화되었습니다. 또한 검색 상자를 통해 특정 설정을 빠르게 찾을 수 있는 기능을 추가했습니다. 클릭 한 번으로 프로젝트 설정 페이지 간에 전환이 가능하게 되어 효율성이 크게 향상했습니다. 또한 더 효율적이고 일관된 경험을 제공하기 위해 동일한 창 레이아웃 및 동작을 환경 설정 창에도 적용했습니다.

빠른 검색: 수백 또는 수천 개의 에셋 및 게임 오브젝트가 있는 대규모 게임을 빌드할 때는 특정 콘텐츠의 위치를 한 눈에 파악하기 힘듭니다. 빠른 검색(Quick Search) 기능을 사용하면 에디터에서 에셋, 게임 오브젝트, 설정 및 메뉴 항목까지 모두 쉽게 찾을 수 있습니다. 단축키 Alt + 로 항목을 빠르게 호출할 수 있으며 키보드를 사용하여 모든 작업을 수행할 수 있습니다. 사용자는 검색 결과에 대해 관련 설정 페이지로 이동하거나 에셋을 씬으로 드래그하거나 메뉴 항목을 활성화하는 등 여러 방식으로 반응할 수 있습니다. 이러한 콘텐츠 검색 방법을 통해 워크플로 속도를 크게 높일 수 있고 마우스 사용을 대폭 줄일 수 있습니다.

단축키 관리자: 키보드 상호 작용은 사용자 효율성 및 접근성과 밀접하게 연관되어 있습니다. 키보드 단축키(단일 키 또는 키 조합)를 사용하여 커맨드를 실행할 수 있게 되면 워크플로 속도를 크게 높이고 마우스 이동을 줄일 수 있습니다. 새로운 단축키 관리자(Shortcut Manager)를 통해 Unity 에디터에서 키보드 단축키를 조회하고 관리할 수 있습니다. 이 외에도 에디터의 접근성을 높일 수 있는 키보드 및 마우스 상호 작용 개선 사항이 많이 남아 있습니다. 향후 새로운 버전에서 릴리스 될 예정이니 많은 기대와 관심 부탁드립니다!

유니티는 개발자가 최소한의 노력으로 목표를 달성할 수 있도록 작업 방식을 개선하고 있습니다. 반복적인 작업에 사용되는 시간을 줄여 효율성을 높이고  사용자 성능 및 만족도를 높이기 위한 워크플로 업데이트를 꾸준히 진행할 예정입니다.

사용자 참여 유도

유니티는 사용자를 제일의 가치로 둡니다. 앞으로도 주기적으로 사용자 피드백을 수집하여 개발에 반영할 계획입니다.

새로운 에디터 디자인은 최근 약 1년 간 프리뷰 빌드로 제공되었습니다. 해당 기간에 열정적인 사용자들이 포럼, 설문조사 및 SNS를 통해 엄청난 양의 유용한 피드백을 제공해 주었습니다. 유니티는 디자인 프로세스에 피드백을 적극적으로 적용하고 개선 작업을 진행했습니다.

유니티는 실제 사용자의 요구에 맞춰 기능을 개발하며, 개발 초기 단계부터 적극적으로 사용자가 참여할 수 있도록 하고 있습니다. 결국 모든 변화는 사용자가 겪고 있는 문제를 해결하고 가치를 더할 때 진정한 의미가 있기 때문입니다. 새로운 디자인과 관련하여 여러분의 의견을 공유하고 싶다면 Unity 포럼에 의견을 남겨주세요.

향후 계획

이 모든 것은 시작에 불과합니다. 향후 디자인, 핵심 상호 작용 및 워크플로를 포함한 모든 수준에서 UX를 개선해 나갈 예정입니다.

다음은 현재 연구 중인 UX 개선 사항의 일부를 시각화한 것입니다. 유니티는 사용자의 관점에서 더 독창적인 개발을 장려하기 위한 툴과 동작을 재구성하고 있습니다. 또한 이러한 콘셉트는 월드 구축, 애니메이션, 조명 등 특정 작업에 최적화된 에디터 레이아웃 간에 전환을 용이하게 하고 사용자의 창작 활동을 돕는 워크스페이스를 보여줍니다.

유니티는 데이터 지향 게임 제작 및 개발에 상당한 양의 사용자 연구와 디자인 개선을 반영하고 있습니다. 또한 장기적인 목표의 일환으로 크리에이터가 쉽게 목표를 달성하도록 돕기 위한 직관적이고 사용자 중심적이며 효율적인 워크플로를 만들기 위해 노력하고 있습니다.

향후 공개되는 디자인에도 지속적으로 사용자 피드백을 받을 예정입니다. 지금까지 소중한 의견을 공유해 준 커뮤니티 멤버들에게 진심으로 감사의 말씀을 전합니다.

개발자를 위한 휴먼 인터페이스 가이드라인

기존 에디터 확장 프로그램 또는 패키지를 보유한 에셋 스토어 개발자인 경우 휴먼 인터페이스 가이드라인 사이트(현재 베타 버전)에서 새로운 테마, 디자인 및 상호 작용을 설명한 Transition Guide를 확인하시기 바랍니다.

닌자 메가시티 프로젝트

위 스크린샷에서 볼 수 있는 닌자 메가시티(Ninja Megacity) 데모는 그래픽스 및 애니메이션 팀에서 Unity 2019.2버전의 애니메이션 리깅(Animation Rigging) 패키지에 새롭게 포함되는 기능을 시연하기 위해 제작했습니다. 이 툴을 사용하여 올해 SIGGRAPH에서 Studio Workshop에 대한 강의를 진행했으며, 예제 프로젝트는 github에서 다운로드할 수 있습니다. 이후 블로그 게시글에 소개한 새로운 UX 개선 사항을 테스트하기 위해 해당 프로젝트를 Unity 2019.3버전으로 업그레이드했습니다.

감사의 말

오늘 소개한 기능은 유니티 내부의 여러 팀이 함께 노력한 결과물입니다. R&D, UX, PM, 브랜드 및 디자인, Labs, 콘텐츠, 제품, QA 및 에디터 팀이 모두 함께 모여 에디터 UX의 개선 사항을 구상하고 구현했습니다.

2019년 8월 29일 엔진 & 플랫폼 | 11 분 소요

Is this article helpful for you?

Thank you for your feedback!