One Way,
Your Way

시인성 높은 비주얼과 더불어 재미있는 일러스트레이션도 눈에 띈다. 이런 재미 요소는 어떻게 만들어졌나.

One UI 4 날씨 앱은 새롭게 변경된 날씨 아이콘이 부각되는 방향으로 수정되었다. 이 영역을 좀 더 강조하고 싶어 기존 날씨 앱에서 흔하게 볼 수 없는 새롭고 위트 있는 요소를 추가하는 방향으로 디자이너들의 의견이 모아졌고 그 결과 일러스트레이션이 추가되었다.
날씨 아이콘에서 일러스트레이션으로 자연스럽게 전환되는 모션에 대해서도 많이 고민했다. 각 일러스트레이션의 의도를 어떻게 잘 보여줄 수 있을지 다양한 방식을 고민하는 과정 속에서 달걀이 톡 깨지거나 온도계가 아이스크림으로 바뀌는 아이디어가 나왔다. 그밖에 과일, 식물, 새와 같은 자연물을 모티브로 한 일러스트레이션은 최대한 사실적인 움직임을 구현하기 위해 노력했다.

캘린더 앱도 날짜와 일정을 한눈에 보기 쉽게 정리되었다. 베이직하면서도 세련된 룩을 구현하기가 쉽지 않았을 것 같은데, 어떤 부분을 중심으로 디자인했나.

대부분의 사용자들이 하루에 1~3개 정도의 일정을 등록한다는 데이터를 기반으로 일정이 등록되지 않은 화면도 어색해 보이지 않도록 디자인했다. 또 기존의 회색 배경을 깨끗한 흰색으로 변경해 월, 일, 일정 등 주요 정보에 주목할 수 있게 했다. 텍스트는 안정적인 레이아웃을 위해 가운데 정렬로 조정하고, 주별 정보를 명확히 확인할 수 있도록 가로선을 추가했다. 그리고 캘린더 화면 하단에 빠르게 메시지를 보내듯이 제목만 입력해서 간편하게 일정을 등록할 수 있는 기능이 추가되었다. 제목에 시간 정보를 기입하면 자동으로 인식해서 별도로 시간을 등록하지 않아도 돼서 더 효율적으로 앱을 사용할 수 있다.
일정 등록 시 텍스트 뒤로 보이는 컬러 또한 전반적으로 부드러운 톤으로 조정했다. 덕분에 한 화면 안에 여러 색이 있어도 조화롭고, 다크 모드에서 볼 때 시각적 피로도가 줄었다.

삼성 헬스 앱은 다양한 건강정보를 보여주는 앱이다. 내용이 많다 보니 정보 층위 구분이 어려웠을 것 같은데 어떤 기준으로 작업했나.

건강, 운동 정보에는 다양한 지표가 있고 각각의 정보가 가지는 고유의 성격이 분명한 편이다. 그래서 정보를 보여주는 방식이 공통 기준이 효과적일지, 별도의 기준이 필요할지 결정할 때마다 늘 갈등하게 된다. 정보가 가진 성격에 따라 우선순위를 정하고 가장 우위에 있는 지표에 시각적으로 강한 대비를 준다. 그 다음 우선순위가 낮은 나머지 정보의 표현은 최소화한 뒤 정보의 위계에 문제가 없는지 검토한다. 정보가 추가되어야 할 경우 한번에 모두 다 보여야 하는지, 간소화할 방법은 없을지 디자이너들이 함께 여러 번 논의하고 검증하는 노력을 지속했다.

그래프와 텍스트 등 다양한 수치를 효과적으로 배치하면서도 복잡해 보이지 않기 위해 어떤 노력을 했나.

삼성 헬스 앱 안에는 크게 3가지 타입의 기능이 있다. 걸음 수, 심박 수, 스트레스, 혈당과 같이 범위나 진척도, 상태 정보가 중요한 경우엔 바(Bar) 타입이 용이하다. 음식 섭취량, 수면 상태, 물 섭취량 같은 정보는 진척도보다 누적 데이터가 중요하기 때문에 심벌(Symbol) 타입으로 표현한다. 그 외 단순히 숫자 그 자체로 인지하는 것이 중요한 경우에는 별도의 그래프 없이 텍스트로 보여주는 텍스트 온리(Text Only) 타입이 있다.

정보의 중요도는 텍스트 크기 차이로 보여주고, 심벌, 차트 등과 같은 그래픽 이외의 정보에는 컬러를 최소화하여 명확하게 정보를 전달하고자 했다. 이런 디자인 시스템은 갤럭시 폴드, 갤럭시 탭 등 다양한 삼성 제품 안에서 일관적인 비주얼로 보일 수 있도록 디자인하기 위한 중요한 기준이 된다.

이번에 새롭게 선보인 삼성 월렛은 신용카드, 포토 아이디 등 사용자의 중요한 정보가 하나의 앱에 담겨 있기 때문에 간결하면서도 정확한 정보 전달이 중요할 것 같다. 어떤 점을 중점적으로 고려했나.

