앱이 다크 모드를 추가하는 데 시간이 오래 걸리는 이유

이번 주에 드디어 다크 모드 지원을 추가하기 시작했습니다. 반복수 및 세트, 내가 부업으로 개발한 iPhone 보디빌딩 앱. 애플 이후 거의 1년이다. 세계 개발자 회의에서 이 기능을 처음 발표했습니다..

왜 그렇게 오래 걸렸나요? 다크 모드를 지원하는 것은 생각만큼 간단하지 않습니다. 저 같은 인디 개발자들만 고생한 것이 아닙니다. 왓츠앱 최근에 추가된 다크 모드 지원, 그리고 페이스북은 아직 베타 테스트 중.

따라서 좋아하는 앱이 어두운 면으로 전환되기를 기다리는 경우 시간이 오래 걸리는 이유가 있습니다.

다크 모드: 조명을 끄는 것만큼 간단하지 않습니다.

개발자로서 Xcode에서 처음 다크 모드를 활성화하면 보기가 좋지 않습니다. (아래 스크린샷 참조) 앱은 프랑켄슈타인의 괴물처럼 보이며, 빛과 어둠의 요소가 이상하고 거슬리는 조합으로 패치되었습니다.

문제는 배경과 같은 사용자 인터페이스의 일부는 자동으로 어둡게 전환되지만 다른 부분은 그렇지 않다는 것입니다. 일부 텍스트는 흑백이기 때문에 읽을 수 없게 됩니다. 흰색 배경의 헤더는 너무 밝고 짜증나게 보입니다. 밝은 배경을 위해 디자인된 일러스트레이션과 아이콘은 끔찍해 보입니다.

예, 앱이 Apple의 기본 버튼과 스타일을 사용하여 제작되었다면 아마도 그렇게 나빠 보이지 않았을 것입니다. 그러나 현실에서 삶은 결코 그렇게 단순하지 않습니다. Apple의 내장 앱조차도 요즘에는 기본 사용자 인터페이스 요소에서 벗어나는 경우가 많습니다.

다크 모드에서 내 앱이 어떻게 엉망인지 처음 보았을 때 내 마음은 가라앉았습니다. Reps & Sets는 다양한 보기(다양한 화면 디자인에 대한 개발자 전문 용어)가 있는 크고 복잡한 앱입니다. 나는 그것들을 모두 업데이트하는 데 엄청난 양의 작업이 필요하다는 것을 알고 있었습니다. 모든 뷰는 모든 요소가 보기 좋게 보이도록 세심한 디자인 고려가 필요합니다.

이것은 내 앱이 스프링 치킨이 아니라는 사실로 인해 더욱 복잡해졌습니다. 원래 iOS 6용으로 9년 전에 개발되었습니다. 그 이후로 많은 것이 변경되었으므로 이제 많은 레거시 코드가 있습니다(크루드에 대한 개발자의 완곡한 표현). 결과적으로 코드를 만질 때마다 일반적으로 업데이트해야 합니다.

다크 모드는 자산을 부채로 바꿉니다.

뷰 업데이트는 다크 모드 지원을 추가하려고 할 때 문제의 시작일 뿐입니다. 대부분의 앱에는 변경이 필요한 아이콘, 로고 및 일러스트레이션과 같은 자산도 포함되어 있습니다.

Apple은 다음과 같이 할 수 있습니다. 다른 색조 색상 적용 다크 모드에서 자산에. 단순하고 평평한 아이콘의 경우 이 접근 방식이 효과적입니다. 그러나 애니메이션이나 여러 색상의 그래픽에는 도움이 되지 않습니다.

일부 앱에 얼마나 많은 자산이 있는지 보고 놀랄 수 있습니다. 예를 들어 Reps & Sets에서는 100개 이상의 아이콘과 300개 이상의 일러스트레이션을 수정해야 했습니다. 이 작업만 완료하는 데 40시간이 걸렸습니다.

라이트 모드를 잊지 마세요

