Guru의 접근성 및 사용성을 향상시키기 위한 우리의 노력의 일환으로, 우리는 일관되고 접근 가능하며 아름다운 경험을 창출하는 데 중점을 둔 전담 디자인 시스템 “pod”을 운영하고 있습니다. 오늘 우리는 그 pod의 리더들과의 인터뷰를 공유하여 그들의 사려 깊고 신중한 훌륭한 디자인 시스템을 만드는 과정을 엿볼 수 있게 합니다.

오늘 함께해 주셔서 감사합니다! 먼저, 당신에 대해 조금 소개해 주시고 Guru에서의 당신의 역할을 말씀해 주실 수 있나요?

호머: 제 이름은 호머 게인스이며, 2001년부터 접근성 분야에서 일해온 인증된 접근성 전문가입니다. 현재 저는 Guru에서 직원 UI 엔지니어로 근무하며, 디자인 시스템 팀을 이끌고 있습니다.

제이크: 저는 제이크 소어이며, 디자인 시스템 및 검색 팀의 수석 제품 디자이너입니다. 저는 Guru에서 4년 넘게 근무했으며, 약 10년간 제품 디자인에 종사했습니다.

Guru의 디자인 시스템 팀에 어떤 계기로 오게 되었나요?

호머: 저는 이전에 Guru의 엔지니어링 리더들과 함께 일한 경험이 있으며, 접근성에 초점을 맞춘 유사한 역할을 맡고 디자인 시스템 구축을 도왔습니다. 그들이 Guru에 오면서 저를 초대하여 디자인 시스템을 설정하고 접근성 관점에서 Guru를 개선하는 일을 도왔습니다.

제이크: 저는 Guru에서 두 번째 제품 디자이너였으며, 그 당시 우리는 디자인 시스템의 어떤 형태도 갖추고 있지 않았습니다. 두 번째 해에 우리는 제품의 계층 구조를 새로 세우고자 했으며, 그로 인해 새로운 디자인 시스템에 대한 첫 번째 진정한 시도를 하게 되었습니다 (저는 그것을 "SAGE"라고 불렀으며, 현재 우리의 새로운 디자인 시스템입니다).

그 당시 그 시스템은 디자이너들만이 채택했으며, 엔지니어링 및 디자인이 유용한 전체적인 시스템이라고 생각하지 않았습니다. 작년에 디자인 시스템 작업 그룹을 다시 구성했을 때, 저는 디자인 리드 역할을 맡게 된 자연스러운 후보였습니다.

디자인 시스템 팀의 목표와 Guru의 디자인 시스템 목표에 대해 공유해 주실 수 있나요?

제이크: 디자이너는 프로토타입 제작 및 아이디어 구상 시 엔지니어보다 더 빠르게 움직일 수 있지만, 여전히 많은 사전 구축이 필요합니다. 따라서 제 목표는 디자인 시스템이 디자이너가 UI 구성 요소에 대해 덜 걱정하고 사용자의 경험에 더 집중할 수 있도록 하여 반복의 속도를 높이는 것입니다.

또한 저는 역사적으로 디자인 시스템 패턴에 대한 단일 정보 출처였으므로 다른 디자이너는 버튼, 텍스트 등의 스타일에 관한 질문을 위해 저에게 질문해야 했습니다.

저는 답변을 얻기 위해 "부탁하는 것"이 되기를 원하지 않았습니다—모든 디자이너가 스스로 결정할 수 있도록 힘을 실어주는 시스템을 구축하고 싶었습니다.

호머: 엔지니어에게 우리의 목표는 디자인 시스템이 엔지니어 팀과 디자인 팀 간의 동등성을 높이는 것입니다. 이것은 디자이너들이 새로운 경험을 구축할 때 이미 제품에 존재하는 미리 검증된 접근 가능한 구성 요소를 기반으로 작업하고 있다는 것을 알기 때문에 그들의 자신감을 높입니다.

또한 프로젝트를 구축하는 엔지니어는 이미 제품에 존재하는 요소로 작업하고 있다는 것을 알기 때문에 비슷한 자신감을 갖게 됩니다. 그들은 SAGE 라이브러리에서 이러한 구성 요소를 쉽게 "가져올" 수 있으며, 처음부터 다시 구축할 필요가 없어서 속도와 효율성을 향상시킵니다.

또한 이는 우리 브랜드 목소리와 일관성을 보장합니다—디자인 시스템을 사용하면 전체 애플리케이션이 여러 팀에 의해 구축되더라도 하나의 응집력 있는 제품처럼 보입니다. 모든 페이지에서 일관성 있는 원활한 경험을 만들고자 합니다.

