언어 선택 버튼 잘 만드는 법

현지화 전략을 세울 때, 다국어 사이트는 가장 중요한 목표 중 하나여야 해요. 그리고 이미 다국어 사이트를 운영하고 있다면, 방문자들이 원하는 언어로 콘텐츠를 볼 수 있게 하는 가장 쉬운 방법은 사이트 메인에 직관적이고 눈에 잘 띄는 언어 선택 버튼을 두는 것이라는 걸 아마 알고 계실 거예요.

다국어 사이트에 투자하는 건 현명한 선택이에요. 현지화 산업 표준 협회(LISA)에 따르면, 평균적으로 웹사이트 현지화에 1유로를 투자하면 25유로를 돌려받을 수 있다고 하거든요. 언어 선택 버튼은 모든 다국어 사이트의 핵심 요소예요. 새로운 고객을 유치하고 유지하는 능력을 높여줄 뿐만 아니라 사용자 경험에도 아주 중요한 역할을 하죠.

그래서 사이트에 딱 맞는 언어 선택 버튼을 디자인하는 건 아주 중요해요. 이번 글에서는 사이트에 적용할 완벽한 언어 선택 버튼을 디자인하고 맞춤 설정하는 방법을 자세히 알아볼 거예요. 

내 언어 선택 버튼 맞춤 설정하기 

언어 선택 버튼을 직접 사용해봤거나 다국어 사이트를 자주 방문하는 분이라면 시중에 정말 다양한 종류가 있다는 것을, 그리고 나만의 버튼을 만들 때 맞춤 설정할 수 있는 범위가 꽤 넓다는 것을 아실 거예요.

하지만 아마 눈치채셨겠지만, 어떤 버튼은 다른 버튼보다 훨씬 효과적이에요. 그럼 나만의 언어 선택 버튼을 만들 때 해야 할 것과 하지 말아야 할 것들을 살펴볼까요? 

국기를 넣을까 말까?

언어 선택 버튼을 맞춤 설정할 때 가장 크게 고민해야 할 부분 중 하나는 바로 국기를 사용할지 말지예요. 국기는 언어가 아니라 나라를 나타내지만, 다국어 사이트에서는 여전히 흔하게 사용되는 방식이죠. 그럼 어떻게 해야 할까요?

United Language Group에서 지적했듯이, 국기는 언어를 나타내기 위해 만들어진 것도 아니고, 언어를 대표하지도 않아요.

예를 들어, 영국 국기 🇬🇧 를 생각해 보세요. 이 국기는 종종 영어를 나타내는 데 사용되지만, 아일랜드 🇮🇪, 호주 🇦🇺, 미국 🇺🇸 , 심지어 자메이카 🇯🇲 같은 나라들도 영어를 모국어로 사용한다는 점을 고려하면 완전히 정확한 표현은 아니에요.

이 나라들은 각기 다른 언어와는 별개로 고유한 정체성을 가지고 있어요. 그래서 국기를 사용하는 것은 문화적으로 무감각하게 비칠 위험이 있죠. 이 때문에 어떤 사람들은 특정 국가에 맞는 콘텐츠를 제공할 때만 국기를 사용해야 한다고 생각해요. 

하지만 언어 버튼에 깃발을 사용하는 것도 똑같이 유용할 수 있어요. 우선, 디자인 관점에서 보면 다채롭고 공간 효율적이라서, 작업할 공간이 부족할 때 좋은 선택이 될 수 있죠. 게다가 언어 전환기에 깃발을 추가하면 색감이 더해져서 언어 버튼이 더 눈에 잘 띄고, 웹사이트 사용자들이 더 빨리 찾을 수 있게 해줘요.

여기 프랑스 안경 브랜드 Jimmy Fairly는 여러 언어를 나타내기 위해 국기를 추가했어요. 전체 단어 대신 언어 이니셜과 함께 말이죠.

언어 선택 버튼 위치

언어 버튼을 더 눈에 띄게 만드는 것 외에도, 웹페이지에서 언어 전환기의 위치도 고려해야 해요. 물론, 이 부분은 이미 사이트에 있는 다른 기능들 때문에 정해져 있을 수도 있고요.

위에서 봤듯이, Jimmy Fairly는 언어 선택 버튼을 화면 오른쪽 상단에 배치했어요. 하지만 Youth With A Mission 같은 다른 예를 보면 웹페이지 오른쪽 하단에 언어 선택 버튼을 배치했다는 걸 알 수 있을 거예요. 그럼 어떤 위치가 더 효과적일까요?