삼성 월렛을 사용하는 상황들을 검토하여 사용자에게 필요한 정보를 적재적소에 보여줄 수 있는 디자인을 만들기 위해 노력했다. 삼성 월렛의 첫 화면인 빠른 실행(Quick Access) 탭은 카드가 뭉쳐진 형태(Stacked View)와 펼쳐진 형태(Expanded View)로 구분이 된다. 펼쳐진 형태에서는 각 카드의 정보가 노출되는 공간이 줄어들기 때문에 보다 명확한 시각적 장치가 필요했다. 예를 들면, 겹쳐진 카드에서는 35%의 비율 안에서 카드의 정보가 보이기 때문에 왼쪽 상단에 로고, 오른쪽 상단에 카드 속성을 보여주는 텍스트를 배치했다. 또 각 카드의 상세 화면에서 성격이 비슷한 정보들은 하나로 묶어 찾기 쉽게 했고, 이용 내역, 기능 실행과 같은 성격이 다른 정보와 기능들은 시각적으로 분리시켰다.
기능적인 측면뿐만 아니라 감성적인 측면에서도 사용자에게 즐거운 사용 경험을 주기 위해 스크롤할 때의 비주얼 인터랙션도 많이 신경 썼다. 디자인 초기에는 모든 카드가 한번에 움직이는 단순한 모션이었지만 다양한 부서의 피드백을 받으면서 프로토타이핑을 진행한 끝에 스크롤하면 카드들이 시차가 있는(Parallax) 스크롤 효과로 최종 결정됐다.

다크 모드의 디자인 디테일은 어떻게 완성되었나.

앱 아이콘의 심미성과 주목도는 해치지 않으면서 시각적 편안함을 높이는 적정 수준의 어둡기 농도를 찾으려 노력했다. 이를 위해 조도와 사용 환경을 고려한 컬러 테스트를 다양하게 진행했다. 그 결과 전체 앱 아이콘 컬러가 자연스럽고 균일하게 톤다운 되고, 백색 영역으로 인한 눈부심을 방지하면서도, 홈 스크린 요소와의 시각적 균형감까지 모두 만족시킬 수 있는 현재의 어둡기 농도로 최종 적용하게 되었다.

삼성의 다양한 기기를 각각 사용해도, 함께 사용해도 매끄럽고 편안하게 사용할 수 있도록 어떤 점을 신경 쓰는지도 궁금하다.

One UI 4는 스마트폰, 태블릿, 스마트워치, PC 등 다양한 제품에 하나의 비주얼 랭귀지를 적용한다. 그래서 아이콘, 라운드 처리된 모서리, 컴포넌트, 메뉴 스타일과 배치 등을 통일해서 기기를 바꿔도 어색함 없이 편안하게 사용할 수 있다. 또한 다양한 기기를 서로 연결하거나 또는 넘나들며 사용할 때 자연스럽고 매끄러운 경험을 제공한다. 예를 들어 삼성 노트에 저장된 데이터가 사용자의 다른 기기에도 자동으로 연동되기 때문에 스마트폰에서 간단히 메모하고 스케치한 것을 PC나 태블릿에서 이어서 작업할 수 있다. 또한 태블릿과 스마트폰을 연결해서 태블릿은 메인 작업 화면으로, 스마트폰은 워크 패드로 사용하는 등 효율적인 사용 경험을 제공한다.

초기 아이디어부터 지금에 이르기까지 컨셉이 발전한 과정이 궁금하다.

‘숨겨진 감정’이라는 작은 아이디어에서 출발했다. 초기에는 이모지에 어떤 인터랙션을 하면 숨겨진 감정이 나타나거나 이모지를 뒤집으면 숨겨둔 메시지가 드러나는 형태 등을 고민했다. 이런 컨셉들을 키보드의 특성에 맞게 구체화해서 실제로 구현해내는 작업이 필요했다. 기존에 제공하던 이모지를 길게 누른(Long Press) 뒤 끌어서 옮기는(Drag and Drop) 방식을 고민했으나, 천 개 이상의 이모지를 프리 로드하는 것은 한계가 있었다. 그래서 선별한 이모지 안에서 두 개를 고를 수 있게 하되, 첫 이모지는 채워 넣어 큐(Cue)를 제공하는 것으로 컨셉이 구체화됐다.

양가감정에서 복합 감정으로 컨셉이 확장되었다고 들었다. 그 이유는 무엇인가?

이모지 조합에 생기를 불어넣기 위해서 감정 표현 애니메이션을 다양한 스타일로 제작할 수 있도록 노력했다. 첫 컨셉이 양가감정일 때, 애니메이션 아이디어를 내면서 이모지 페어를 실제로 사용하는 상황을 검토했다. 그 과정에서 사용자가 만드는 이모지 조합을 강제할 수 없기 때문에 서로 대립되지 않는 유사한 감정의 이모지를 조합하는 상황도 고려해야 한다고 판단했다. 그렇게 양가감정에서 복합 감정으로 컨셉의 범위가 넓어지게 되었고, 상반되는 이모지 조합에 어울리는 애니메이션뿐만 아니라 유사한 이모지 조합에 감정 표현을 증폭시킬 수 있는 애니메이션까지 제작하게 되었다.

