Ý tưởng bố cục cho trang web đa ngôn ngữ của bạn: Nâng cao trải nghiệm người dùng

Ý tưởng bố cục cho trang web đa ngôn ngữ của bạn: Nâng cao trải nghiệm người dùng với ConveyThis, sử dụng AI để đảm bảo điều hướng liền mạch bằng nhiều ngôn ngữ.
Truyền đạt bản trình diễn này
Truyền đạt bản trình diễn này
cửa hàng 4156934 1280

Tạo hoặc thiết kế một trang web không dễ dàng bằng việc chọn từ một loạt các mẫu mà bạn cho là tuyệt nhất. Mặc dù giao diện của một trang web là những yếu tố rất quan trọng, nhưng chúng không phải là điều duy nhất mà bạn phải suy nghĩ trước khi đưa ra quyết định.

Đó là một thực tế: sự thành công của trang web của bạn được liên kết với bố cục của nó, cảm giác của người dùng khi họ đang sử dụng hoặc duyệt trang web. Điều này chắc chắn ảnh hưởng đến khách truy cập của bạn tốt hơn hoặc xấu hơn theo quan điểm của họ về trang web của bạn và liệu họ có cân nhắc mua hàng hay không.

Không đua đâu! Theo một báo cáo từ Hiệp hội các cơ quan kỹ thuật số (SoDA) , trải nghiệm người dùng trang web kém sẽ gây bất lợi cho các doanh nghiệp. Vì vậy, có bố cục hoàn hảo là một khía cạnh quan trọng của trang web và thiết kế trải nghiệm người dùng.

Bạn cũng có thể nhận thấy rằng họ chia sẻ một số tính năng, đó là bởi vì giống như tất cả các ngành khác, các xu hướng cũng gây bão trong thế giới thiết kế. Ngày nay, hình ảnh tràn đầy đủ và thiết kế ba cột đều là những cơn thịnh nộ với các nhà thiết kế.

Nhưng đây là vấn đề, bạn nên biết trước rằng một trong hai con đường đều hợp lệ, cả hai đều có ưu và nhược điểm. Vì vậy, bạn nghĩ bạn nên làm gì? Các tùy chọn là tận dụng sự quen thuộc của các yếu tố này trong tưởng tượng tập thể hoặc bạn có thể quyết định nổi bật và thu hút sự chú ý đến cửa hàng của mình bằng cách làm điều gì đó cực kỳ khác biệt! Đây không phải là một câu hỏi dễ trả lời và lựa chọn của bạn sẽ phụ thuộc vào đối tượng mục tiêu của bạn.

Các đặc điểm của một trang web tuyệt vời

Chúng ta có thể thoải mái nói rằng khả năng trở nên vĩ đại có nhiều dạng và từ nhiều nơi, có rất nhiều thứ để làm, rất nhiều lựa chọn, rất nhiều tiềm năng. Lựa chọn tốt nhất của bạn sẽ phụ thuộc vào đối tượng mục tiêu của bạn và loại hình kinh doanh mà bạn điều hành. Những lựa chọn này hình thành và phản ánh hình ảnh thương hiệu của bạn.

Theo Adobe , hai phần ba số người thích đọc thứ gì đó được thiết kế đẹp mắt hơn là thứ gì đó đơn giản khi bị ép thời gian; và 38% mọi người sẽ rời khỏi một trang web nếu nó không hấp dẫn. Đây có vẻ như là những tuyên bố rất chung chung thiếu nhiều tính cụ thể. Nhưng UX và UI luôn được nghiên cứu bởi các chuyên gia thiết kế, vì vậy thay vì tìm kiếm một định nghĩa “đẹp” theo một người xa lạ, chúng ta nên tìm kiếm những thứ mà chúng ta có thể trở nên đẹp đẽ, và định nghĩa cái đẹp nghĩa là gì trong bối cảnh của chúng ta.

