多語言網站的佈局思路:增強使用者體驗

多語言網站的佈局思路:透過 ConveyThis 增強使用者體驗,使用 AI 確保多語言無縫導航。
傳達這個演示
傳達這個演示
商店 4156934 1280

創建或設計網站並不像從各種各樣的模板中選擇您認為最酷的模板那麼容易。雖然網站的外觀和感覺是非常重要的因素,但它們並不是您在做出決定之前必須考慮的唯一因素。

這是一個事實:您網站的成功與它的佈局、用戶在使用或瀏覽時的感受有關。這肯定會影響訪問者對您網站的看法以及他們是否會考慮購買。

別開玩笑了!根據數字代理協會 (SoDA) 的一份報告,糟糕的網站用戶體驗對企業不利。因此擁有完美的佈局是網站和用戶體驗設計的關鍵方面。

您可能還注意到它們有一些共同特徵,那是因為就像所有其他行業一樣,趨勢也席捲了設計界。如今,全出血圖像和三列設計在設計師中風靡一時。

但這就是問題所在,您應該事先知道任何一條路徑都是有效的,它們各有利弊。那麼,你認為你應該怎麼做?選擇是利用集體想像中這些元素的熟悉度,或者您可以決定通過做一些截然不同的事情來脫穎而出並引起您的商店的注意!這不是一個容易回答的問題,您的選擇將取決於您的目標受眾。

優秀網站的特徵

我們可以舒適地說,偉大的可能性有多種形式,從許多地方,有很多工作,很多選擇,很多潛力。最佳選擇將取決於您的目標受眾和您經營的業務類型。這些選擇形成並反映了您的品牌形象。

根據Adobe 的說法,三分之二的人在時間緊迫時寧願閱讀設計精美的東西,也不願閱讀簡單的東西;如果網站沒有吸引力,38% 的人會離開該網站。這些看起來像是非常籠統的陳述,缺乏很多特異性。但是 UX 和 UI 總是被設計專家研究,所以與其根據陌生人尋找“美麗”的定義,不如尋找我們可以變得美麗的東西,並定義美麗在我們的上下文中意味著什麼。

由於並非所有業務都相同,因此優秀網站的標準也不盡相同,但我們可以討論構成網站設計任務的所有不同元素,您可以在考慮這些元素的同時考慮您的業務領域和原則。

  1. 整潔:在你的內容之間留出空間,盡量只顯示用戶感興趣的內容。擺脫“裝飾品”。有大量的負空間,這樣元素會更容易閱讀。
  2. 界面:使導航簡單。有從一個部分到另一個部分的直接路徑。
  3. 視覺層次結構:按重要性順序排列圖形元素。最重要的事情可以排在第一位或占據最多的空間,通過引導他們的眼睛瀏覽不同的元素來幫助您的訪問者導航。例如,人們首先閱讀更大的東西
  4. 調色板和圖像選擇:簡而言之,鮮豔的顏色脫穎而出,因此非常適合作為口音,搭配正確的圖像可以讓訪問者保持更長時間的興趣!
  5. 適合移動設備:截至 2019 年 7 月,所有新網絡域的默認設置都是移動優先索引,並且還提高了適合移動設備的網頁在搜索中的排名。因此,請確保您的移動版本的佈局也能正常工作。
  6. 語言切換按鈕:當事實表明我們生活在跨境經濟中,您所居住的國家/地區不限制您可以從哪裡購買時,如果您希望蓬勃發展,那麼沒有多語言網站不是一個選擇.

多語言網站是什麼樣的?

好消息!您可以放鬆一下,創建一個多語言網站並不是一種考驗,只需使用 ConveyThis 在網站佈局的一角添加一個小語言按鈕即可。在國際上在線開展業務從未如此簡單。

讓我們來看看一些網站佈局,並分析是什麼讓它們如此吸引人。

克拉布特里和伊芙琳

多語言網站

讓我們從 Crabtree & Evelyn 開始,這家身體和香水企業起源於德國,但憑藉出色的佈局和語言選擇將其業務推向全球。

由於產品種類繁多,他們選擇通過精心佈局和謹慎的設計決策來避免讓訪問者不知所措,例如首先在主頁屏幕上顯示一條簡單的消息,在這種情況下,是關於假期的,當您向下滾動或單擊“立即購買”按鈕時,訪問者將被引導至產品。

這是一個非常精緻和乾淨的外觀,遊客肯定會停留更長時間,被這種體驗所吸引。關於菜單,有兩個搜索選項,一個是搜索按鈕,您可以在其中輸入關鍵字,如果您縮小了搜索範圍;或單擊“商店”按鈕,然後選擇您要探索的地點或方式,按類別、按系列或查看禮品套裝。

現在,有史以來最神奇的事情是語言切換器。您可以在頁面底部找到它,當您單擊它時,它會顯示您當前的商店設置,以及帶有備用菜單的下拉菜單。

Gcacrx9aHcLT83pfrM3tsUTkczvFLdifAUuzTIzAc0 JD4ssXXK9W3v1SBX4QgTnq5 VscYbO1yuAM0rT1jyDiLnl9nFx38ItYRKXyF QLupqiDiwCH4S6c7DicDiQl

這是我們已經之前在有關語言按鈕類型的文章中談到過,令人驚訝的是,它們有兩種選擇,一種用於區域,另一種用於語言,因為我們知道並非每個人都使用其語言或所在國家/地區進行瀏覽。該網站是出色的本地化工作的完美範例。請聯絡 ConveyThis 團隊,詳細了解如何讓您的網站更受用戶歡迎!

