다국어 웹사이트를 위한 레이아웃 아이디어: 사용자 경험 향상

웹사이트를 만들거나 디자인하는 것은 다양한 템플릿 중에서 가장 멋지다고 생각하는 템플릿을 선택하는 것만큼 쉬운 일이 아닙니다. 웹사이트의 모양과 느낌이 매우 중요한 요소이기는 하지만 결정을 내리기 전에 고려해야 할 유일한 사항은 아닙니다.

사실입니다. 웹사이트의 성공은 레이아웃, 사용자가 웹사이트를 사용하거나 탐색하는 동안 느끼는 감정과 관련이 있습니다. 이는 분명히 방문자의 사이트에 대한 의견과 구매 여부를 결정하는 데 좋은 영향을 미치거나 나쁜 영향을 미칩니다.

농담이 아니에요! Society of Digital Agencies(SoDA)의 보고서에 따르면 , 웹사이트 사용자 경험이 좋지 않으면 기업에 해롭습니다. 따라서 완벽한 레이아웃을 갖는 것은 웹사이트 및 사용자 경험 디자인의 핵심적인 측면입니다.

또한, 그들이 몇 가지 특징을 공유한다는 것을 알아차렸을 수도 있습니다. 다른 모든 산업과 마찬가지로 트렌드도 디자인 세계를 강타하기 때문입니다. 요즘은 풀 블리드 이미지와 3단 디자인이 디자이너들에게 유행입니다.

하지만 문제는 두 가지 경로 모두 유효하다는 것을 미리 알아야 한다는 것입니다. 두 경로 모두 장단점이 있습니다. 그렇다면 무엇을 해야 한다고 생각하십니까? 옵션은 집단적 상상 속에서 이러한 요소의 친숙함을 활용하거나, 눈에 띄고 매우 다른 것을 하여 매장에 주의를 끌기로 결정할 수 있습니다! 답하기 쉬운 질문이 아니며, 선택은 타겟 고객에 따라 달라집니다.

훌륭한 웹사이트의 특징

우리는 위대함에 대한 가능성이 다양한 형태로 나타나고, 다양한 곳에서 일할 수 있는 것이 많고, 다양한 옵션과 잠재력이 있다고 편안하게 말할 수 있습니다. 가장 좋은 선택은 타겟 고객과 운영하는 사업 유형에 따라 달라집니다. 이러한 선택은 브랜드 이미지를 형성하고 반영합니다.

Adobe, 3분의 2의 사람들이 시간에 쫓기면 단순한 것보다 아름답게 디자인된 것을 읽는 것을 선호하고, 38%의 사람들은 매력적이지 않으면 웹사이트를 떠납니다.. 이는 구체성이 부족한 매우 일반적인 진술처럼 보인다. 하지만 UX와 UI는 항상 디자인 전문가들이 연구하고 있으므로, 낯선 사람이 말하는 "아름다움"의 정의를 찾는 대신, 우리가 아름답게 만들 수 있는 것들을 찾고, 우리의 맥락에서 아름다움이 무엇을 의미하는지 정의해야 한다.

모든 사업이 동일하지 않기 때문에 좋은 웹사이트에 대한 기준도 일치하지는 않지만, 웹사이트 디자인 작업을 구성하는 다양한 요소에 대해 이야기하고 사업 영역과 원칙에 대해 생각하면서 이를 성찰할 수 있습니다.

1. 잡동사니 없는 : 콘텐츠 사이에 공간을 두고, 사용자가 관심 있는 것만 표시하도록 노력하세요. "장식"을 제거하세요. 상당한 음의 공간을 두어 요소를 더 쉽게 읽을 수 있도록 하세요.
2. 인터페이스 : 탐색을 간단하게 만드세요. 한 섹션에서 다른 섹션으로 가는 간단한 경로를 만드세요.
3. 시각적 계층 구조 : 그래픽 요소를 중요도 순으로 정렬합니다. 가장 중요한 것이 먼저 오거나 가장 많은 공간을 차지할 수 있으며, 방문자가 다양한 요소를 통해 눈을 안내하여 탐색할 수 있도록 돕습니다. 예를 들어, 사람들은 먼저 큰 것을 읽습니다 .
4. 색상 팔레트와 이미지 선택 : 간단히 말해서, 밝은 색상은 눈에 띄기 때문에 악센트로 효과적이며, 적절한 이미지와 결합하면 방문자의 관심을 더 오래 끌 수 있습니다!
5. 모바일 친화적 : 2019년 7월부터 모든 신규 웹 도메인의 기본은 모바일 우선 인덱싱 이며 검색에서 모바일 친화적 웹페이지의 순위도 상승했습니다 . 따라서 모바일 버전의 레이아웃도 잘 작동하는지 확인하세요.
6. 언어 전환 버튼 : 사실은 우리가 살고 있는 국가가 구매 장소를 제한하지 않는 국경 간 경제에서 살고 있다는 것입니다. 따라서 성공하려면 다국어 웹사이트가 없으면 안 됩니다.