웹페이지 오른쪽 하단에 언어 선택 버튼을 두는 것은 사람의 시선이 마지막으로 머무는 영역에 놓인다는 뜻이에요. 이 영역은 사람들이 눈을 쉬게 하면서 언어 선택 버튼과 상호작용할 가능성이 가장 높은 곳이거든요.

그러니까 기본적으로 언어 선택 버튼의 발견 가능성 측면에서 볼 때, 위치상으로는 오른쪽 하단이 과학적으로 가장 좋은 선택이라는 거죠.

하지만 그렇다고 Jimmy Fairly가 잘못했다는 뜻일까요? 절대 아니죠. 아마 헤더에 채워야 할 빈 공간이 있었거나, 이미 오른쪽 하단을 다른 기능이나 팝업에 사용하고 있었을 수도 있어요.

보셨듯이, Jimmy Fairly는 깃발 아이콘을 선택해서 웹사이트 방문자들이 언어 버튼을 바로 알아볼 수 있게 했어요. Youth With A Mission은 깃발을 사용하지 않았지만, 언어 버튼의 위치를 잘 잡아서 눈에 잘 띄게 했죠. 요점은 이거예요: 여러분의 사이트에 뭐가 잘 맞을지 고려해야 하고, 한 사이트에 좋다고 해서 다른 사이트에도 꼭 최고는 아닐 수 있다는 거죠.

참고: 만약 여러분의 사이트가 아랍어, 히브리어, 페르시아어처럼 RTL(오른쪽에서 왼쪽으로 쓰는) 언어를 주로 사용한다면, 이 언어 전환 버튼을 웹페이지 왼쪽 하단에 두는 것을 고려해 볼 수 있어요. 이런 형식에서는 마지막 부분이 왼쪽으로 옮겨지기 때문이죠. 

전체 이름으로 할까요, 아니면 약어로 할까요?

또 자주 묻는 질문 중 하나는 언어 전환 버튼에 언어의 전체 이름을 넣어야 하는지 여부예요. 음, 이걸 고민하기 전에 먼저 해야 할 일은 각 언어가 사이트 방문자의 모국어로 표시되도록 하는 거예요.

예를 들어, 영어, 프랑스어, 이탈리아어, 독일어, 스페인어를 지원하는 사이트를 운영한다면, 언어 전환 버튼에는 English, Français, Italiano, Deutsch, Español이라고 표시되어야 해요.

이미 아시겠지만, 스페인어 사용자는 자기 언어의 영어 단어가 Español과 너무 달라서 알아보지 못할 수도 있기 때문이에요. 

Bluetooth가 자사의 다국어 사이트에서 이렇게 해서 큰 성공을 거두었죠. 이건 웹사이트 방문자들에게 실용적인 면에서 도움이 될 뿐만 아니라, 사용자 경험을 다른 방식으로도 향상시켜줘요. 즉, 고객의 요구에 민감하고 고객을 소중히 여긴다는 것을 보여주는 거죠. 

언어 버튼을 브랜드 충성도나 고객 유지와 연결 짓는 것이 언뜻 보면 좀 과하게 들릴 수도 있지만, 사실, 고객 중심적이고 경쟁이 심화되는 상업 환경에서는 이런 작은 디테일들이 큰 차이를 만들 수 있어요. 

이제 이 점이 명확해졌으니, 다음 질문은 언어의 전체 이름을 유지할지, 아니면 간단히 약어를 사용할지 하는 거예요. 

언어 버튼 아이콘

위 이미지에서 보셨겠지만, Bluetooth의 언어 버튼은 사실 아이콘이에요. 여기서는 클릭하면 아래로 펼쳐지는 지구본 모양이죠. 문제는 아이콘이 언어 버튼을 나타내는 좋은 방법일까요?

언어 버튼을 아이콘으로 표시하면, 일부 웹사이트 방문자들이 그 아이콘이 무엇을 의미하는지 이해하지 못해서 추가 언어 옵션이 있다는 것을 알아채지 못할 위험이 항상 있어요.

여기서 좋은 방법은 전 세계적으로 알아볼 수 있는 아이콘을 사용하려고 노력하는 거예요. Bluetooth가 바로 그렇게 했죠. 지구본 자체보다 더 전 세계적으로 알아볼 수 있는 게 또 있을까요? 

'언어 아이콘'으로 구글에서 빠르게 검색해 보면 지구본이나 말풍선이 검색 결과 상위에 뜨는 것을 금방 알 수 있을 거예요.

게다가, 언어 버튼을 아이콘으로 사용하고 싶은 분들에게 또 다른 추천은 방문자들이 자신에게 가장 적합한 언어로 사이트를 둘러볼 기회를 놓치지 않도록, 푸터나 웹페이지의 다른 부분에 또 다른 언어 버튼(가급적이면 라벨이 붙은)을 배치하는 거예요. 

