- A+
關鍵是要有非常明確的目標。
用戶“喜歡”您的網站或您的服務并不重要。
如果您的目標是：
“我們希望用戶感到受歡迎，并且安全地購買我們的產品”
然后，您可以要求他們訪問您的網站，如果他們感到受歡迎，并安全購買我們的產品。
“我們希望儀表板易于訪問，并且訪問者能夠執行x，y和z?！?- 然后您可以創建清晰的用戶故事情節。
然后，您可以要求他們訪問您的網站，看看他們是否可以快速完成x，y和z。
人們覺得他們可以跳過步驟來清楚地詳細說明目標 - 但是他們不知道如何判斷他們的產品是否“正?！?- 而只是聽到人們喜歡或不喜歡的東西。訪客批評不是你想要的。您想要計劃/執行 - 然后測試您的系統是否正常工作。它與程序員的測試驅動開發沒有什么不同。
向他們詢問他們需要完成的任務?？纯此麄兪欠窨梢?
設計您的網站很容易想出一個想法，但是您真的知道如何將所有內容放在一起以便優化您的設計嗎?來自Designveloper的這篇文章將詳細向您展示起草網站外觀時的前三個最重要的做法：
如何設計一個好的CTA?
我們應該在設計中應用什么樣的主題?
插圖如何適合您的設計?
1.明智地設計您的CTA
在設計網站時，號召性用語(CTA)是一個非常重要的元素。CTA是決定客戶決策的一件事，因此，這個圖形元素肯定會影響您的銷售。
雖然CTA的副本給了客戶一個線索，可以弄清楚“我為什么要點擊這個按鈕?”，它的外觀解決了“我應該在哪里點擊?”的神話。設計良好的CTA應該可以幫助用戶瀏覽和了解他們未來的行動。這就是為什么設計CTA是一項非常重要的活動。
雖然起草CTA按鈕并不是一項艱巨的任務，但優化通過它進行銷售也不是一件容易的事。以下是來自Designveloper的3個UI技巧，可以幫助您充分利用CTA。
使用對比色
有很多方面，你的按鈕的顏色選擇應考慮的，如整個構圖，目標受眾的心理特點的顏色。您必須為顏色選擇實施的最重要因素之一是對比。由于背景和按鈕顏色形成鮮明對比，因此CTA可能是屏幕上不尋常的元素，并且與其他元素脫穎而出。
您應該注意的另一件事是按鈕越重要，它必須越具有對比度。我們來看一個例子：
對比按鈕。
選擇更大的尺寸
一方面，每個設計師都知道元素越大，它就越引人注目。另一方面，CTA的目的是優化轉換率。這就是為什么一個足夠大的按鈕會更有效地吸引顧客的注意力，并且與小而且不顯眼的按鈕相比，他們會更好地回應它。但是，請勿過度加寬按鈕，因為它會影響其他元素和網站的整體設計。有一個從蘋果尖端表明你的按鈕應該是至少44分X 44分。
你的按鈕應該至少44點x 44點。
注意折疊線
折疊線的上方和下方是關于印刷機的概念。由于床單太大，報紙被雙折疊放在攤位上。這使得路人只能看到上半部分。這就是為什么報紙必須通過在上半部分引人注目的頭條新聞或圖片來吸引客戶以促進銷售。在網頁設計方面，折疊與我們的滾動條相關。
泰森快速在他的Instapage文章指出，A CTA放置倍以上能夠立即吸引游客的注意。但是，有幾項分析表明，只有當大多數客戶已經了解服務/產品并希望更快地完成交易而無需進一步研究時，最好將CTA放在上半部分。
超過CTA的最佳做法。
并且反對這個位置低于折疊。據說如果您的客戶不知道您的服務/產品是什么，那么CTA應位于頁面底部，以便客戶可以看到該優惠的某些價值。Brad Geddes在他自己的房地產網站上進行了一次測試，其中號召性用語媒體被轉移到了低位，轉換率上升了。之后，他和他的團隊嘗試將CTA放回頁面頂部，令人驚訝的是，轉換指數下降了。
CTA的最佳實踐。
這個例子表明，置于首屏之上的CTA并不總是最好的做法。因此，對此的兩個關鍵問題是：
- 您的客戶是否熟悉產品/服務?
- 您的產品是否易于為大多數客戶理解?
如果你對這兩個問題都說“是”，那么讓我們在頁面頂部放置一個CTA。如果提供很難遵循，那么您最好將CTA放在首位。
2.有時深色背景是最佳選擇
毫不奇怪，越來越多的UI設計師可能會選擇黑暗主題而不是淺色主題，這樣他們設計的界面就會擁有時尚和時尚的外觀。事實上，背后的原因是多種多樣的。
第一個原因是深色背景不會拉傷用戶的眼睛。當然，在短時間內輕松閱讀新聞，博客文章更容易。然而，當我們必須長時間工作(編碼，閱讀長文章等)時，帶有淺色文字的黑暗主題是更好的選擇。它增強了可讀性和易讀性。
其次，如果環境鼓勵使用黑暗主題，那就去做吧。您熟悉Netflix還是Spotify?它們都將黑暗主題應用于界面。這是因為人們傾向于看電影和聽音樂放松。根據IFPI的一份報告，消費者在家中放松時更容易聽音樂(63%)。關于Netflix，人們發現它的用戶會在深夜或在光線昏暗的房間內播放電影，連續播放。
結果發現，它的用戶可以在深夜，或在昏暗的燈光下播放電影，連續劇。
人們傾向于看電影，聽音樂放松。
另一個例子是Adobe的所有產品，包括Photoshop，Illustrator，InDesign等，采用深色接口(如黑色，灰色)，以便設計師可以專注于他們的任務，并且他們的眼睛可以在連續工作幾個小時時感到舒適。
由于明亮的背景會在這樣的環境中造成壓力并且也會分散用戶的注意力，因此深色背景總是更好的選擇。
在您的網站上應用深色背景時有幾個提示，包括：
- 由于深色背景會吸收其他元素的光線，因此您應該利用負空間，這樣您的用戶就不會被相關信息分散注意力。
- 如果您的設計中有文本，您最好使用無襯線字體，以便用戶可以輕松瀏覽頁面上的信息。
在黑暗的背景網站使用的圣Serif字體。
如果你仍然想知道決定光線或黑暗是否最好，這里有一份清單給你：
- 步驟1：定義界面的用途。它是一個文本驅動的網站(博客，新聞，電子閱讀器)?如果是這樣，燈光主題是合適的。如果您的網站是視覺驅動的，那么選擇應該是一個黑暗的背景。
- 第2步：定義目標受眾。你應該記住的兩個問題是：
+他們是誰?
+他們想要什么?
根據答案，您將找出最佳選擇。換句話說，如果你想為中年人建立一個網站，那么淺色背景是最好的做法，因為這種語氣更直觀，更易于導航。對于年輕觀眾來說，黑暗主題更具原創性和時尚感。然而，青少年和孩子更喜歡明亮和引人入勝的主題。
- 步驟3：測試，測試和測試。如果不先測試，你永遠不會相信任何建議。A / B測試可以讓您更好地了解受眾的行為，然后您就可以盡可能地優化您的網站。
但是在決定背景應該是什么樣的音調時，還有兩個選擇。首先，你的界面可能是黑暗的，但副本必須有一個白色的點擊。另一項建議是授權您的用戶。設計多個界面主題，讓他們選擇適合自己需要的背景色調。這是Slack的一個例子：
.使用自定義插圖
這是2019年，誰不在他們的網站上使用插圖?好吧，如果你是那些還不熟悉的人之一，下面是一些理由解釋為什么這些日子必須插圖。
通常，與文本相比，當涉及吸引用戶注意力時，插圖更有效。另外，如果你的插圖作品足夠漂亮，那么它可能會滿足人類審美的需要。因此，這種類型的元素可以鼓勵用戶繼續滾動滾動條。
與文本相比，插圖在吸引用戶注意力方面更有效。
此外，插圖有助于觀眾 比文本更快地處理數據，他們將在一秒鐘內看到您的意思，而無需了解上下文。由于插圖的可識別特征，文本(副本)得到了很好的支持，它還有助于信息在用戶心中比平時更長久。
插圖有助于觀眾比文本更快地處理數據。
另一個原因是自定義插圖增強了品牌知名度和可識別性。插圖是品牌可以為觀眾提供的獨特因素和體驗。
更重要的是?這是您的工作，然后您可以根據需要自定義和同步它。藝術品可以是引人入勝，有趣，吸引人的等等。選擇是你的，但它應該與整個設計的流程一致。
插圖提高了品牌知名度，可以輕松定制和同步。
但插圖如何適應?
首先要分析的是您的目標受眾。在那之后，明智地弄清楚你網站的環境是什么，換句話說，如果你想表現出你的幽默感，那么一套有趣的插圖就可以了。接下來，讓我們考慮一下你的插圖對于用戶來說是可以理解的還是太復雜的，不要讓他們思考，你知道!最后的提示是，這項工作不應該成為您網站的一個分散注意力的因素，所有這些的主要思想是銷售服務/產品，對吧?