다국어 웹사이트는 어떤 모습일까요?

좋은 소식입니다! 편안히 쉬세요. 다국어 웹사이트를 만드는 것은 힘든 일이 아닙니다. ConveyThis를 사용하여 웹사이트 레이아웃의 모서리 중 하나에 작은 언어 버튼을 추가하는 것만큼 쉽습니다. 국제적으로 온라인 사업을 하는 것이 그 어느 때보다 쉬워졌습니다.

몇 가지 웹사이트 레이아웃을 살펴보고, 그것들이 왜 그렇게 매력적인지 분석해 보겠습니다.

크래브트리 & 에블린

독일에서 시작하여 뛰어난 레이아웃과 언어 옵션을 통해 사업을 글로벌화한 바디 및 향수 기업인 크래브트리 & 에블린부터 시작해 보겠습니다.

제품의 종류가 매우 다양하기 때문에, 그들은 레이아웃을 신경 쓰고 홈페이지 화면을 먼저 간단한 메시지로 채우는 것과 같이 신중한 디자인 결정을 내려 방문자를 압도하지 않기로 했습니다. 이 경우에는 휴일 시즌에 대한 메시지였습니다. 그리고 아래로 스크롤하거나 "지금 구매" 버튼을 클릭하면 방문자를 해당 제품으로 안내합니다.

정말 세련되고 깔끔한 룩으로, 방문객들은 경험에 사로잡혀 더 오래 머물게 될 것입니다. 메뉴와 관련하여 검색을 위한 두 가지 옵션이 있습니다. 키워드를 입력할 수 있는 검색 버튼, 찾고 있는 것을 좁혔다면; 또는 쇼핑 버튼을 클릭한 다음, 카테고리별, 컬렉션별로 탐색할 위치나 방법을 선택하거나, 선물 세트를 확인하세요.

그리고 이제 가장 놀라운 기능인 언어 전환기를 살펴보겠습니다. 페이지 하단에서 찾을 수 있으며, 클릭하면 현재 매장 설정이 표시되고 대안이 있는 드롭다운 메뉴가 표시됩니다.

그리고 이건 언어 버튼 유형에 대한 기사에서 이전에 이야기했던 내용인데, 두 가지 옵션이 있다는 건 환상적입니다. 하나는 지역용이고 다른 하나는 언어용인데, 모든 사람이 자신의 언어나 국가로 탐색하는 건 아니기 때문입니다. 이 웹사이트는 잘 된 현지화 작업의 완벽한 예입니다. ConveyThis 팀에 연락하여 전 세계 사용자에게 웹사이트를 더욱 환영하는 방법에 대한 자세한 정보를 알아보세요!

디지털 민트

우선, 놀라운 작업입니다. 모든 곳에서 훌륭한 결정이 내려졌죠, 그렇지 않나요? 그리고 대조와 초점 영역을 확립하기 위한 환상적인 색상 사용. 이 사이트의 모든 좋은 점을 나열해 보겠습니다: 네거티브 스페이스, 다양한 크기의 글꼴, 사용자 정의 아트워크, 색상 및 색조.

크기가 다른 요소를 배열함으로써 어디서부터 읽기 시작할지 알 수 있으며, 빈 공간은 독자에게 잠시 멈출 시간을 줍니다.

여기서 우리는 시각적 계층구조의 명확한 예를 볼 수 있습니다.

가장 중요하지 않은 것부터 가장 중요한 것까지: 비즈니스 파트너는 밝은 색조로, "Make it happen"은 작은 글씨로, "let's talk" 버튼은 검은색 배경과 흰색 글자로, "Evolutionary digital"은 크고 굵은 글씨로, "marketing"은 이전과 같은 글씨로 표시하되 녹색으로 강조 표시했습니다.

또한, "실현시키세요"와 "이야기합시다"라는 명령은 방문자의 검색 경험에 도움이 됩니다.

탐색 모음은 크래브트리 & 에블린만큼 간단하고 명확하며, 오른쪽에 있는 소셜 미디어 모음은 도구로서 소셜 미디어를 크게 활용하는 기업에 좋은 선택입니다.