예를 들어, Uber는 웹사이트 방문자들이 페이지 상단의 언어 옵션을 놓쳤더라도, 푸터에서 언어를 변경할 수 있는 선택권을 여전히 제공하고 있어요.

결국, UX(사용자 경험)에 대한 이러한 투자는 사업적으로 여러분에게 이득이 될 거예요. CSA에서 실시한 연구에 따르면 다음과 같아요:

– 72.4% 의 소비자가 모국어로 된 정보가 있는 제품을 구매할 가능성이 더 높다고 답했어요.

– 72.1%의 소비자가 웹사이트에서 대부분 또는 모든 시간을 모국어로 된 콘텐츠를 보며 보낸다고 해요.

– 48.6%의 소비자는 모국어로 제공되는 웹사이트에서만 구매한다고 합니다.

언어 리디렉션?

자동 언어 리디렉션은 많은 다국어 웹사이트에서 흔히 볼 수 있는 기능으로, 웹 방문자의 브라우저 언어나 IP 주소에 따라 웹사이트 언어를 변경해 줘요.

Weglot 사용자라면, 아주 편리한 "자동 전환(Auto-Switch)" 현지화 기능을 사용할 수 있어요. 이 기능은 사용자의 브라우저 언어에 따라 자동으로 특정 언어로 리디렉션해 주죠. 예를 들어, 웹사이트가 영어와 스페인어 두 가지 언어로 제공된다고 가정해 볼까요? 이 기능은 다음과 같이 작동해요:

• 브라우저 언어가 스페인어라면 스페인어 사이트로 리디렉션 
• 브라우저 언어가 영어라면 영어 사이트로 리디렉션
• 브라우저 언어가 영어도 스페인어도 아니라면, 자동으로 전환되는 대체 옵션을 선택할 수 있어요. 예를 들어, 영어가 더 널리 사용되니까 기본 언어로 영어를 선택할 수도 있죠.

그럼 이런 질문이 생길 수 있죠. 자동 리디렉션을 설정했다면 언어 버튼을 없애도 될까요? 절대 안 돼요. 

위에서 말한 영어-스페인어 이중 언어 웹사이트를 예로 들어볼게요. 만약 독일어와 스페인어를 모두 사용하는 사람이 브라우저 언어를 독일어로 설정했다면 어떨까요? 이런 리디렉션 규칙에 따르면, 방문자는 사이트의 영어 버전으로 연결될 거예요.

그래서 언어 리디렉션이 설정되어 있더라도, 방문자들이 언어 버튼을 통해 언어를 바꿀 수 있는 옵션이 꼭 필요해요. 그렇지 않으면, 이 방문자는 자기가 이해하는 스페인어 버전의 사이트에 접속할 수 없게 되니까요.

핵심 요약

• 언어 버튼은 원하는 대로 바꿀 수 있는 기능이 많고, 다국어 웹사이트의 전반적인 사용자 경험(UX)을 좋게 만드는 데 아주 중요한 역할을 해요. 
• 언어 버튼은 눈에 잘 띄어야 해요. 깃발을 사용해서 돋보이게 할지, 웹페이지에서 위치를 최적화할지, 아니면 둘 다 할지 고민해 보세요!
• 약어 대신 언어의 전체 이름을 사용하고, 언어 이름은 해당 언어로 쓰는 것을 잊지 마세요! 예를 들어, 'Italian'이 아니라 'Italiano'처럼요.
• 언어 리디렉션 기능은 현지화 전략에 아주 좋은 추가 기능이 될 수 있지만, 언어 버튼을 희생하면서까지 사용하지는 마세요. 그렇게 하면 여러분과 방문자 모두 손해를 볼 수 있거든요!

Weglot으로 언어 버튼 추가하기

사이트를 다국어로 만들고 메인 페이지에 언어 버튼을 추가하면, 새로운 고객층에게 사이트를 알리고 매출과 수익을 늘리는 데 도움이 돼요. 다행히 Weglot은 사이트에 언어 버튼을 추가하는 과정을 아주 쉽고 매끄럽게 만들어주며, 간단하지만 효과적이고 맞춤 설정 가능한 언어 전환기 옵션을 제공한답니다. 

잘 디자인된 언어 버튼은 사이트 디자인과 완벽하게 어우러져서, 사용자 경험 면에서 화룡점정이라고 할 수 있어요.

Weglot의 14일 무료 체험을 통해 언어 버튼이 여러분의 사이트에 얼마나 새로운 가능성을 열어줄 수 있는지 직접 확인해 보는 건 어때요?