마지막으로, 디자인 시스템은 우리의 접근성 요구를 구성 요소 내에 직접 내재화하는 것을 허용합니다. 우리의 코드는 올바른 의미론적 마크업을 가지고 있으며, 스크린 리더 및 키보드 입력에 대해 테스트되었고, 필요할 때 포커스할 수 있는 구성 요소입니다.

우리는 이러한 기능의 무결성을 보장하는 단일 정보 출처를 가지고 있으며, 시간에 따라 품질이 저하되지 않을 것이라는 확신을 가질 수 있습니다.

디자인 시스템을 갖추는 것의 이점은 무엇인가요?

호머: 디자인 시스템은 디자이너와 엔지니어의 직원 경험을 향상시킵니다. 이는 팀 간의 협업 및 신뢰를 높여 일관되고 접근 가능한 경험을 구축하고 있다는 것을 확신하게 합니다.

제이크: 디자인 시스템은 일관성, 사용의 명확성, 재사용성, 그리고 궁극적으로 가이드라인 내에서의 유연성을 증가시킵니다. 접근성이 모든 경험에 통합되는 것이 정말 중요합니다. 우리가 현재 디자인 시스템을 충족하기 위해 Guru를 정비한 후, 전체 애플리케이션에서 구성 요소를 업데이트할 수 있기 때문에 더 빠르게 반복하고 개선할 수 있게 되었습니다.

호머: 네, 디자이너 경험이 핵심입니다. 디자이너와 엔지니어들이 구성 요소를 가져와 인터페이스에 넣고 "기능"이라고 부르는 것은 한 가지 일이지만, 디자인 시스템은 이 모든 경험이 어떻게 구성되는지를 설명합니다.  

이는 레이블링된 사용자와 장애인 사용자 모두의 사용성에 영향을 미칩니다. 예를 들어, 보조 챗은 마우스를 사용하는 사람과는 완전히 다르게 작동하므로 디자인 시스템이 다양한 형태의 보조 기술과 어떻게 작용하는지를 인식해야 합니다.

디자인 시스템이 없다면 아무런 결정적인 효과를 주지 못할까요?

호머: 혼란입니다!

제이크: 네, 혼란입니다! 디자이너들 사이에는 때때로 '번쩍이는 물건' 정신이 있어서, 그들이 만족하지 않는 경험을 완전히 재구성하고 싶어하는 경향이 있습니다.

디자인 시스템은 몇몇 유연성을 제거하지만, 이것은 디자이너를 방해하지 않습니다—오히려 그들이 "이 구성 요소와 UX 패턴을 결합하여 제가 원하는 것을 구축할 수 있는 방법은 무엇인가요? "이런 버튼이 이미 존재할까?" 또는 "이런 유형의 사용자들은 뭐라고 부르지?" 같은 질문에서 추측해내도록 하지 않습니다.

호머: 디자인 시스템이 없으면, 개발자들이 애플리케이션의 두 섹션에서 유사한 기능과 특징을 완전히 다르게 코드화하여 구축하는 상황에 봉착하게 됩니다. 이것은 코드를 유지 관리하는 것을 어렵게 만듭니다—한 섹션에 대해 통과된 테스트는 다른 섹션에서는 완전히 실패할 수 있습니다.

디자인 시스템은 엔지니어가 프레젠테이션 레이어에 대해 덜 걱정할 수 있도록 해줍니다. 각 구성 요소 내에서 이미 해결되어 있기 때문입니다. 그렇지 않으면, 스타일 변경을 원할 때마다 유사하게 느껴지는 애플리케이션의 모든 영역을 추적해야 합니다.

디자인 시스템의 힘은 그것이 어떻게 연쇄적으로 작용하는지입니다: 디자인 시스템에서 버튼을 변경하면, 해당 버튼이 애플리케이션 전반에 걸쳐 있는 모든 곳에서 자동으로 변경됩니다.

제이크: Guru의 독특한 점은 제품 관리자, UX 디자이너 및 엔지니어들이 얼마나 밀접하게 협력하는가입니다. 어떤 조직에서는 디자이너들이 엔지니어가 디자인을 업데이트해야 할 때 "디자인을 벽 너머로 던지는" 상황이 발생하여 매우 어려워집니다. 디자인 시스템이 있으면 엔지니어는 픽셀이 잘못 중심에 있는 경우 디자이너를 추적할 필요가 없습니다. 대신, 그들은 디자인 시스템 구성 요소를 사용하면 모든 것이 올바르게 될 것이라는 확신이 있습니다.

우리의 제품의 사용성 및 접근성에 대해 당신의 관점을 공유해 주실 수 있나요?

