‘일찍 도입하되, 책임감 있게 도입하기’: Zoho가 100개 이상의 앱에 새로운 디자인을 적용한 방법

A product mockup displaying the Bigin CRM application across multiple Apple devices, including an iPhone, iPad, Apple Watch, and a MacBook. The macOS and iPadOS interfaces display a detailed contacts list and customer profile view, while the iOS and watchOS screens show simplified layouts optimized for smaller displays.

Apple이 새로운 디자인과 Liquid Glass를 도입했을 때, Zoho는 빠르게 움직였습니다. 그래야만 했습니다.

App Store에서 제공되는 100개 이상의 앱 포트폴리오를 갖추고 있는 이 회사는 도입이 결코 쉬운 일이 아니라는 사실을 알고 있었습니다. 하지만 몇 달 후, 그런 노력을 할 만한 가치가 충분한 결과를 얻었습니다. “우리의 접근 방식은 신중하고 단계적이었으며, 특히 우리 생태계의 규모를 고려하면 더욱 그러했습니다.”라고 Zoho의 제품 관리 책임자인 Ashok Ramamoorthy는 말합니다.

Ramamoorthy와 팀이 해당 전환에 어떻게 접근했고, 어떤 점이 놀라웠으며, 다른 개발자들이 그 경험에서 어떤 교훈을 얻을 수 있을지에 대한 이야기를 나누었습니다.

팀에서 새로운 디자인과 Liquid Glass 도입을 결정하게 된 과정에 대해 말씀해 주세요.

Ramamoorthy: Apple이 이 새로운 디자인 언어를 도입했을 때, 우리는 이를 기회이자 책임이라고 생각했습니다. 따라서 두 가지 방식으로 접근했습니다.

SwiftUI 우선 앱들은 원활하게 적응했습니다. 많은 앱이 Liquid Glass와 자연스럽게 어우러져, 컴파일하고 새로운 디자인 언어와 시각적으로 통합하는 데 최소한의 노력이 필요했습니다.

UIKit 기반 앱의 경우, 2단계 전략을 도입했습니다. 첫 번째 단계에서는 호환성과 안정성에 초점을 맞춰, 기존 작업 흐름을 방해하지 않으면서 앱이 새로운 디자인 시스템과 완벽하게 연동하도록 했습니다. 두 번째 단계는 계속 진행 중입니다. 이 단계에서는 디자인이 주도하는 혁신을 통해 Liquid Glass 원칙을 수용하고, Liquid Glass가 지원하는 심도, 계층화, 유동성을 완전히 활용하도록 탐색 패턴과 상호작용 모델을 재구성하여 핵심 경험을 점진적으로 재정립합니다.

Liquid Glass를 단지 시각적 업데이트로만 간주하는 대신에, 사용자들이 앱과 상호작용하는 방식을 재정립할 기회로 보고 혁신과 안정성의 균형을 맞추기 위해 단계적으로 도입하고 있습니다.


An iPad screen displaying a note-taking application with a split-screen interface. The left side shows a list of note cards, while the right side displays an active audio recording note titled “Class Discussion: Renewable Energy” with a green background, showing an audio waveform and a raw scrollable transcript below it.

‘Notebook’은 사용자가 여러 기기에 걸쳐 아이디어를 포착하고 공유할 수 있도록 도와주는 카드 기반 메모 작성 앱입니다.

App Store에서 ‘Notebook’ 다운로드하기 >


귀사의 팀은 방대한 앱 포트폴리오를 자랑합니다. 새로운 디자인을 도입하는 과정은 어떠셨나요?

Ramamoorthy: Apple이 이 정도 규모로 새로운 디자인 방향을 도입하는 경우, 우리는 개발자들이 이를 미루지 말고 수용해야 한다고 생각합니다. 결정은 즉각적이고 단호했습니다.

그렇긴 하지만, 이를 도입하는 방법에는 세심한 계획이 필요했습니다. 출시는 리소스 가용성, 코드베이스 복잡성, 각 앱의 특성, 비즈니스 중요도에 따라 우선순위를 정해 진행되었습니다. 이를 통해 속도와 안정성 간의 균형을 맞출 수 있었습니다.

초기에는 몇 가지 주저함이 있었습니다. UIKit 기반 앱이 얼마나 효과적으로 적응할지, OS 버전 간의 하위 호환성을 어떻게 보장할지, 모든 앱을 완전히 재정비해야 할지 아니면 더 점진적으로 개선해야 할지에 대한 고민이었습니다. 이러한 고려 사항으로 인해 결정 속도가 느려지지는 않았고, 오히려 더 사려 깊은 출시 전략을 마련하는 데 도움이 되었습니다.

결국, 우리의 사고방식은 단순했습니다. 바로 ‘일찍 도입하되, 책임감 있게 도입하기’였습니다.

