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

다국어 웹사이트를 위한 레이아웃 아이디어: ConveyThis로 사용자 경험을 향상하고 AI를 사용하여 여러 언어로 원활한 탐색을 보장합니다.
Conveythis 데모
Conveythis 데모
매장 4156934 1280

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

사실입니다. 웹사이트의 성공은 레이아웃, 즉 사용자가 웹사이트를 사용하거나 탐색하는 동안 느끼는 방식과 관련이 있습니다. 이는 방문자가 귀하의 사이트에 대한 의견과 구매를 고려할지 여부에 있어 방문자에게 좋은 영향을 미치거나 나쁜 영향을 미칩니다.

농담하지마! SoDA(Society of Digital Agency)의 보고서에 따르면 열악한 웹사이트 사용자 경험은 기업에 해롭다고 합니다. 따라서 완벽한 레이아웃을 갖는 것은 웹 사이트 및 사용자 경험 디자인의 중추적인 측면입니다.

다른 모든 산업과 마찬가지로 트렌드도 디자인 세계를 강타하기 때문입니다. 요즘에는 풀 블리드 이미지와 3열 디자인이 디자이너들 사이에서 유행하고 있습니다.

그러나 여기에 문제가 있습니다. 두 경로 중 하나가 유효하고 둘 다 장단점이 있음을 미리 알아야 합니다. 그래서, 당신은 어떻게 해야 한다고 생각합니까? 옵션은 집합적 상상에서 이러한 요소의 친숙함을 활용하거나 완전히 다른 일을 하여 눈에 띄고 매장에 관심을 끌도록 결정할 수 있습니다! 대답하기 쉬운 질문이 아니며 대상 고객에 따라 선택이 달라집니다.

훌륭한 웹사이트의 특징

우리는 위대함에 대한 가능성은 여러 가지 형태와 많은 장소에서 온다고 편안하게 말할 수 있으며, 많은 옵션, 많은 잠재력과 함께 일할 것이 많습니다. 가장 좋은 선택은 타겟 대상과 실행하는 비즈니스 유형에 따라 달라집니다. 이러한 선택은 브랜드 이미지를 형성하고 반영합니다.

Adobe 에 따르면 3분의 2의 사람들은 시간이 촉박할 때 평범한 것보다 아름답게 디자인된 것을 읽는 것을 선호합니다. 그리고 38%의 사람들은 매력적이지 않으면 웹사이트를 떠날 것입니다. 이것은 많은 구체성이 부족한 매우 일반적인 진술처럼 보입니다. 그러나 UX와 UI는 항상 디자인 전문가들에 의해 연구되고 있기 때문에 낯선 사람에 따라 "아름답다"의 정의를 찾는 대신 우리가 아름답게 변할 수 있는 것을 찾고 우리의 맥락에서 아름다움의 의미를 정의해야 합니다.

모든 비즈니스가 같지 않기 때문에 좋은 웹사이트의 기준도 일치하지 않지만 웹사이트 디자인 작업을 구성하는 다양한 요소에 대해 이야기할 수 있으며 비즈니스 영역에 대해 생각하면서 이를 반영할 수 있습니다. 그리고 원칙.

  1. 클러터 프리 : 콘텐츠 사이에 공간을 두고 사용자가 관심 있는 항목만 표시하도록 하십시오. "장식"을 제거하십시오. 요소를 더 쉽게 읽을 수 있도록 상당한 양의 여백을 두십시오.
  2. 인터페이스 : 탐색을 간단하게 만듭니다. 한 섹션에서 다른 섹션으로의 직선 경로가 있습니다.
  3. 시각적 계층 구조 : 중요도에 따라 그래픽 요소를 정렬합니다. 가장 중요한 것이 먼저 나오거나 가장 많은 공간을 차지할 수 있으므로 방문자가 다양한 요소를 통해 눈을 안내하여 탐색할 수 있도록 하십시오. 예를 들어 사람들은 더 큰 것을 먼저 읽습니다 .
  4. 색상 팔레트 및 이미지 선택 : 한마디로 밝은 색상이 눈에 띄기 때문에 악센트로 잘 작동하며 올바른 이미지와 함께 사용하면 방문자의 관심을 더 오래 유지할 수 있습니다!
  5. 모바일 친화적 : 2019년 7월부터 모든 새 웹 도메인의 기본값은 모바일 우선 인덱싱 이며 검색에서 모바일 친화적인 웹페이지 순위도 높아졌습니다 . 따라서 모바일 버전의 레이아웃도 제대로 작동하는지 확인하세요.
  6. 언어 전환 버튼 : 사실 우리는 당신이 살고 있는 국가가 당신이 구매할 수 있는 곳을 제한하지 않는 국경 간 경제에 살고 있다고 말할 때, 당신이 번창하고 싶다면 다국어 웹사이트가 없는 것은 선택 사항이 아닙니다. .

