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

Việc tạo hoặc thiết kế một trang web không dễ dàng như việc chọn một mẫu mà bạn cho là tuyệt nhất từ nhiều mẫu khác nhau. 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 đó không phải là những điều duy nhất bạn phải nghĩ đến trước khi đưa ra quyết định.

Sự thật là: sự thành công của trang web của bạn có liên quan đến bố cục của nó, cảm nhận của người dùng khi họ 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 theo hướng tốt hơn hoặc xấu hơn trong 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 đùa đâu! Theo 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 có hại cho doanh nghiệp. Vì vậy, có bố cục hoàn hảo là khía cạnh quan trọng của thiết kế trang web và trải nghiệm người dùng.

Bạn cũng có thể nhận thấy rằng chúng có chung một số tính năng, đó là vì giống như tất cả các ngành công nghiệp khác, xu hướng cũng làm khuynh đảo thế giới thiết kế. Ngày nay, hình ảnh tràn lề và thiết kế ba cột đang thịnh hành với các nhà thiết kế.

Nhưng vấn đề ở đây là, bạn nên biết trước rằng cả hai con đường đều hợp lệ, cả hai đều có ưu và nhược điểm. Vậy, bạn nghĩ mình nên làm gì? Các lựa chọn là tận dụng sự quen thuộc của các yếu tố này trong trí 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ì đó hoàn toàn khác biệt! Đây không phải là 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 đạt được sự vĩ đại đến từ nhiều hình thức và từ nhiều nơi, có rất nhiều thứ để làm, nhiều lựa chọn, nhiều tiềm năng. Nhữ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 và loại hình doanh nghiệp 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 điệu khi không có nhiều thời gian; và 38% số người sẽ rời khỏi 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 tiêu chí cho một trang web tốt cũng sẽ không giống nhau, 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 ngẫm về chúng trong khi cũng nghĩ về lĩnh vực kinh doanh và nguyên tắc của mình.

1. Không lộn xộn : Đặt khoảng cách 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ỏ các "đồ trang trí". Có khoảng cách âm đáng kể để các yếu tố dễ đọc hơn.
2. Giao diện : Làm cho việc điều hướng trở nên đơn giản. Có đường dẫn trực tiếp từ phần này sang phần khác.
3. 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 thứ quan trọng nhất có thể xuất hiệ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, những màu sắc tươi sáng nổi bật và do đó có thể dùng làm điểm nhấn, và khi kết hợp với hình ảnh phù hợp, bạn có thể giữ chân khách truy cập lâu hơn!
5. Thân thiện với thiết bị di động : Tính đến tháng 7 năm 2019, mặc định cho tất cả các tên 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 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 sinh 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à lựa chọn phù hợp nếu bạn muốn phát triển.

Trang web đa ngôn ngữ trông như thế nào?

Tin tuyệt vời! Bạn có thể thư giãn, việc tạo một trang web đa ngôn ngữ không phải là một thử thách, nó dễ dàng như 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 của bạn bằng cách sử dụng ConveyThis. Kinh doanh trực tuyến quốc tế chưa bao giờ dễ dàng đến thế.

Hãy cùng xem xét một số bố cục trang web và phân tích lý do khiến chúng hấp dẫn đến vậy.

Cây Crabtree và Evelyn

Hãy bắt đầu với Crabtree & Evelyn, một doanh nghiệp sản xuất mỹ phẩm và nước hoa có khởi đầu tại Đức nhưng đã mở rộng hoạt động kinh doanh ra toàn cầu với giao diện và tùy chọn ngôn ngữ tuyệt vời.

Vì sự đa dạng của sản phẩm rất lớn nên họ đã chọn cách không làm cho khách truy cập của mình choáng ngợp bằng cách chú trọng đến bố cục và đưa ra các quyết định thiết kế cẩn thận, chẳng hạn như trước tiên lấp đầy màn hình trang chủ bằng một thông điệp đơn giản, trong trường hợp này là về mùa lễ, 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 các sản phẩm.

