라벨이 다국어 웹사이트 설계인 게시물 표시

2편. 다국어 웹사이트 언어 선택 UI 설계: 배치부터 국기 금지까지

이미지
  지난 1편에서 URL 구조를 결정했다. 이제 사용자가 실제로 마주치는 화면을 설계할 차례다. 언어 선택 UI는 단순한 버튼 하나가 아니다. 잘못 설계하면 독자가 원하는 언어를 찾지 못하고 이탈한다. 온라인 신문사라면 특히 첫 방문자의 이탈을 막는 게 중요하다.       다국어 웹사이트 구조와 기술 설계   1편. 서브디렉토리, 서브도메인, 별도 도메인 2편. 언어 선택 UI는 설계방법 ←현재글 3편. CMS와 번역 도구 선택 기준 (예정) 4편. 다국어 사이트 기술 체크리스트 (예정) 5편. 모바일과 글로벌 템플릿 설계 팁 (예정) 6편. 운영 효율을 높이는 구조 설계 원칙 (예정) 7편. 구축 전 반드시 확인할 테스트 항목 (예정)   언어 선택 UI, 왜 중요한가? 언어 선택기는 국제 독자가 사이트에서 가장 먼저 찾는 UI 요소다. 찾지 못하면 사이트가 다국어를 지원하지 않는다고 판단하고 떠난다.   반대로 잘 설계된 언어 선택기는 체류 시간을 늘리고 바운스율을 낮춘다. 이는 검색엔진에도 긍정적인 신호를 준다. 전환율에도 직접 영향을 미친다. 간과하기 쉽지만 SEO와 수익화 모두에 연결된 요소다.     어디에 배치할 것인가? 위치는 가장 먼저 결정해야 할 사항이다. 헤더 우측 상단 이 가장 표준적인 위치다. 사용자 대부분이 언어 선택기를 이곳에서 찾는다. 습관적 탐색 경로에 맞춰야 한다. 글로벌 미디어 대부분이 이 방식을 쓴다.   푸터 도 보조 위치로 활용할 수 있다. 단독으로 쓰기보다 헤더와 함께 배치하는 게 좋다. 처음 방문한 독자가 푸터까지 스크롤하기를 기대하는 건 무리다.   모바일에서는 햄버거 메뉴 안 에 넣는 게 일반적이다. 화면이 좁기 때문이다. 단, 메뉴를 열어야 보이므로 발견 가능성이 낮아진다. 언어를 2~3개만 지원한다면 상단 바에 텍스트 링크로 노출하는 게 낫다.   핵심...