다국어 웹사이트는 어떤 모습인가요?

좋은 소식! 다국어 웹사이트를 만드는 것은 시련이 아닙니다. ConveyThis을 사용하여 웹사이트 레이아웃 모서리 중 하나에 작은 언어 버튼을 추가하는 것만큼 쉽습니다. . 국제적으로 온라인으로 비즈니스를 수행하는 것이 결코 쉬운 일은 아닙니다.

일부 웹사이트 레이아웃을 살펴보고 무엇이 그렇게 매력적인지 분석해 봅시다.

크랩트리와 에블린

다국어 웹 사이트

독일에서 시작했지만 훌륭한 레이아웃과 언어 옵션을 통해 글로벌 비즈니스를 시작한 바디 및 향수 기업인 Crabtree & Evelyn부터 시작하겠습니다.

제품의 종류가 워낙 다양하기 때문에 홈페이지 화면을 먼저 간단한 메시지로 채우는 등 레이아웃에 신경을 쓰고 신중한 디자인 결정을 내려 방문자를 압도하지 않도록 했습니다. , 아래로 스크롤하거나 "지금 구매" 버튼을 클릭하면 방문자가 제품으로 안내됩니다.

정말 세련되고 깨끗한 외관으로 방문객들은 확실히 더 오래 머무르고 그 경험에 매료될 것입니다. 메뉴와 관련하여 두 가지 검색 옵션이 있습니다. 검색하려는 항목을 좁힌 경우 키워드를 입력할 수 있는 검색 버튼입니다. 또는 쇼핑 버튼을 클릭한 다음 카테고리별, 컬렉션별로 탐색할 위치나 방법을 선택하거나 선물 세트를 확인하십시오.

그리고 지금까지 가장 놀라운 것은 언어 전환기입니다. 페이지 하단에서 찾을 수 있으며 클릭하면 대안이있는 드롭 다운 메뉴와 함께 현재 매장 설정이 표시됩니다.

Gcacrx9aHcLT83pfrM3tsUTkczvFLdifAUuzTIzAc0 JD4ssXXK9W3v1SBX4QgTnq5 VscYbO1yuAM0rT1jyDiLnl9nFx38ItYRKXyF QLupqiwCH4S6cFSd KlOnlGubU7cDiQ

이는 우리가 해낸 것입니다. 이전에 언어 버튼 유형에 대한 기사에서 언급한 내용과 같이 두 가지 옵션, 즉 지역별 옵션과 언어별 옵션이 있다는 점은 환상적입니다. 모든 사람이 자신의 언어나 국가에서 탐색하는 것은 아니라는 점을 알고 있기 때문입니다. 이 웹사이트는 잘 완료된 현지화 작업의 완벽한 예입니다. 귀하의 웹사이트를 더 좋게 만들 수 있는 방법에 대한 자세한 정보를 알아보려면 ConveyThis 팀에 문의하세요. 전 세계 사용자 여러분을 환영합니다!

디지털 민트

9Bgi1xjIeqWsHHxUtgmNPV5OqJ8mVeU DG rPp yObUWhRIL 2uI4KnwMHTiU6hSsYVi6 uOnt3D4XEe EqGk6ftiSJRCY0 jVXPvyzljFBbytI

우선, 놀라운 작품. 모든 곳에서 훌륭한 결정이라고 생각하지 않습니까? 대비 및 초점 영역을 설정하기 위한 환상적인 색상 사용. 네거티브 스페이스, 다양한 크기의 글꼴, 맞춤형 아트워크, 색상 및 색조 등 이 사이트의 좋은 점을 모두 나열해 보겠습니다.

다양한 크기의 요소의 배열은 읽기를 시작하는 위치를 표시하고 공백은 독자에게 일시 중지 할 수있는 시간을 제공합니다.

다음은 시각적 계층 구조의 명확한 예입니다.

UI60HMa9kr5 TVrbfB6sBOR4krOnGhSznoboGVJKTwjugQ9UAgY clb0vWrpEkZSy8pxhIatF9XNk4odFt1IzVnEI8oVr E468 03Y962iuJW3GXTSSklNTAZ6TugRYMzKOogul9

가장 작은 것부터 가장 중요한 것까지: 밝은 색조의 비즈니스 파트너, 작은 글꼴의 "Make it 실현", 검은색 배경과 흰색 글자의 "이야기" 버튼, 크고 굵은 글꼴의 "Evolutionary digital", "마케팅" 이전과 동일한 글꼴이지만 녹색으로 강조 표시됩니다.

