[iOS] Human Interface Guidelines - Right to Left

안녕하세요 Hani입니다.

시험 보느라 포스팅을 많이 못했네요.

WWDC21에서 발표된 Human Interface Guidelines 중에서 Right to Left(RTL)를 다뤄볼까 합니다.

---

Right to Left

앱스토어는 40여개의 언어로 서비스되기 때문에 전 세계 사람들이 이용할 수 있습니다.

국가들마다 사용하는 화폐, 시간, 단위 등이 제각기 다르기 때문에

여러 나라에 서비스를 하기위해 애플리케이션을 현지화(Localization)하는 것은 앱이 성장하는데 큰 도움을 줍니다.

 

그중 특이하게 몇몇 국가들은 오른쪽에서 왼쪽으로 글을 씁니다. 🧐

 

 

이런 언어를 지원할 때에는 글자만 좌우로 뒤집을 뿐 아니라 UI도 뒤집어서 읽는 방향과 일치하도록 해야겠죠?

 

아래 그림처럼 😎

 

글자만 오른쪽으로 붙은게 아니라 UI도 왼쪽과 오른쪽이 서로 바뀌었습니다.

 

이렇게 UI를 뒤집는 것은 현지화(Localization) 과정 중 하나인데

현지화는 각 언어나 종교에 맞는 이미지나 영상, 번역된 글을 보여주는 것도 포함됩니다.

 

다행히 UIKit, AppKit, SwiftUI 등이 기본적으로 UI를 뒤집어주는 Right To Left를 지원합니다.

 

오토레이아웃을 잡아줄 때도 left, right를 사용하지 않고 leading, trailng을 사용하죠?

우리나라처럼 왼쪽에서 오른쪽으로 글을 쓰면 leading과 left가 같지만,

오른쪽에서 왼쪽으로 글을 쓰면 leading은 right이니까..!

leading, trailng로 레이아웃을 잡아주면 해당 언어를 읽는 방향에 맞게 자동적으로 UI를 표현해줍니다.

 

 

WWDC21에서 발표된 다른 HIG문서보다 짧아서(..) 한번 다뤄봤습니다.

앞으로는 HIG문서도 틈틈이 읽어봐야겠습니당 😉

 

---

References

https://developer.apple.com/design/human-interface-guidelines/right-to-left/overview/introduction/