페이지 하단에서 언어 버튼을 찾을 수 있습니다. 버튼은 작지만 모든 옵션이 표시되고 색상이 밝고 Digital Menta 색상 팔레트와 매우 다르기 때문에 쉽게 찾을 수 있습니다.

요가

여기 정리된 웹사이트의 사랑스러운 예가 있습니다. 많은 부정적인 공간이 있고 색상 그림이 애니메이션으로 되어 있어 방문자에게 호기심을 불러일으킵니다! 캐주얼한 브라우저는 확실히 머물러서 나머지 웹사이트를 살펴보고 Yogang에 대해 더 알아볼 것입니다. 훌륭한 디자인입니다.

Yogang은 신체 활동, 휴식, 공유, 창의성을 결합한 어린이를 위한 재미있는 게임이며, 홈페이지는 이를 반영합니다. 요가 포즈를 취하는 다양한 캐릭터의 애니메이션은 프로그래밍 기술을 과시하기 위한 것이 아니라 제품의 정신을 반영합니다.

동시에 사랑스럽고 Yogang을 자녀의 어린 시절의 일부로 만드는 행동 촉구입니다. "구매" 버튼으로 충동구매자에게 어필하고 잠재 고객이 먼저 제품에 대해 자세히 알아볼 수 있도록 튜토리얼로 안내합니다.

메뉴 바가 긴 이유는 B2B와 B2C로 판매하기 때문에 그럴 만합니다. 즉, 서로 다른 것을 찾는 방문자가 다르고 모두 자신이 찾는 것을 빨리 찾아야 하기 때문입니다.

그들의 언어 버튼은 눈에 띄지 않는 버튼이며, "EN"과 "FR" 옵션이 있습니다. 그들은 좁은 언어 옵션을 가지고 있지만, 가장 큰 시장을 명확히 식별했고 사용자에게 최상의 경험을 제공하는 데 중점을 두었습니다.

네이비 또는 그레이

이 목록에는 많은 맞춤형 아트워크가 있습니다. 알다시피요. 매우 다재다능한 요소이고 이 웹사이트들은 특정한 모양과 느낌을 만들기 위해 그것을 아주 잘 사용합니다.

네이비 앤 그레이는 이 목록의 마지막 예이며, 이전에 칭찬했던 기능도 가지고 있습니다. 당신도 그것들을 알아냈나요? 매우 세련된 경험을 제공하고, 매혹적입니다. 모든 부정적인 공간을 보면서 차분함을 느끼고, 이 웹사이트를 탐색하는 생각에 전혀 압도당하지 않으며, 명확한 메뉴 바는 내가 원하는 것을 어려움 없이 찾을 수 있다는 확신을 줍니다.

메뉴에서 "셔츠"와 "정장"을 구분한 것이 마음에 들어요. 맞춤 양복점에 적합한 결정이에요. 다른 많은 매장에서는 이런 제품에 대한 하위 페이지를 만들었을 테고, 그것 역시 타당한 결정이에요. 하지만 네이비나 그레이의 경우에는 세련된 느낌을 주는 데 도움이 되죠.

특히 이 웹사이트는 오른쪽 상단에 언어 버튼을 두었고, 선택한 글꼴은 웹사이트의 나머지 부분과 동일합니다. 그리고 왼쪽 하단에는 빠른 연락을 위한 Whatsapp 버튼을 추가했습니다.

대상 고객을 위한 훌륭한 웹사이트를 디자인하세요

나열된 웹사이트는 좋은 디자인의 일반적인 원칙을 따르기 때문에 훌륭하지만, 또한 모든 결정이 정당화될 수 있기 때문에 그 이유는 그들이 속한 사업 영역일 수도 있지만, 타겟 고객일 수도 있습니다. 따라서 결정을 내릴 때 사업의 정체성, 이상, 고객을 염두에 두는 것을 잊지 마세요.

핵심은 검색을 간소화하는 방법과 최소한의 클릭으로 방문자가 원하는 정보로 유도하는 방법을 생각해내는 것입니다.

간단히 말해서, 방문자가 홈페이지에 접속하자마자 바로 행동 촉구 메시지를 보내고, 여백을 이용해 대조를 이루고 메시지와 같은 중요한 내용을 강조하세요. 마지막으로 간단한 메뉴와 언어 버튼을 사용하세요.

당신은 국제적으로 판매할 준비가 된 듯하며, 아마도 이 기사를 읽는 동안 환상적인 아이디어를 많이 떠올렸을 것입니다. ConveyThis에 대해 자세히 알아보고 온라인 판매를 늘리세요!