호머: 사용성 측면에서, 우리는 몇 년 전보다 훨씬 나은 위치에 있습니다. 단순히 UI가 더 통합되고 있기 때문입니다. 우리는 여전히 갈 길이 멀지만, 애플리케이션에서 가장 혼란스러운 부분의 대부분을 보완하기 위한 "첫 번째 패스"를 수행했습니다. 지금은 그러한 차이를 만들어내는 세부 조정을 거닐 수 있습니다.

제가 "사용성"이라고 말할 때, 또한 접근성도 포함된다는 것을 의미합니다. 왜냐하면 사용성은 모든 사용자에게 해당해야 하기 때문입니다.

제이크: 저도 동의합니다. 우리는 최근 완료한 디자인 시스템과 사용성 프로젝트 덕분에 많은 발전을 이루었다고 생각합니다. 우리 디자인 시스템의 가장 좋은 점 중 하나는 디자이너가 접근성이 얼마나 중요한지 더 잘 인식하게 되었다는 것입니다—우리는 색상을 "아름답게" 고르거나 "멋지게" 보이는 경험을 디자인하는 것에서 벗어나, 처음부터 접근성을 평가하는 데 시간을 할애하게 되었습니다.

호머: 우리는 내부 카피 작성(microcopy) 측면에서도 많은 발전을 이루었습니다. 우리는 디자인 시스템 내에서 내부 카피가 접근 가능하도록 하기 위해 우리의 마이크로카피 표준을 상세히 설명하는 Guru 카드를 링크합니다.

두 분 모두 디자인 시스템 팀과 Guru의 접근성에 대한 비전을 공유해 주실 수 있나요?

호머: 저의 팀에 대한 비전은 엄청나게 많은 기능을 포함하는 앱의 설계 및 개발 문서 및 사용성의 중심 허브가 되는 것입니다. 나는 우리가 앱 전역의 글로벌 경험에 대한 표준을 유지하고, 이를 실현하기 위해 회사의 파트너와 협력하기를 바랍니다.

우리 산업(지식 관리)에서 고도로 사용 가능한 제품을 구축하는 것이 왜 그렇게 중요한가요?

호머: 세계 인구의 약 10%가 장애를 가지고 있습니다. 우리가 그것을 생각할 때, 우리는 일반적으로 신체 장애를 생각하지만, 장애가 있는 사람들 중 가장 큰 그룹은 인지적 장애를 가진 사람들입니다. 미국에는 3천 3백만 명의 인지 장애를 가진 사람들이 있으며, 이는 단기 기억 상실부터 시각 장애까지 다양합니다. 우리 중 많은 사람들이 기술 산업에서 일하며, 모든 사용자를 위해 접근성 있게 설계되지 않은 경험의 고통을 느끼고 있습니다.

"장애가 있는 사용자들은 우리의 애플리케이션을 사용하지 않을 것"이라고 생각하는 것보다 더 잘못된 생각은 없습니다. 장애가 있는 사용자 자신들이 그 애플리케이션을 만드는 경우도 있습니다.

제이크: 우리의 주소 가능한 시장은 정말 끝이 없으며, 우리가 사려 깊게 생각해야 할 것은 사용자가 아닌 현재뿐만 아니라 사람들이 미래에 사용할 수 있도록 애플리케이션을 지원하는 방법입니다. 우리의 탐색 및 계층 구조가 가능한 한 많은 사람들에게 접근 가능하면서 유연성을 유지할 수 있도록 방법을 생각해야 합니다.

호머: 우리 중 몇 명이 안경을 쓰나요? 우리는 사용자와 함께 확대 도구가 상호 작용하는 방법에 대해 생각해야 합니다. Guru의 사용자는 연령 제한이 없으며-모두가 나이가 들어가며, 우리는 사용자가 인구 통계 때문에 기술을 사용하지 않기를 기대하지 않아야 합니다.

우리는 모든 사람이 정보를 문서화하고 공유할 수 있도록 권한을 부여하는 도구를 가지고 있습니다. 우리는 점점 더 많은 사용자들이 Guru를 탐색하며 접근 가능한 콘텐츠를 작성하고 공유하는 방법에 대해 질문하는 것을 보고 있습니다.

우리의 애플리케이션은 파워 사용자만을 위한 것이 아닙니다. 조직 내에서 정보를 작성하고 공유하고 싶은 모든 사람을 위한 것입니다. 우리는 그들에게 그렇게 할 수 있는 능력과 자유를 제공하고 있습니다.

참고: 이 인터뷰는 간결함과 명확성을 위해 수정되었습니다.