첫 번째 단계는 무엇이었나요?

Ramamoorthy: Xcode 베타를 사용해 앱을 컴파일했고, 새로운 디자인 시스템 내에서 어떻게 렌더링되는지 관찰했습니다. 이를 통해 기존 인터페이스가 어떻게 작동하는지 즉시 명확하게 확인하고 어디서부터 시작해야 할지 파악할 수 있었습니다.

그와 동시에, 몇몇 앱은 더 야심 찬 경로를 택했습니다. 예를 들어, ‘Bigin by Zoho CRM’은 점진적인 변경을 넘어 Liquid Glass의 원칙을 완전히 수용했고 첫날 출시를 목표로 했습니다. 쉽지 않은 도전이었지만, 이를 통해 일찍 한계를 극복하고 나머지 앱을 위한 벤치마크를 구축할 수 있었습니다.


An iPad screen displaying the Bigin CRM app interface, showing a three-pane layout. The left sidebar lists navigation options under Zylker Tech, the middle column displays a list of contacts, and the right pane shows detailed contact information for Abby Perez of Gizmo Experts.

Zoho의 CRM 앱인 ‘Bigin’은 소규모 비즈니스를 위해 설계되었습니다.

App Store에서 ‘Bigin’ 다운로드하기 >


새로운 디자인이 공개된 지 거의 1년이 지난 지금, 가장 큰 교훈은 무엇인가요?

Ramamoorthy: 가장 큰 교훈은 디자인이 사용성을 의미 있게 개선할 수 있다는 것이었습니다. 특히 비즈니스 사용자의 경우에는 더욱 그렇습니다. 우리 앱은 일상적인 소비자용 앱보다 더 작업 중심적이며, 효율성이 중요한 더 긴 세션에서 사용되는 경우가 많습니다. Liquid Glass 덕분에 탐색을 간소화했고, 계층화된 정보를 더 명확하게 표시했으며, 더 가볍고 직관적인 상호작용을 구현했습니다.

첫날 출시할 때는 솔직히 조심스러웠습니다. 비즈니스 앱에서 중요한 디자인 변경은 기존의 습관을 방해할 위험이 있습니다. 하지만 반응 덕분에 안심할 수 있었습니다. 사용자들이 빠르게 적응했고, 많은 경우 개선 사항을 높이 평가했습니다. 특히 탐색 패턴과 탭 구조가 긍정적인 피드백을 받았습니다.

핵심 교훈: Liquid Glass는 단지 시각적 향상에 그치지 않고, 구조와 흐름을 재정립하도록 독려합니다. 그 원칙을 표면적인 수준의 업데이트로 여기지 않고 적극적으로 수용한 팀들이 가장 큰 효과를 거두었습니다.

개발자 커뮤니티 전반에서 비슷한 패턴을 확인했습니다. 상호작용과 계층 구조를 재구성하여 해당 디자인 시스템을 전체적으로 수용한 앱은 시각적 변경 사항만 적용한 앱보다 더 뛰어난 성과를 거두었습니다. 새로운 디자인 언어 도입은 구현에 관한 것일 뿐만 아니라 사고방식에 관한 것이기도 합니다.


An iPad displays a marketing campaign tracker application featuring a detailed data table under a green header. A pop-up menu on the right shows a search field for adding a new column, with "Campaign code" entered and suggested field types "Autonumber" and "Number" listed. The underlying table lists various campaign entries alongside columns for campaign goals, assignees, creative thumbnails, and scheduling dates.

‘Tables’는 모든 규모의 팀을 위한 데이터베이스 및 스프레드시트 도구입니다.

App Store에서 ‘Tables’ 다운로드하기 >


도입 이후 어떤 이점을 확인하셨나요?

Ramamoorthy: 가장 눈에 띄는 개선 사항은 복잡한 작업 흐름을 단순화하고 중요한 정보를 표시하여, 특히 속도와 명확성이 중요한 비즈니스 사용자를 위해 탐색이 깔끔하게 정돈되었다는 점입니다.

지표 관점에서, 특히 UI 스택의 일부를 현대화한 부분에서 앱 성능이 향상되었고, 세션 지속 시간이 더 길어졌으며, 더 나은 레이아웃과 계층 구조를 통해 더 쉽게 발견할 수 있게 된 주요 기능의 도입이 증가했습니다.

가장 큰 이점은 단순성과 효과의 결합입니다. 사용자는 더 적은 노력으로 더 많은 작업을 할 수 있습니다.

반응은 어떤가요?

Ramamoorthy: 정말 고무적입니다. 우리 앱은 작업 흐름과 탐색 관련 변경에 일반적으로 민감한 비즈니스 사용자들이 사용하기 때문에 조심스러웠습니다. 하지만 피드백 덕분에 안심할 수 있었습니다.

