-
[6]_1_2. Right to Left[7] Human Interface Guidelines/1. Foundation 2022. 7. 26. 13:22
HIG > Foundation의 두번째 타임.
LTR : Left To Right / RTL : Righ To Left
각 나라마다 컨텐츠를 작성하는 기본 방향이 있을 것이다.
우리 나라는 LTR의 대표격인가 -- 글의 작성도 LTR이고, 책을 넘길 때도 LTR이고, 핸드폰의 모양[기능명 - 설정버튼]도LTR이다.
다른 예로 일본을 보면 -- 글의 작성은 LTR인데, 만화책을 보면 컷 순서나 책을 넘기는 건 RTL이다.
HIG의 내용을 보면 아랍어나 히브리어는 글의 작성부터 LTR이라고 한다.
이 LTR / RTL은 현지화의 중요한 요소일 것이다.
1. 텍스트의 정렬
(1) 우선 LTR 정렬이라 함은 RTL을 좌우로 반전한 스타일이라 생각하면 된다.
글의 작성이 LTR이라면 정렬도 그 글의 시작에 맞추어야 한다.
(2) 만약 여러 언어가 혼합되어 있다면 각각의 정렬을 따라야 한다.
영어처럼 LTR로 작성한 글을 RTL문맥에 맞게 오른쪽 정렬한다면 읽기가 어려워진다.
(3) 어떤 리스트의 항목을 나열할 때는 일관된 정렬을 사용하자.
항목간의 구분은 "내용"에 중점을 두어야지, 정렬이라는 의미 없는 구분요소를 부여함으로써 사용자에게 의문점을 주면 안 된다.
2. 숫자의 정렬
(1) 음, 숫자의 경우는 만드려는 어플이 수학적 지식이나 수 체계적인 지식을 중요시 한다면 현지화를 하는 데 공을 들여야 할 것인데
그렇지 않다면 iOS 시스템에 의존하라고 한다.
(2) 중요한 이슈는 특정 정보를 나타내는 숫자를 순서를 바꿔 나타내지 말 것!
(3) 아래와 같이 진행 상황이나 방향이 있는 곳에서는 숫자의 순서도 그것에 맞춘다.
3. 컨트롤 영역
(1) LTR은 어딜까지 반영할까를 한 번 더 생각하는 내용이다.
RTL 문화를 사는 사람으로서 당연한 모양들 하나하나를 살펴봐야 할 것이다.
컨트롤 방향도 그렇고,
혹 배터리 잔량 표시도 그럴 수 있고(위 그림에서 배터리 모양이 반전되어 있는 것을 보니 그럴 듯 하다.)
또 위 그림의 네비게이션 화살표 방향을 보니 제스쳐까지 포함되나 보다.
(2) 단, 이런 문맥을 살피되 "내용적"으로 유의미한 것이 있는 방향은 바뀌어선 안 된다.
(3) 언어별로 특성 및 크기에 차이가 있으므로 주변의 것들과 맞춰 사이즈를 적용하자.
2개의 언어가 혼용될 때도 각 언어의 크기 균형이 맞는지 살표볼 필요가 있다.
4. 이미지
(1) 일반적으로 이미지에는 의미가 담겨 있어, 뒤집어 사용하면 그 의미가 제대로 전달되지 않을 수 있다.
따라서 이미지를 뒤집지는 말고, 혹 정말 필요하다면 이미지의 새로운 버전을 만들어 쓰자.
(2) 단, 이미지들의 순서도 해당 언어의 문맥 순서에 맞게 재조정할 필요는 있다.
5. 인터페이스 아이콘
(1) 우선 여태까지 얘기했던 LTR 정렬은 아이콘에도 적용한다.
텍스트를 나타내는 아이콘이라든지, 문맥을 나타내는 아이콘이라든지.
스피커 모양까지 포함되는 것을 생각하지 못했다니, 실제 반영할 일이 있다면 정말 주의 깊게 살펴야겠다.
(2) 위 두번째 그림을 보면, 바뀌지 말아야 하는 부분이 있다
그 첫번짼는 로고나 보편적인 기호
두 번째는 실제 객체를 나타내는 것들
(3) 그래서 아이콘 하나를 재정의하더라고 무엇을 바꾸고 무엇을 바꾸지 말아야 할지 많은 고찰이 필요할 것이다.
위 그림에서 스피커는 반전시켰으나 "꺼짐"을 의미하는 역슬레시는 그대로 사용한다.
이는 LTR 정렬을 사용하는 나라여도, 역슬레시가 의미하는 것은 똑같으니 그것을 바꾸면 안 된다는 것이다.
결국 중요한 것은 사용하는 나라에 제대로 의미를 전달하기 위한 것이다.
그러기 위해 그 나라의 일반적인 문맥, 정렬을 따르면서 혹시 바꾸면 안 되는 것들까지 바꾼 것은 아닌지 살펴볼 필요가 있다.
HIG가 많은 경우를 알려주고 있지만 이는 실제 작업을 할 때 보다 깊은 고찰이 필요할 것이다.
'[7] Human Interface Guidelines > 1. Foundation' 카테고리의 다른 글
[6]_1_3. Motion (0) 2022.07.28 [6]_1_1. SF Symbols (0) 2022.07.21