Web Guide언어 전환다국어 UI국기 아이콘
다국어 전환 UI 설계
국기 아이콘만으로 언어를 표시하면 혼란을 줍니다.
영어는 어느 나라 국기를 써야 할지 애매하고, 나라와 언어는 일대일로 대응하지 않습니다.

01국기 아이콘의 문제
국기는 나라를 나타내고, 언어는 나라와 다릅니다. 영어를 쓰는 나라가 여럿이고, 한 나라에서 여러 언어를 쓰기도 합니다.
또 국기를 쓰면 '어느 나라 사람인지' 묻는 것처럼 느껴질 수 있습니다.
국기 아이콘
영어를 어느 국기로 표시할지 애매 · 나라와 언어가 일대일이 아님 · 작은 크기에서 구분 어려움 · 정치적으로 민감할 수 있음
언어 이름 표기
'KOR / ENG' 또는 '한국어 / English' · 명확함 · 오해 없음 · 작은 크기에서도 읽힘
02표기 방식
그 언어를 쓰는 사람이 읽을 수 있는 형태로 표기하는 것이 원칙입니다. 영어 사용자에게 '영어'라고 한글로 써 두면 읽지 못합니다.
각 언어를 그 언어로 표기하세요.
해당 언어로 표기
'한국어', 'English', '中文', '日本語'. 그 언어 사용자가 읽을 수 있게.
약어 사용
'KOR / ENG'. 공간이 좁을 때. 다만 덜 명확합니다.
현재 언어 표시
지금 어느 언어인지 알 수 있게 표시합니다.
선택지 나열
언어가 2~3개면 나란히, 많으면 목록으로.
03위치와 동작
상단 오른쪽이 관례입니다. 찾기 쉬운 곳에 두되, 주요 메뉴보다 눈에 띄지 않게 하는 것이 일반적입니다.
언어를 바꿨을 때 같은 페이지의 해당 언어 버전으로 가야 합니다. 메인으로 돌아가면 불편합니다.
1
상단 오른쪽
관례적인 위치. 찾기 쉽습니다.
2
같은 페이지 유지
언어를 바꿔도 보던 페이지의 해당 언어 버전으로.
3
해당 페이지가 없을 때
번역되지 않은 페이지라면 안내하고 메인이나 가장 가까운 페이지로.
4
선택 기억
다음 방문 때도 선택한 언어가 유지되게 합니다.
5
모바일
메뉴 안에 넣거나 상단에 작게. 찾을 수 있어야 합니다.
04자동 전환은 신중하게
방문자의 위치나 브라우저 설정을 보고 자동으로 언어를 바꾸는 방식이 있습니다. 편리해 보이지만 문제도 있습니다.
한국에 있는 외국인이 한국어 페이지로 가거나, 한국인이 해외에서 영어 페이지로 가는 경우입니다.
위치나 설정이 실제 선호 언어와 다를 수 있습니다.
자동으로 바꾸는 대신 '영어 페이지가 있습니다'라고 안내합니다.
자동 전환을 하더라도 직접 바꿀 수 있어야 합니다.
사용자가 직접 고른 언어를 기억하고 유지합니다.
자동 전환이 검색엔진 색인에 영향을 줄 수 있습니다.
CHECK POINT
□ 국기 아이콘 대신 언어 이름으로 표기했는가
□ 각 언어를 그 언어로 표기했는가
□ 현재 어느 언어인지 표시되는가
□ 언어를 바꿔도 같은 페이지가 유지되는가
□ 번역되지 않은 페이지의 처리 방식이 있는가
□ 선택한 언어가 다음 방문에도 유지되는가
□ 자동 전환보다 안내 후 선택 방식을 검토했는가
□ 모바일에서 언어 전환을 찾을 수 있는가
#언어 전환#다국어 UI#국기 아이콘#언어 표기#자동 전환#다국어 SEO#사용성#홈페이지 디자인#웹비스타#홈페이지 제작