더 복잡한 것은 다크 모드를 지원하기 위해 변경한 모든 사항이 라이트 모드에서도 작동해야 한다는 것입니다. 이제 하나가 아닌 두 개의 사용자 인터페이스를 디자인하고 있습니다.

다크 모드 구현이 끝난 후에도 작업은 여기서 멈추지 않습니다. 지속적인 약속입니다. 이제부터는 업데이트를 출시할 때마다 라이트 모드뿐만 아니라 다크 모드에서도 테스트해야 합니다. 그리고 시간이 많이 걸리는 작업입니다. 이전에 저는 OS와 하드웨어의 8가지 다른 조합에서 Reps & Sets를 테스트했습니다. 다크 모드는 이를 16개 버전으로 두 배로 늘립니다.

다크 모드가 브랜드에 없을 수 있습니다.

다크 모드 구현을 시작하기 전에 고려해야 할 보다 근본적인 문제가 있습니다. 바로 브랜드 아이덴티티입니다.

Facebook과 같은 유명 브랜드는 무결성을 유지하기 위해 세심한 관리가 필요한 귀중한 자산입니다. 브랜드 아이덴티티는 모든 플랫폼에서 일관되어야 하므로 항상 즉시 알아볼 수 있습니다. 다크 모드는 이것을 복잡하게 만듭니다. 모든 로고와 색 구성표가 검은색에 잘 어울리는 것은 아닙니다. 이를 해결하기 위해 브랜드 가이드라인을 수정해야 할 수도 있습니다.

내 작은 앱의 경우에도 약간의 생각이 필요했습니다. 예를 들어, Reps & Sets 브랜드 색상은 진한 파란색입니다. 흰색 배경에서는 잘 작동하지만 검은색에서는 가독성이 떨어집니다. 그래서 다크 모드의 브랜드 색상 팔레트에 밝은 파란색을 추가해야 했습니다.

원맨 밴드이기 때문에 쉽게 변경할 수 있습니다. 그러나 이해 관계자가 많은 Facebook과 같은 대기업의 경우 브랜드 지침을 변경하는 것은 일반적으로 복잡하고 시간이 많이 소요되는 프로세스입니다. 예를 들어 웹 사이트 디자인이나 간판 및 전시 스탠드의 모양과 같이 앱 자체를 넘어서는 의미를 가질 수 있습니다.

많은 대기업이 단순히 다크 모드를 무시하기로 결정한 것은 놀라운 일이 아닙니다.

어두운 면이 더 유혹적일 줄 알았는데

Reps & Sets는 프리미엄 앱입니다. 기본 다운로드는 무료이며 추가 기능에 액세스할 수 있는 프리미엄 구독을 위한 인앱 구매 옵션이 있습니다. 그러나 다크 모드 지원을 프리미엄 사용자로 제한하는 것은 불가능합니다. 따라서 모든 사용자는 이 모든 작업의 ​​이점을 무료로 얻을 수 있습니다.

순전히 상업적인 관점에서 보면 다크 모드를 구현할 동기가 없었습니다. 그러나 나는 단지 돈을 위해 거기에 있지 않습니다. 저라면 몇 년 전에 포기했을 것입니다. 내가 하기로 선택한 이유는 그것이 멋지고 좋을 것이라고 생각했기 때문입니다. 또한 앱을 직접 사용하고 다크 모드를 사용합니다. Reps & Sets를 계속 실행하고 빛의 폭격을 받는 것은 거슬렸습니다.

그래서 나는 수백 개의 자산을 다시 그리기 위해 끝없는 저녁과 주말을 위해 수고하기로 결정했습니다. 나는 돈이 아니라 사랑을 위해 했다. 그리고 사랑은 거대 기업이 잘 이해하는 통화가 아닙니다. 궁극적으로, 그것이 내가 꿈꿀 수 있는 것보다 훨씬 더 많은 자원을 가진 대기업이 나보다 다크 모드를 지원하는 데 훨씬 더 오래 걸리는 이유라고 생각합니다.