디자이너가 해석한 iOS 16의 주목할만한 UX

iOS 16을 업데이트했습니다. WWDC22에서 공개된 iOS 15의 차세대 버전으로 한국 표준시 KST 기준 2022년 6월 7일 오전 2시에 공개됐으며, 2022년 9월 13일 오전 2시에 정식 배포되었습니다. 이번에 발견한 인상적인 UX와 기대되는 점에 대해 정리해봤습니다.

내게 맞는 홈 만들기

이번 버전의 가장 인상적인 변화는 홈과 잠금 화면입니다. 원하는 서체를 고를 수 있으며 위젯에는 캘린더, 배터리량, 날씨 등 유용한 정보를 한눈에 확인할 수 있습니다. 배경 이미지는 시간에 따라 동적으로 변합니다. 아이맥, 맥북의 다이내믹 월페이퍼 기능이 이제 아이폰에도 적용되었습니다.

이제 아이폰 내에서 터치 몇번으로 사진에서 원하는 영역을 잘라낼 수 있기 때문에 편집한 이미지를 이용해 잠금 화면에 고정되어 있는 시계나 상태 표시 영역보다 위에 배치해 깊이를 표현할 수 있게 되었습니다. 스마트폰을 움직여야 느낄 수 있었던 이전의 심도 효과보다 훨씬 더 극적으로 심도가 느껴집니다.

잠금 화면의 조작하는 영역과 보는 영역이 나뉘었습니다. 가장 빈번하게 사용하는 알림이 아래 영역에 압축되어 표시되고 상단은 내가 원하는 이미지와 시계 스타일이 보이도록 디자인됐습니다. 또한 보는 영역에는 스마트폰을 들자마자 바로 확인하면 좋을 정보들을 표시합니다. 홈과 잠금화면은 여러 종류를 만들 수 있고 선택한 집중 모드에 따라 보여지는 정보도 달라집니다. 여러모로 아이폰 14부터 제공하는 올웨이즈 온 상태를 고려한 디자인입니다.

최근 모바일 경험에서 신선함을 주기 위한 새로운 도전이 늘었습니다. 삼성은 완전히 다른 형태의 구조로 잠금을 해제하기 전의 UX를 별도의 스크린으로 표현했습니다. 구글은 기존의 디자인 요소들의 형태와 색을 과감하게 바꿀 수 있는 UX를 제공했습니다. 애플은 이번 업데이트로 다이내믹 아일랜드 Dynamic Island와 더불어 하드웨어의 한계를 소프트웨어 UI로 극복한 경험을 제공했습니다. 요소를 추가하지 않고 문제를 해결한 간결한 UX입니다.

이미지 해석도 척척

라이브 텍스트는 이전부터 있었지만 드디어 한국어도 지원합니다. 사진에서 원하는 피사체를 탭하면 자동으로 피사체를 배경에서 분리합니다. (애플은 Visual Look Up이라 표현합니다.) 사진에 포함된 새, 곤충, 거미 등 여러 물체나 요소에 대한 정보를 더 쉽고 빠르게 찾을 수 있습니다. 이미지 속 통화를 원하는 통화로 환율을 반영해 전환해줍니다. 동영상을 재생하다 일시 정지 후 텍스트를 번역할 수 있습니다. 스포트라이트 검색에서 사진과 동영상 속 텍스트를 검색할 수 있습니다.

기계가 해석하기 어려웠던 사진과 동영상도 이제 텍스트처럼 다룰 수 있게 되었습니다. 단순히 이미지를 설명하는 대체 텍스트를 검색하는 것을 넘어 이미지 속에 포함된 정보를 검색할 수 있게 되었습니다. 구글, 네이버, 메타 등 빅테크기업에서 경쟁하고 있는 영역인데 한국어는 얼마나 잘 자동할지 궁금하네요. 같은 문화권에 대한 깊은 지식이 있어야만 사용할 수 있는 말과 글과 같은 청각 언어 없이, 시각 언어만으로 정보를 탐색할 수 있게되면 완전히 새로운 UX가 가능할 것입니다. AR과 결합된다면 어떤 놀라운 세상이 될지 기대됩니다.