AR 이모지의 세련된 무브먼트, 위트 있는 제스처가 눈에 띈다. 이러한 모션은 어떻게 만들어지나.

SNS 등 다양한 매체를 활용해서 최신 유행 춤이나 모션 트렌드를 익히는 편이다. 생동감 있는 모션을 위해 간단한 동작이나 표정은 애니메이터들이 키프레임(Key Frame) 방식으로 하나씩 정성스럽게 작업한다. 춤과 같이 좀 더 복잡한 모션은 전문 스튜디오에서 모션 캡처로 제작한다. 또한 외부 유명 아티스트와 협업해서 전문적인 댄스 동작 같은 퀄리티 높은 모션을 만들기도 한다.

국가나 연령별로 선호하는 AR이모지 스티커는 어떻게 다른지 궁금하다.

한국, 브라질, 미국, 영국 네 국가에서 스티커 모션 선호도 투표를 진행해서 AR 이모지 스티커를 제작했다. 전체 선호도는 국가 간에 큰 차이를 보이지 않았지만 연령에 따라서는 약간의 차이가 있었다. 전체적으로 20대가 30대보다 더 희화화되고 과장된 스티커를 선호했다. 그리고 사용자 대부분이 스티커를 사용할 때 진지하게 보이기보다는 웃기고 유쾌한 인상을 주길 원했다. 웃을 땐 더 과장되게 웃고, 슬플 땐 너무 진지하지 않게 표현하길 바랬다.
선호하는 모션을 선택한 이유도 국가별로 약간의 차이가 있었다. 한국과 브라질은 ‘재미있어서’라는 이유를 많이 선택한 반면, 미국과 영국에서는 ‘내 감정을 가장 잘 표현해줘서’를 가장 많이 꼽았다.

앞으로 도전하고 싶은 새로운 형식의 AR 이모지가 있나.

좀 더 단순화된 아바타 또는 동물이나 로봇 같은 사람이 아닌 새로운 스타일도 만들어보고 싶다. 개인적으로는 가상의 공간에서 AR 이모지가 등장해서 나를 대신해 동료들과 이야기하며 장난도 치고 패션 센스도 뽐낸다면 재미있을 것 같다.

다양한 워치페이스를 디자인할 때 기준이나 시스템은 어떻게 완성되었나.

워치페이스 간 일관성을 위해 실제 아날로그시계의 인덱스(Index), 핸드(Hands), 서브 다이얼(Sub Dial)의 종류와 디자인을 참고해서 디자인 시스템을 구축했다. 컬러는 갤럭시 워치 스트랩과 어울릴 수 있게 스트랩 컬러와 그 주변 색을 1차로 지정하고, 나머지 컬러들은 국제 표색계를 기준으로 구성했다.

워치페이스 비하인드 스토리 몇 가지를 소개 바란다.

클래식 워치페이스는 아날로그 손목시계의 특징을 차용했는데 특히 프리미엄 아날로그(Premium analog) 워치페이스에는 보통 손목시계 상단 로고가 들어가는 부분에 자신의 이니셜로 커스터마이징 할 수 있도록 했다. 그리고 3D 캐릭터를 이용한 워치페이스는 알림이 오거나 배터리가 없을 때, 음악이 실행될 때 등 상황에 맞춰 재미있는 애니메이션을 제공해 사용자로부터 좋은 반응을 얻고 있다. 인그레이빙(Engraving) 스타일 일러스트레이션의 멸종 동물 워치페이스는 아티스트와 함께 디테일한 부분을 의논해 나가며 완성도를 높였다.

이번 One UI 4 위젯은 전체적으로 단정하고 깔끔한 인상을 준다. 어떤 부분에 신경을 써서 작업했나.

지속적인 협의와 노력 끝에 안드로이드 환경에서 일괄적으로 위젯의 형태를 변경할 수 있게 되었다. 덕분에 삼성 위젯뿐 아니라 써드 파티(3rd Party) 위젯에도 One UI 비주얼 랭귀지를 적용해서 시각적 완성도를 높였다. 또한 삼성 위젯만의 비주얼 아이덴티티를 강화하기 위해 스타일 요소를 활용하면서도 전체적인 느낌은 미니멀하게 보이도록 신경을 썼다. 그래서 복잡한 요소와 단순한 디자인 사이의 균형을 잡아가는 방식으로 작업했다.
위젯은 제공하는 정보 대비 화면 속 사용하는 면적은 넓지 않다. 그래서 시각적 대비를 줘서 정보가 한눈에 보이면서도 강조되어야 하는 부분에 시선이 더 쏠리도록 디자인했다. 그리고 배경색을 100% 화이트로 변경해 미니멀함을 극대화하고 콘텐츠에 대한 주목도를 높였다.