Vì không phải tất cả các doanh nghiệp đều giống nhau nên các tiêu chí cho một trang web tốt cũng sẽ không phù hợp, nhưng chúng ta có thể nói về tất cả các yếu tố khác nhau tạo nên nhiệm vụ thiết kế một trang web và bạn có thể suy nghĩ về chúng đồng thời suy nghĩ về lĩnh vực kinh doanh của mình và nguyên tắc.

  1. Không lộn xộn : Đặt khoảng trống giữa nội dung của bạn, cố gắng chỉ hiển thị những gì người dùng quan tâm. Loại bỏ “đồ trang trí”. Có không gian âm đáng kể để các yếu tố sẽ dễ đọc hơn.
  2. Giao diện : Làm cho điều hướng trở nên đơn giản. Có đường dẫn thẳng từ phần này sang phần khác.
  3. Hệ thống phân cấp trực quan : Sắp xếp các yếu tố đồ họa theo thứ tự quan trọng. Những điều quan trọng nhất có thể đến trước hoặc có thể chiếm nhiều không gian nhất, giúp khách truy cập của bạn điều hướng bằng cách hướng mắt họ qua các yếu tố khác nhau. Ví dụ, mọi người đọc những thứ lớn hơn trước .
  4. Bảng màu và lựa chọn hình ảnh : Tóm lại, màu sắc tươi sáng nổi bật và do đó hoạt động tuyệt vời như điểm nhấn và kết hợp với hình ảnh phù hợp, bạn có thể khiến khách truy cập của mình quan tâm lâu hơn!
  5. Thân thiện với thiết bị di động : Kể từ tháng 7 năm 2019, mặc định cho tất cả các miền web mới là lập chỉ mục ưu tiên thiết bị di động và cũng tăng thứ hạng của các trang web thân thiện với thiết bị di động trong tìm kiếm. Vì vậy, hãy đảm bảo rằng bố cục của phiên bản di động của bạn cũng hoạt động tốt.
  6. Nút chuyển đổi ngôn ngữ : Khi thực tế cho thấy rằng chúng ta đang sống trong một nền kinh tế xuyên biên giới, nơi quốc gia bạn đang sống không giới hạn nơi bạn có thể mua hàng, thì việc không có trang web đa ngôn ngữ không phải là một lựa chọn nếu bạn đang muốn phát triển .

Các trang web đa ngôn ngữ trông như thế nào?

Tin tốt! Bạn có thể thoải mái, việc tạo một trang web đa ngôn ngữ không phải là một thử thách, việc này dễ dàng như việc thêm một nút ngôn ngữ nhỏ vào một trong các góc của bố cục trang web bằng cách sử dụng ConveyThis . Kinh doanh trực tuyến quốc tế chưa bao giờ dễ dàng hơn thế.

Chúng ta hãy xem một số bố cục trang web và phân tích điều gì làm cho chúng trở nên hấp dẫn.

Crabtree & Evelyn

trang web đa ngôn ngữ

Hãy bắt đầu với Crabtree & Evelyn, một doanh nghiệp nước hoa và cơ thể bắt đầu ở Đức nhưng đã đưa hoạt động kinh doanh của mình ra toàn cầu với các tùy chọn ngôn ngữ và bố cục tuyệt vời.

Vì sự đa dạng của các sản phẩm quá rộng nên họ đã chọn cách không làm khách truy cập choáng ngợp bằng cách chăm sóc bố cục và đưa ra các quyết định thiết kế cẩn thận, chẳng hạn như lấp đầy màn hình trang chủ của họ trước tiên bằng một thông điệp đơn giản, trong trường hợp này là về mùa lễ hội. và khi bạn cuộn xuống hoặc nhấp vào nút “Mua ngay”, khách truy cập sẽ được dẫn đến sản phẩm.

Đó là một cái nhìn thực sự tinh tế và sạch sẽ, du khách chắc chắn sẽ ở lại lâu hơn, bị quyến rũ bởi trải nghiệm. Về menu, có hai tùy chọn để tìm kiếm, một nút tìm kiếm nơi bạn có thể nhập từ khóa, nếu bạn đã thu hẹp những gì bạn đang tìm kiếm; hoặc nhấp vào nút cửa hàng, sau đó chọn vị trí hoặc cách bạn muốn khám phá, theo danh mục, theo bộ sưu tập hoặc xem các bộ quà tặng.

Và bây giờ là điều tuyệt vời nhất từng có, trình chuyển đổi ngôn ngữ. Bạn có thể tìm thấy nó ở cuối trang và khi bạn nhấp vào nó, nó sẽ hiển thị cho bạn cài đặt cửa hàng hiện tại, với các menu thả xuống có các lựa chọn thay thế.

Gcacrx9aHcLT83pfrM3tsUTkczvFLdifAUuzTIzAc0 JD4ssXXK9W3v1SBX4QgTnq5 VscYbO1yuAM0rT1jyDiLnl9nFx38ItYRKXyF QLupqiwCH4S6cFSd KlOnlGubU7cDiQ