나만의 오디오 프로필

트루뎁스 카메라를 사용해 사용자 귀 모양을 스캔하는 맞춤형 공간 오디오 기능도 추가됐습니다. 공간 음향은 이어폰과 헤드폰을 썼을 때 필요한 기술입니다. 일반적인 스피커는 사람이 소리가 나오는 곳의 위치와 방향을 알 수 있지만 이어폰, 헤드폰은 내 귀 바로 옆에서 들리기 때문에 공간을 인지할 수 없습니다. 이 때 필요한 것이 공간 음향이며 이번에 새롭게 추가된 기능은 내 귀의 모양과 공간을 카메라로 분석해 최적의 공간 음향을 제공하는 것입니다.

사실 아직은 사진을 찍어서 어떻게 더 나은 소리를 제공한다는 것인지 이해가 되진 않습니다. 업데이트 후 에어팟 프로를 이용해봐도 아직은 큰 차이를 모르겠습니다. 이번에 새롭게 공개한 에어팟 프로 2세대와 결합했을 때 유의미한 차이가 있으리라 생각합니다. 애플은 그동안 여러 오디오 기기를 출시했지만 에어팟 외에는 큰 성공을 거두진 못했습니다. 앞으로 에어팟을 중심으로 어떻게 이음새 없는 청각 경험을 완성할지 기대됩니다.

속이 다 시원한 기능

  • 메시지 수정, 취소, 읽지 않음 표시
  • 와이파이 암호 보기
  • 배터리 백분율 표시
  • 와이파이 암호 보기
  • 이미지 누끼 따기
  • 중복 사진 제거
  • 이미지 실시간 번역
  • 나만의 오디오 프로필

디지털 프로덕트 종류와 현황

디지털 프로덕트는 어떤 것이 있을까요? 스마트워치, 스마트폰, 타블렛, 노트북, 데스크탑, TV, AI 스피커 등 사용자가 사용하는 디지털 프로덕트는 날이 갈수록 다양해지고 있습니다. 한정된 스크린에서 표시하는 시각 언어 중심의 인터랙션에서 음성 언어 중심의 AI 스피커, 공간성과 깊이가 있는 AR/VR도 발전하고 있습니다.

계속 읽기 “디지털 프로덕트 종류와 현황”

스케치에서 서체는 어떻게 동작하는가?

모바일 디자인을 하다보면 스케치에서 서체를 정말 많이 씁니다. 기본적인 스케치의 서체 동작은 알고 있지만 주로 한글로 된 서비스를 만들면서 여러가지 문제에 직면하게 됩니다. 스케치에서 제플린 등으로 개발팀에 시안을 전달할 때 정확한 수치가 표시되는게 중요한데, 한글은 영문과 다르게 의도한 것과 다르게 수치가 표기될 때가 많습니다. 스케치에서 서체가 어떻게 동작하는지를 세세하게 실험해봤습니다.

계속 읽기 “스케치에서 서체는 어떻게 동작하는가?”

iOS & Android: UI 디자인

디지인할 때 알아두어야 할 각 플랫폼의 차이점에 대한 정리입니다. 모바일 디자인이 고도화되면서 점점 비슷한 UX로 발전하고 있지만, 그 안에서도 디테일한 차이가 있습니다. 서비스를 디자인 할 때 목적에 따라 패턴을 디자인하고 각 플랫폼에 동일하게 적용하는 편이지만 OS에서 권장하는 UI 가이드라인을 살펴보면 적합한 패턴을 선택하는데 도움이 될 것입니다.

계속 읽기 “iOS & Android: UI 디자인”

페이스북 디바이스 목업

페이스북에서 제공하는 다양한 디바이스의 목업과 무료 디자인 리소스 모음입니다. 디바이스, iOS 템플릿, 데스크탑 디자인 리소스, 사운드 킷, 손 사진 등으로 구성되어 있으며 스케치, 오리가미, 프레이머, PSD, Wallpaper 으로 리소스를 제공합니다.

계속 읽기 “페이스북 디바이스 목업”