또한 "일어나게 하라"와 "이야기하자"는 명령형도 방문자의 브라우징 경험을 돕습니다.

내비게이션 바는 Crabtree & Evelyn's처럼 간단하고 명확하며 오른쪽의 소셜 미디어 바는 소셜 미디어를 도구로 많이 사용하는 비즈니스에 적합합니다.

hlPLF9aRT2abusoxAsMPwSqdqCiiQyB0RLyZNnXZURFu0O9hM3oUx8k JJ2yECvMplqEimo1dl4MHTqZN0zP60aHq 0gPnOoq

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

요가

여기 정리된 웹사이트의 사랑스러운 예가 있습니다. 네거티브 공간이 많고 컬러 피규어가 애니메이션되어 방문자에게 호기심을 심어줍니다! 캐주얼 브라우저는 확실히 남아 웹 사이트의 나머지 부분을 살펴보고 Yogag에 대해 자세히 알아볼 것입니다. 화려한 디자인.

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

사랑스러운 동시에 Yogang을 자녀의 어린 시절의 일부로 만들기 위한 행동 촉구. 그들은 "구매" 버튼으로 충동 구매자에게 어필하고 잠재 고객이 튜토리얼로 안내하여 먼저 제품에 대해 더 많이 알 수 있도록 돕습니다.

더 긴 메뉴 바는 B2B와 B2C를 판매한다는 점에서 정당합니다. 그래서 그들은 다른 종류의 방문자가 다른 것을 찾고 있고 그들은 모두 그들이 찾고 있는 것을 빨리 찾아야 합니다.

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

네이비 또는 그레이

에게

이 목록에 있는 많은 맞춤형 아트워크를 알고 있습니다. 그것은 다재다능한 요소이며 이러한 웹 사이트는 특정 모양과 느낌을 만드는 데 매우 잘 사용합니다.

네이비와 그레이는 이 목록의 마지막 예입니다. 이전에 칭찬했던 기능도 가지고 있습니다. 그것들도 확인하셨나요? 그것은 매우 정교한 경험을 제공하고 매혹적입니다. 모든 부정적인 공간을 보면서 마음이 차분해집니다. 이 웹사이트를 탐색한다는 생각에 전혀 압도되지 않고 명확한 메뉴 표시줄이 내가 원하는 것을 힘들이지 않고 찾을 수 있다는 확신을 줍니다.

나는 그들이 메뉴에서 "셔츠"와 "수트"를 어떻게 분리했는지 감사합니다. 테일러링 비즈니스에 적합한 결정입니다. 다른 많은 상점에서 이러한 제품에 대한 하위 페이지를 만들었을 것입니다. 또한 합리적인 결정이지만 네이비 또는 그레이, 세련된 외관에 기여합니다.

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

청중을 위한 훌륭한 웹사이트 디자인

나열된 웹 사이트는 좋은 디자인의 일반적인 원칙을 따르기 때문에 훌륭하지만 모든 결정이 정당화될 수 있기 때문에 그 이유는 해당 비즈니스 영역일 수 있지만 대상 청중이 될 수도 있습니다. 따라서 결정을 내릴 때 비즈니스의 정체성, 이상 및 청중을 염두에 두어야 합니다.

핵심은 검색을 단순화하는 방법과 최소한의 클릭으로 방문자가 원하는 정보를 찾는 방법을 생각하는 것입니다.

요컨대 방문자가 홈페이지에 액세스하는 즉시 클릭 유도문안을 제공하고 부정적인 공간을 사용하여 대비를 만들고 메시지와 같은 중요한 사항을 강조하십시오. 마지막으로 간단한 메뉴와 언어 버튼이 있습니다.

당신은 해외로 판매할 준비가 되어 있는 것처럼 보이며 아마도 이 기사를 읽는 동안 많은 환상적인 아이디어를 떠올렸을 것입니다. ConveyThis에 대해 자세히 알아보고 온라인 판매를 늘리십시오!

댓글 (1)

  1. 모든 것을 올바르게 수행하는 4가지 영감을 주는 전자 상거래
    2020 년 2 월 20 일 댓글

    [...] 언급 된 후보자는 훌륭한 디자이너가 모든 것을 제공하고 브랜드의 모든 이상을 반영하는 모든 최고의 아이디어를 방문자를 고객으로 만드는 멋진 가상 상점으로 가져 왔습니다. [...]

댓글 남기기

귀하의 이메일 주소는 공개되지 않습니다. 필요 입력 사항은 표시되어 있습니다*