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

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

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

不開玩笑！根據數位代理商協會 (SoDA) 的報告，糟糕的網站使用者體驗對企業不利。因此，擁有完美的佈局是網站和使用者體驗設計的關鍵方面。

您可能還注意到它們有一些共同的特徵，這是因為就像所有其他行業一樣，趨勢也席捲了設計界。如今，全出血圖像和三欄設計在設計師中非常流行。

但問題是，你應該事先知道這兩條路都是有效的，它們都有各自的優點和缺點。那麼，你認為你應該做什麼？您可以選擇利用集體想像中這些元素的熟悉度，或者您可以決定透過做一些完全不同的事情來脫穎而出並引起人們對您商店的關注！這不是一個容易回答的問題，您的選擇將取決於您的目標受眾。

優秀網站的特徵

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

據AdAdobe稱，當時間緊迫時，三分之二的人寧願閱讀設計精美的內容，也不願閱讀平淡無奇的內容；如果網站沒有吸引力，38% 的人會離開。這些似乎是非常籠統的陳述，缺乏許多具體內容。但 UX 和 UI 一直在被設計專家研究，所以我們不應該根據陌生人的說法尋找「美麗」的定義，而應該尋找可以變得美麗的東西，並定義美麗在我們的環境中意味著什麼。

由於並非所有企業都是相同的，所以一個好的網站的標準也不匹配，但我們可以討論構成網站設計任務的所有不同元素，您可以在考慮它們的同時考慮您的業務領域和原則。

1. 整潔：在內容之間留出空間，嘗試僅顯示使用者感興趣的內容。有大量的負空間，因此元素將更容易閱讀。
2. 介面：讓導航變得簡單。從一個部分到另一部分有簡單的路徑。
3. 視覺層次結構：依重要性順序排列圖形元素。最重要的事情可以放在第一位，或佔據最多的空間，透過引導訪客的眼睛瀏覽不同的元素來幫助他們進行導航。例如，人們先閱讀更大的東西。
4. 調色板和圖像選擇：簡而言之，明亮的顏色脫穎而出，因此可以很好地作為強調色，並與正確的圖像搭配，您可以讓訪客保持更長時間的興趣！
5. 適合行動裝置：截至 2019 年 7 月，所有新 Web 網域的預設設定都是行動優先索引，並且還提高了適合行動裝置的網頁在搜尋中的排名。因此，請確保您的行動版本的佈局也能正常運作。
6. 語言切換按鈕：事實表明，我們生活在一個跨境經濟中，您所居住的國家並不限制您可以從哪裡購買商品，如果您希望蓬勃發展，那麼沒有多語言網站就不是一個選擇。

多語言網站是什麼樣的？

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

讓我們來看看一些網站佈局並分析它們如此有吸引力的原因。

克拉布特里和伊芙琳

讓我們從 Crabtree & Evelyn 開始，這是一家身體和香水企業，始於德國，但憑藉出色的佈局和語言選擇，已將其業務擴展到全球。

由於產品種類如此繁多，他們選擇不讓訪問者不知所措，通過照顧自己的佈局並做出仔細的設計決策，例如首先在主頁屏幕上填充一條簡單的信息，在本例中是關於假期的信息，當您向下捲動或按一下「立即購買」按鈕時，訪客將被引導至產品。

這是一個非常精緻和乾淨的外觀，遊客肯定會停留更長時間，並被這種體驗所吸引。關於選單，有兩個搜尋選項，一個是搜尋按鈕，如果您已經縮小了要查找的內容，您可以在其中輸入關鍵字；另一個是搜尋按鈕。或點選「商店」按鈕，然後選擇您想要探索的位置或方式、按類別、按系列，或查看禮品套裝。

現在最令人驚訝的事情是語言切換器。您可以在頁面底部找到它，當您單擊它時，它會向您顯示當前的商店設置，以及帶有選項的下拉式選單。

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

數位鑄幣廠

首先，令人驚嘆的作品。到處都是偉大的決定，你不覺得嗎？出色地運用色彩建立對比和焦點區域。讓我們列出這個網站的所有優點：負空間、不同大小的字體、自訂藝術品、顏色和色調。

不同大小元素的排列向您展示從哪裡開始閱讀，而空白則為讀者提供了暫停的時間。

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

從最不重要到最重要：淺色的業務合作夥伴、小字體的“實現它”、黑底白字的“讓我們談談”按鈕、大粗體的“進化數字”以及“營銷”使用與以前相同的字體，但以綠色突出顯示。

此外，「讓它發生」和「讓我們談談」等命令也有助於訪客的瀏覽體驗。

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

你可以在頁面底部找到他們的語言按鈕，它們很小，但所有選項都是可見的，而且它們的顏色很明亮，與 Digital Menta 調色板非常不同，因此可以輕鬆找到它們。

瑜珈

這裡我們有一個可愛的整潔網站的例子。有很多負空間，彩色人物栩栩如生，這給參觀者帶來了好奇心！休閒瀏覽者肯定會留下來看看網站的其餘部分並了解有關 Yogang 的更多資訊。出色的設計。

Yogaang 是一款適合兒童的有趣遊戲，集體育活動、放鬆、分享和創造力於一體，他們的主頁也體現了這一點。不同角色做瑜珈動作的動畫並不是炫耀程式技巧，而是產品精神的體現。

同時可愛又號召大家行動起來，讓 Yogang 成為您孩子童年的一部分。他們透過「購買」按鈕來吸引衝動的購買者，並透過引導潛在客戶學習教學來幫助他們首先了解產品的更多資訊。

他們較長的選單列是合理的，因為他們銷售 B2B 和 B2C，因此他們有不同類型的訪客尋找不同的東西，他們都必須快速找到他們正在尋找的東西。

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

海軍藍或灰色

我們知道，這個清單中有很多定製藝術品。它是一個多功能的元素，這些網站很好地利用它們來創建特定的外觀和感覺。

海軍藍和灰色是這個清單中的最後一個例子，它也具有我們之前稱讚過的功能，您也認出了它們嗎？它帶來了非常複雜的體驗，非常迷人。看到所有這些負面空間，這讓我感到平靜，我一點也不被瀏覽這個網站的想法所淹沒，清晰的菜單欄確保我會毫不費力地找到我正在尋找的東西。

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

特別是這個網站，他們的語言按鈕放在右上角，他們選擇的字體與網站的其他部分相同。在左下角，他們添加了一個 Whatsapp 按鈕，以便快速聯繫。

為您的受眾設計一個出色的網站

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

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

簡而言之，當訪客造訪主頁時，他們會立即採取行動，並使用負空間來創建對比並突出顯示重要的內容，例如您的訊息；最後但並非最不重要的一點是，有一個簡單的選單和語言按鈕。

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