數字造幣廠

9Bgi1xjIeqWsHHxUtgmNPV5OqJ8mVeU DG rPp yObUWhRIL 2uI4KnwMHTiU6hSsYVi6 uOnt3D4XEe EqGk6ftiSJRCY0 jVXPvyzljFBbytI

首先,令人驚嘆的工作。到處都是偉大的決定,你不覺得嗎?並且出色地使用顏色來建立對比度和焦點區域。讓我們列出這個網站的所有優點:負空間、不同大小的字體、自定義圖稿、顏色和色調。

不同大小的元素的排列顯示從哪裡開始閱讀,空白使讀者有時間暫停。

這裡我們有一個視覺層次結構的清晰示例:

UI60HMa9kr5 TVrbfB6sBOR4krOnGhSznoboGVJKTwjugQ9UAgY clb0vWrpEkZSy8pxhIatF9XNk4odFt1IzVnEI8oVr E468 03Y962iuJW3GXTSSklNTAZ6TugRYMzKOogul9

從最不重要到最重要:淺色的業務合作夥伴、小字體的“Make it happen”、黑色背景和白色字母的“let's talk”按鈕、粗體的“Evolutionary digital”和“marketing”字體與之前相同,但以綠色突出顯示。

此外,命令“讓它發生”和“讓我們談談”也有助於訪問者的瀏覽體驗。

導航欄和 Crabtree & Evelyn 一樣簡單明了,右側的社交媒體欄對於嚴重依賴社交媒體作為工具的企業來說是一個不錯的選擇。

hlPLF9aRT2abusoxAsMPwSqdqCiiQyB0RLyZNnXZURFu0O9hM3oUx8k JJ2yECvMplqEImO1dl4MHTqZN0zP60aHq 0gPnOoq

您可以在頁面底部找到它們的語言按鈕,它們很小,但所有選項都可見,而且它們的顏色很明亮,與 Digital Menta 調色板截然不同,因此很容易找到。

瑜伽

在這裡,我們有一個可愛的網站整理示例。有很多負空間,彩色圖形是動畫的,這給遊客一種好奇的感覺!隨便瀏覽的人肯定會留下來看看網站的其餘部分,了解更多關於瑜伽崗的信息。出色的設計。

Yogang 是一個有趣的遊戲,為兒童結合了體育活動,放鬆,分享和創造力,他們的主頁反映了這一點。做瑜伽姿勢的不同角色的動畫不是炫耀程式設計技巧,它是產品精神的反映。

既可愛又呼籲採取行動,讓 Yogang 成為您孩子童年的一部分。他們通過“購買”按鈕吸引衝動的購買者,並通過引導潛在客戶學習教程來幫助他們首先了解產品的更多信息。

他們較長的菜單欄是合理的,因為他們銷售 B2B 和 B2C,所以他們有不同類型的訪客在尋找不同的東西,他們都必須快速找到他們想要的東西。

他們的語言按鈕是一個不起眼的按鈕,帶有“EN”和“FR”選項。他們的語言選擇範圍很窄,但他們清楚地確定了自己最大的市場,並且非常專注於為用戶提供最佳體驗。

海軍藍或灰色

至

我們知道,此列表中有很多定製藝術品。它是如此多才多藝的元素,這些網站非常好地使用它們來創建特定的外觀和感覺。

Navy and Gray是這個榜單的最後一個例子,它也有我們之前誇過的特徵,你也認出來了嗎?它帶來了非常複雜的體驗,令人著迷。它讓我感到平靜,看到所有的負面空間,瀏覽這個網站的想法一點也不讓我不知所措,清晰的菜單欄讓我確信我會毫不費力地找到我要找的東西。

我很欣賞他們如何在菜單中將“襯衫”和“西裝”分開,這對於裁縫業務來說是一個合適的決定,許多其他商店會為這些產品創建子頁面,這也是一個合理的決定,但對於海軍藍或灰色,它有助於打造優雅的外觀。

特別是這個網站,已經把他們的語言按鈕在右上,他們選擇的字體是相同的網站的其餘部分。在左下角,他們添加了一個 Whatsapp 按鈕,用於快速聯繫。

為您的受眾設計一個很棒的網站

列出的網站很棒,因為它們遵循良好設計的一般原則,而且,因為所有的決定都是合理的,原因可能是它們所在的業務領域,但也可能是目標受眾。因此,請記住在做出決定時牢記您的企業身份、理想和受眾。

關鍵是要考慮如何簡化搜索以及如何以最少的點擊次數將訪問者引導至他們正在尋找的內容。

簡而言之,在訪問者訪問主頁後立即發出號召性用語,並使用負空間來創建對比並突出重要內容,例如您的信息;最後但同樣重要的是,有一個簡單的菜單和一個語言按鈕。

您看起來已經準備好進行國際銷售,並且在閱讀本文時可能會想到很多奇妙的想法。了解有關 ConveyThis 的更多資訊並提高您的線上銷售額!

評論(1)

  1. 4 一切都做對的鼓舞人心的電子商務
    2020年2月20日 回复

    [...]被提名者提到有偉大的設計師給它他們的一切,並帶來所有最好的想法,將反映所有品牌的理想,成為一個驚人的虛擬商店,將遊客變成客戶。[...]

發表評論 取消

您的電子郵件地址不會被公開。 必填的地方已做標記*