創建或設計網站不像從您認為最酷的範本中進行選擇那麼簡單。雖然網站的外觀和感覺是非常重要的因素,但它們並不是在做決定之前你唯一需要考慮的事情。

這是事實:您的網站的成功連結到其佈局,用戶的感覺,而他們使用它或流覽。這肯定會影響你的訪問者更好或更糟,他們認為您的網站,如果他們會考慮進行購買。

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

您可能也注意到,它們共用一些功能,這是因為就像所有其他行業一樣,趨勢也讓設計界一波三出。如今,全出血圖像和三列設計都風靡設計師。

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

優秀網站的特徵

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

根據 Adobe的說法,三分之二的人寧願讀一些設計精美的東西,也不願在時間緊迫的時候讀一些簡單的東西;38% 的人會離開一個網站, 如果它沒有吸引力。這些似乎非常籠統的陳述缺乏很多特異性。但是UX和UI總是被設計專家研究,所以我們應該尋找一個陌生人對"美麗"的定義,而不是尋找一些我們可以變得美麗的東西,並定義美在我們的語境中意味著什麼。

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

  1. 無雜亂:在內容之間設置空間,嘗試只顯示使用者感興趣的內容。擺脫"裝飾"。具有子統計負空間,以便元素更容易讀取。
  2. 介面:使導航變得簡單。具有從一個部分到另一個部分的直接路徑。
  3. 視覺層次結構:按重要性排列圖形元素。最重要的事情可以先到,也可以佔用最多的空間,通過引導遊客通過不同的元素導航。例如,人們 先讀大的東西
  4. 調色板和圖像選擇:簡言之,明亮的顏色脫穎而出,因此工作偉大的口音,並與正確的圖像配對,你可以保持你的訪客的興趣更長的時間!
  5. 移動友好:截至2019年7月,所有新網路域的預設 是移動 第一索引, 提升了搜索中移動友好型網頁的排名。因此,請確保您的移動版本的佈局也運行良好。
  6. 語言切換按鈕:當事實表明我們生活在一個跨境經濟中,你生活的國家並不限制你可以購買的地方,沒有多語種網站不是一個選項,如果你想茁壯成長。

多語言網站是什麼樣的?

好消息!你可以放鬆,創建一個多語言的網站不是一個磨難,它很容易添加一個小的語言按鈕到您的網站佈局的角落之一,使用ConveyThis在國際上在線做生意從未如此簡單。

讓我們來看看一些網站佈局,並分析是什麼使他們如此有吸引力。

蟹樹 + 伊芙琳

讓我們從蟹樹和伊芙琳開始,這是一家從德國起步的身體和香水企業,但以出色的布局和語言選擇將業務全球化。

由於產品種類繁多,他們選擇不通過照顧他們的佈局和做出仔細的設計決定來壓倒他們的訪客,比如先用一個簡單的資訊來填充主頁的螢幕,在這種情況下,關於假日季節,當你向下滾動或點擊"立即購物"按鈕時,訪問者將引導到產品。

這是一個非常複雜和乾淨的外觀,遊客一定會停留更長的時間,被體驗迷住了。關於選單,有兩個選項用於搜索,一個搜索按鈕,您可以在其中鍵入關鍵字,如果您已經縮小了要查找內容;或按一下商店按鈕,然後按類別、按收藏選擇您要探索的地點或方式,或查看禮品集。

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

這是我們之前在關於語言按鈕類型的文章上討論過的,他們有兩個選項,一個是區域選項,另一個是語言選項,因為我們知道不是每個人都在流覽他們的語言或國家語言。這個網站是一個做得好的當地語系化工作的完美例子。聯繫ConveyThis團隊,瞭解更多有關如何讓您的網站更歡迎全球使用者的資訊!

數字薄荷

首先,令人驚歎的工作。各地都做出了偉大的決定,你不覺得嗎?和夢幻般的使用顏色建立對比度和焦點區域。讓我們列出有關此網站的所有好東西:負空間、不同大小的字體、自定義圖稿、顏色和色調。

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

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

從最不重要到最重要的:以較淺的色調的業務合作夥伴,"讓它發生"的小字體,"讓我們談談"按鈕與黑色背景和白色字母,"進化數位"的大字體和粗體字體,"行銷"在同一字體,但突出顯示與綠色。

此外,「讓它發生」和「讓我們談談」的強制性命令也幫助訪問者的瀏覽體驗。

導航欄和蟹樹和伊芙琳一樣簡單明瞭,而右側的社交媒體欄對於嚴重依賴社交媒體作為工具的企業來說,是一個不錯的選擇。

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

瑜珈

在這裡,我們有一個整理網站的可愛例子。負片空間很大,彩色數字生動活潑,給遊客帶來好奇的感覺!隨意的瀏覽器一定會留下來,並瀏覽網站的其餘部分,並了解有關Yogaang的更多信息。出色的設計。

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

同時可愛和行動呼籲, 使 Yogang 成為你的孩子童年的一部分。他們通過「購買」按鈕吸引衝動買家,還通過引導他們學習教程,幫助潛在客戶先更多地了解產品。

他們較長的菜單欄是合理的,因為他們出售B2B和B2C,因此他們有不同種類的訪客在尋找不同的東西,而且他們都必須快速找到自己想要的東西。

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

海軍或灰色

我們知道,這個清單中有很多自定義藝術品。這是一個如此多才多藝的元素,這些網站使用它們這麼好,以創建一個特定的外觀和感覺。

海軍和格雷是這個名單上的最後一個例子, 它也有我們之前稱讚的功能, 你識別他們嗎?它使一個非常複雜的經驗,它很迷人。它讓我感到平靜,看到所有的負面空間,我沒有壓倒一切的想法瀏覽這個網站和清晰的菜單欄保證我,我會找到我要找的沒有任何鬥爭。

我很欣賞他們如何分離"襯衫"和"西裝"在功能表,這是一個合適的決定,一個裁縫業務,許多其他商店會為這些產品創建子頁面,這也是一個合理的決定,但對於海軍或灰色,它有助於拋光的外觀。

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

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

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

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

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

你看起來準備在國際上銷售,並可能想出了很多奇妙的想法,而閱讀這篇文章。瞭解有關您的ConveyThis,提高您的在線銷售!

作者

塞西莉亞·莫林(Cecilia Morin)

評論(1)

  1. 4種激勵人心的電子商務,正在做正確的一切
    2020年2月20日 回复

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

發表評論 取消

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