Đây là một giao diệ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ị cuốn hút 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 phạm vi tìm kiếm; hoặc nhấp vào nút cửa hàng, sau đó chọn nơi hoặc cách bạn muốn khám phá, theo danh mục, theo bộ sưu tập hoặc xem qua các bộ quà tặng.

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

Và đây là điều mà chúng tôi đã nói đến trước đây trong bài viết về các loại nút ngôn ngữ, thật tuyệt khi chúng 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 bằng ngôn ngữ của họ hoặc ở quốc gia của họ. Trang web này là ví dụ hoàn hảo về một công việc bản địa hóa được thực hiện tốt. Liên hệ với nhóm ConveyThis để tìm hiểu thêm thông tin về cách bạn có thể làm cho trang web của mình thân thiện hơn với người dùng trên toàn thế giới!

Mint kỹ thuật số

Trước hết, tác phẩm tuyệt đẹp. Những quyết định tuyệt vời ở khắp mọi nơi, bạn không nghĩ vậy sao? Và cách sử dụng màu sắc tuyệt vời để tạo độ tương phản và các vùng tập trung. Hãy cùng 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à sắc thái.

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

Dưới đây là một ví dụ rõ ràng về hệ thống phân cấp trực quan:

Từ ít quan trọng nhất đến quan trọng nhất: các đối tác kinh doanh sử dụng màu nhạt hơn, “Make it happen” bằng phông chữ nhỏ, nút “let's talk” có nền đen và chữ màu trắng, “Evolutionary digital” bằng phông chữ lớn và in đậm, và “marketing” bằng cùng phông chữ như trước nhưng được đánh dấu bằng màu xanh lá cây.

Ngoài ra, các lệnh bắt buộc “Thực hiện” và “Hãy nói chuyện” cũng hỗ trợ trải nghiệm duyệt web của khách truy cập.

Thanh điều hướng đơn giản và rõ ràng như 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.

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

Yoga

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

Yogang là một trò chơi vui nhộn 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 đó. Hoạt hình của các nhân vật khác nhau thực hiện các tư thế yoga không phải là để thể hiện kỹ năng lập trình, mà là sự phản ánh tinh thần của sản phẩm.

Vừa đáng yêu vừa là lời kêu gọi hành động để biến Yogang thành một phần tuổi thơ của con bạn. Chúng hấp dẫn người mua hàng 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ọ đến phần hướng dẫn.

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

Nút ngôn ngữ của họ là một nút không phô trương 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 các 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.

Xanh nước biển hoặc xám

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

Navy and Grey là ví dụ cuối cùng trong danh sách này, nó cũng có các tính năng mà chúng tôi đã ca ngợi trước đó, bạn có nhận ra chúng không? Nó tạo nên trải nghiệm rất tinh tế, hấp dẫn. Nó khiến tôi cảm thấy bình tĩnh, khi nhìn thấy tất cả không gian âm đó, tôi không hề 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 những gì mình đang tìm kiếm mà không gặp bất kỳ khó khăn nào.

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

Trang web này nói riêng đã đặt nút ngôn ngữ của họ ở góc trên 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à ở góc 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 đối tượng 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 lý chung của thiết kế tốt, nhưng cũng vì tất cả các quyết định đều có thể được biện minh, lý do có thể là lĩnh vực kinh doanh mà họ đang tham gia, nhưng cũng có thể là đối tượng mục tiêu. Vì vậy, hãy nhớ ghi nhớ bản sắc, 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à phải nghĩ cách đơn giản hóa việc tìm kiếm và cách dẫn dắt khách truy cập đến những gì họ đang tìm kiếm với số lần nhấp chuột ít nhất.

Tóm lại, hãy kêu gọi khách truy cập hành động ngay khi họ truy cập trang chủ và sử dụng khoảng trống để tạo sự tương phản và làm nổi bật những điều quan trọng, 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, hãy 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 ra quốc tế và có thể đã nảy ra 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à thúc đẩy doanh số bán hàng trực tuyến của bạn!