Và đây là điều chúng tôi đã đã đề cập trước đây trong bài viết về các loại nút ngôn ngữ, thật tuyệt vời khi họ có hai tùy chọn, một cho khu vực và một cho ngôn ngữ, vì chúng tôi biết rằng không phải ai cũng duyệt web bằng ngôn ngữ hoặc quốc gia của họ. Trang web này là ví dụ hoàn hảo về công việc bản địa hóa được thực hiện tốt. Hãy liên hệ với nhóm ConveyThis để tìm hiểu thêm thông tin về cách bạn có thể cải thiện trang web của mình chào mừng người dùng trên toàn thế giới!

Đúc tiền kỹ thuật số

9Bgi1xjIeqWsHHxUtgmNPV5OqJ8mVeU DG rPp yObUWhRIL 2uI4KnwMHTiU6hSsYVi6 uOnt3D4XEe EqGk6ftiSJRCY0 jVXPvyzljFBbytI

Trước hết, công việc tuyệt vời. Quyết định tuyệt vời ở khắp mọi nơi, bạn có nghĩ vậy không? Và cách sử dụng màu sắc tuyệt vời để thiết lập độ tương phản và vùng lấy nét. Hãy liệt kê tất cả những điều tốt đẹp về trang web này: không gian âm, phông chữ có kích thước khác nhau, tác phẩm nghệ thuật tùy chỉnh, màu sắc và tông màu.

Sự sắp xếp của các phần tử có kích thước khác nhau cho bạn biết nơi bắt đầu đọc và khoảng trắng giúp người đọc có thời gian tạm dừng.

Ở đây chúng ta có một ví dụ rõ ràng về hệ thống phân cấp thị giác:

UI60HMa9kr5 TVrbfB6sBOR4krOnGhSznoboGVJKTwjugQ9UAgY clb0vWrpEkZSy8pxhIatF9XNk4odFt1IzVnEI8oVr E468 03Y962iuJW3GXTSSklNTAZ6TugRYMzKOogul9

Từ ít nhất đến quan trọng nhất: các đối tác kinh doanh có tông màu nhạt hơn, “Làm cho nó xảy ra” bằng phông chữ nhỏ, nút “hãy nói chuyện” với nền đen và chữ trắng, “Kỹ thuật số tiến hóa” bằng phông chữ lớn và đậm, và “tiếp thị” trong cùng một phông chữ như trước nhưng được đánh dấu bằng màu xanh lá cây.

Ngoài ra, mệnh lệnh “Làm cho nó xảy ra” và “Hãy nói chuyện” cũng hỗ trợ khách truy cập trong trải nghiệm duyệt web của họ.

Thanh điều hướng đơn giản và rõ ràng như của Crabtree & Evelyn và thanh phương tiện truyền thông xã hội ở bên phải là lựa chọn tuyệt vời cho các doanh nghiệp phụ thuộc nhiều vào phương tiện truyền thông xã hội như một công cụ.

hlPLF9aRT2abusoxAsMPwSqdqCiiQyB0RLyZNnXZURFu0O9hM3oUx8k JJ2yECvMplqEImO1dl4MHTqZN0zP60aHq 0gPnOoq

Bạn có thể tìm thấy các nút ngôn ngữ của chúng ở cuối trang, chúng nhỏ nhưng tất cả các tùy chọn đều có thể nhìn thấy và màu sắc của chúng sáng và rất khác với bảng màu Digital Menta nên có thể dễ dàng tìm thấy chúng.

Yoga

Ở đây chúng tôi có một ví dụ đáng yêu về các trang web gọn gàng. Có rất nhiều không gian âm và các hình màu hoạt hình, điều này tạo cảm giác tò mò cho khách truy cập! Các trình duyệt thông thường chắc chắn sẽ ở lại và xem qua phần còn lại của trang web và tìm hiểu thêm về Yogang. Thiết kế rực rỡ.

Yogang là một trò chơi thú vị dành cho trẻ em kết hợp hoạt động thể chất, thư giãn, chia sẻ và sáng tạo, và trang chủ của họ phản ánh điều đó. Hình ảnh động của các nhân vật khác nhau đang thực hiện các tư thế yoga không phải để thể hiện kỹ năng lập trình, nó phản ánh tinh thần của sản phẩm.

Đồng thời đáng yêu và kêu gọi hành động để biến Yogang trở thành một phần tuổi thơ của con bạn. Họ thu hút những người mua bốc đồng bằng nút “Mua” và cũng giúp khách hàng tiềm năng tìm hiểu thêm về sản phẩm trước bằng cách hướng dẫn họ xem hướng dẫn.