많은 사용자들이 단순성과 명확성을 높이 평가했습니다. 한 사용자는 “이 앱을 정말 좋아하며 이렇게 매우 단순한 UI와 UX로 많은 것을 수용할 수 있다는 점이 마음에 듭니다.”라고 언급했습니다. 또 다른 사용자는 “과도하게 복잡하지 않으면서 기본 기능을 제공하는 깔끔하고 사용하기 쉬운 CRM”이라고 평했습니다.


An iPad screen showing a project management and timesheet application. The left pane lists active projects, while the right pane displays details for a Furniture Shipping project, including hourly billing rates, unbilled hours, and a detailed timesheet log.

‘Books’는 중소기업이 재무 상태를 추적할 수 있도록 설계된 클라우드 회계 앱입니다.

App Store에서 ‘Books’ 다운로드하기 >


가장 놀라웠던 점은 무엇인가요?

Ramamoorthy: Liquid Glass 덕분에 여러 플랫폼에 걸친 확장이 느려지기는커녕 오히려 가속화되었다는 점입니다.

사용자들은 이동 중에 업무를 관리할 수 있도록 ‘Bigin by Zoho CRM’용 Apple Watch 앱을 오랫동안 요청해 왔습니다. 이미 해당 앱을 기획해 놓고 초기 와이어프레임을 구축한 상태였죠. 그때 Liquid Glass가 발표되었습니다. 첫날 OS를 출시하기 위해 UI의 일부를 완전히 재정립해야 했으며, 이로 인해 Watch 앱이 지연될 것으로 예상되었습니다.

정반대 결과가 일어났습니다. Liquid Glass는 더 구조화되고, 계층화된, 일관된 디자인 시스템을 독려했기 때문에, 그 생각이 여러 플랫폼에 걸쳐 자연스럽게 확산되었습니다. iOS 앱을 위해 구축한 토대 덕분에 상당히 더 빠르게 watchOS로 경험을 확장할 수 있었습니다. 몇 주가 걸릴 것으로 예상했던 작업이 단 며칠 만에 끝났습니다.

iOS, iPadOS, macOS 업데이트와 함께 Apple Watch 앱을 출시할 수 있었고, 이를 통해 첫날부터 전체 생태계에 걸쳐 통합된 경험을 제공할 수 있었습니다.


Three Apple Watches are shown side-by-side against a white background, each displaying a different productivity dashboard interface. The left watch features a green screen showing three activities due today with colorful concentric progress rings, while the middle watch has an orange screen displaying details for a supplier negotiation task. The right watch displays a green screen showing monthly revenue of twenty-five thousand dollars with an upward-trending line graph from July to September.

Apple Watch의 ‘Bigin’은 팀이 예상했던 것보다 더 빠르게 구현되었습니다. “iOS 앱을 위해 구축한 토대 덕분에 상당히 더 빠르게 watchOS로 경험을 확장할 수 있었습니다.”라고 Zoho의 제품 관리 책임자인 Ashok Ramamoorthy는 말합니다.

App Store에서 ‘Bigin’ 다운로드하기 >


어떤 어려움에 직면하셨고, 그 어려움을 어떻게 극복하셨나요?

Ramamoorthy: 가장 큰 어려움은 심층적인 코드베이스 변경을 헤쳐 나가는 것이었습니다. 성숙하고 기능이 풍부한 앱으로 구성된 대규모 포트폴리오에서 새로운 디자인 언어를 도입하는 것은 안정성을 방해하지 않으면서 핵심 UI 계층을 다루는 것을 의미했습니다. UIKit 기반 앱과 동등하게 구현하는 것은 또 다른 어려움이었습니다. SwiftUI 앱은 더 자연스럽게 적응했지만, UIKit 전반에 걸쳐 일관된 Liquid Glass 경험을 보장하려면 추가적인 노력과 신중한 추상화, 때로는 UI 구성요소에 대한 접근 방식을 완전히 재정립하는 것이 필요했습니다. 이전 OS 버전 지원은 어려움을 한층 더했습니다. 새로운 디자인 기능과 아직 업그레이드하지 않은 사용자들을 위한 안정적인 경험의 균형을 맞춰야 했습니다.

이러한 어려움 극복은 내부 반복, 고객의 피드백, 피드백 채널과 워크숍에서 Apple이 제공한 의견을 통해 지속적인 학습으로 귀결되었습니다.


계속 알아보기

개발자 이야기에서는 Apple 커뮤니티에서 손꼽히는 독창적인 개발자들의 모범 사례와 철학을 살펴봅니다. 각 개발자 이야기에서 개발자, 디자이너, 엔지니어들을 만나 놀라운 창작물의 탄생 배경에 대해 알아보세요.

모든 개발자 이야기 살펴보기 >