Thanh menu dài hơn của họ hợp lý ở chỗ họ bán B2B và B2C, vì vậy họ có các loại khách truy cập khác nhau đang tìm kiếm những thứ khác nhau và tất cả họ đều phải nhanh chóng tìm thấy những gì họ đang tìm kiếm.

Nút ngôn ngữ của họ là một nút kín đáo với các tùy chọn “EN” và “FR”. Họ có các tùy chọn ngôn ngữ hẹp nhưng họ đã xác định rõ ràng thị trường lớn nhất của mình và tập trung nhiều vào việc cung cấp trải nghiệm tốt nhất có thể cho người dùng.

Hải quân hoặc xám

ĐẾN

Rất nhiều tác phẩm nghệ thuật tùy chỉnh trong danh sách này, chúng tôi biết. Đó là một yếu tố linh hoạt và các trang web này sử dụng chúng rất tốt để tạo ra một giao diện cụ thể.

Navy và Grey là ví dụ cuối cùng trong danh sách này, nó cũng có những tính năng mà chúng tôi đã ca ngợi trước đây, bạn cũng nhận ra chúng chứ? Nó tạo ra một trải nghiệm rất phức tạp, thật quyến rũ. Nó khiến tôi cảm thấy bình tĩnh khi nhìn thấy tất cả không gian tiêu cực đó, tôi hoàn toàn không bị choáng ngợp bởi ý tưởng duyệt trang web này và thanh menu rõ ràng đảm bảo với tôi rằng tôi sẽ tìm thấy thứ mình đang tìm kiếm mà không gặp khó khăn gì.

Tôi đánh giá cao cách họ tách riêng “Áo sơ mi” và “Bộ quần áo” trong menu, đó là một quyết định phù hợp cho một doanh nghiệp may đo, nhiều cửa hàng khác sẽ tạo trang con cho những sản phẩm này và đó cũng là một quyết định hợp lý, nhưng đối với Navy hoặc Grey, nó góp phần tạo nên vẻ bóng bẩy đó.

Đặc biệt, trang web này đã đặt nút ngôn ngữ của họ ở trên cùng bên phải và phông chữ họ đã chọn giống với phần còn lại của trang web. Và ở phía dưới bên trái, họ đã thêm nút Whatsapp để liên hệ nhanh.

Thiết kế một trang web tuyệt vời cho khán giả của bạn

Các trang web được liệt kê là tuyệt vời vì chúng tuân theo các nguyên tắc chung về thiết kế đẹp, nhưng cũng bởi vì tất cả các quyết định đều có thể được chứng minh, lý do có thể là lĩnh vực kinh doanh mà chúng đang hoạt động nhưng cũng có thể là đối tượng mục tiêu. Vì vậy, hãy nhớ ghi nhớ danh tính, lý tưởng và đối tượng của doanh nghiệp bạn khi đưa ra quyết định.

Điều quan trọng là suy nghĩ về cách đơn giản hóa việc tìm kiếm và cách dẫn khách truy cập của bạn đến những gì họ đang tìm kiếm với số lượng nhấp chuột ít nhất.

Tóm lại, hãy đưa ra lời kêu gọi hành động cho khách truy cập ngay khi họ truy cập trang chủ và sử dụng không gian âm để tạo độ tương phản và làm nổi bật những điều quan trọng, chẳng hạn như thông điệp của bạn; và cuối cùng nhưng không kém phần quan trọng, có một menu đơn giản và một nút ngôn ngữ.

Bạn có vẻ đã sẵn sàng bán hàng trên phạm vi quốc tế và có thể đã nảy ra rất nhiều ý tưởng tuyệt vời khi đọc bài viết này. Tìm hiểu thêm về ConveyThis và tăng doanh số bán hàng trực tuyến của bạn!

Bình luận (1)

  1. 4 thương mại điện tử đầy cảm hứng đang làm mọi thứ đúng đắn
    20 tháng 2, 2020 Đáp lại

    […] Những người được đề cử được đề cập có những nhà thiết kế tuyệt vời đã cống hiến hết mình và mang tất cả những ý tưởng hay nhất sẽ phản ánh tất cả lý tưởng của thương hiệu vào một cửa hàng ảo tuyệt đẹp sẽ biến khách truy cập thành khách hàng. […]

Để lại bình luận

Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu*