ui人性化設(shè)計界面的11個技巧

　　登陸頁面是用戶可能“登陸”的任何網(wǎng)頁-它可以是整個網(wǎng)站的主頁，也可以是展示特定產(chǎn)品或事件的頁面。通常，登錄頁面的目的是通過簡潔的文本和清晰的圖像快速介紹產(chǎn)品，然后邀請用戶采取特定的操作-也許要注冊更新或進行購買。在ui人性化設(shè)計網(wǎng)頁的11個技巧中，我們介紹了如何創(chuàng)建自己的人性化網(wǎng)頁設(shè)計。
 

　　什么是好的目標網(wǎng)頁?
 

　　當我們談?wù)擁撁?ldquo;高度轉(zhuǎn)換”時，是指到達該目標頁面的相對大量的用戶最終采取了所需的操作。作為一種設(shè)計模式，登錄頁面在過去的幾年中已得到了應(yīng)用。
 

　　部分原因是設(shè)計師和市場營銷人員已更好地了解了哪些方法可行，并且由于使用移動設(shè)備，用戶變得非常精明，可以快速掃描信息并快速判斷是否值得花時間。良好的目標網(wǎng)頁以一種通過用戶最初的“嗅探測試”的方式展示產(chǎn)品。
 

　　從外觀上看，良好的著陸頁是可以識別的(不是通用的或現(xiàn)成的)，可以清晰地呼吁用戶采取行動，并且-重要的是-將潛在客戶與對他們有價值的東西聯(lián)系起來。Land-book是著陸頁設(shè)計靈感的重要來源。
 

　　這些是我們?nèi)绾卧O(shè)計著陸頁的主要技巧，這些著陸頁不僅會看起來很漂亮，而且還會使點擊該號召性用語按鈕的用戶數(shù)量最大化。
 

　　1.計劃用戶的眼睛如何移動
 

　　谷歌“家庭”語音助手的登陸頁面僅在2017年就經(jīng)歷了幾次迭代，但是每個版本都有清晰的微笑形旅程，吸引了用戶的眼球。視線從左上角獨特的Google“ G”向下移動到一些提供產(chǎn)品信息的重要微觀副本(“ Meet Google Home。現(xiàn)在優(yōu)惠40英鎊。”)，然后沿著表格的一行向上移動美觀，清晰的產(chǎn)品形象。最后，視線落在突出的(但仍然低估)“購買”按鈕上。在此示例中，請?zhí)貏e注意使用空白對于指導(dǎo)此視覺旅程有多么重要。
 

　　2.優(yōu)化副本
 

　　著陸頁上的信息非常簡潔。在他們決定是否進一步使用產(chǎn)品之前，您可能只有不到一秒鐘的時間引起用戶的注意。在開始的那一刻，您需要說幾句話來說服用戶采取積極的行動，無論是單擊按鈕還是向下滾動以閱讀更多內(nèi)容。
 

　　3.使用項目符號點或編號列表
 

　　普通用戶善于快速掃描信息。尤其是如果您的產(chǎn)品本身是基于信息的(例如，電子書或電子郵件課程)，則簡短的項目符號或編號列表很誘人，因為它們保證了重點突出，精心設(shè)計且有用的產(chǎn)品。
 

　　4.整理您提供的信息
 

　　與上面的要點概念相關(guān)，請確保您提供的信息被組織成清晰，邏輯的結(jié)構(gòu)。至少要有一個主要標題和一段帶有更多詳細信息的正文。您想要在頁面中包含的信息越多，其結(jié)構(gòu)就需要越多。著陸頁較長的一個關(guān)鍵決定是應(yīng)顯示什么序列信息。并且，哪些關(guān)鍵點應(yīng)該超出首屏(即，在您必須向下滾動之前的內(nèi)容)。
 

　　5.刪除常規(guī)導(dǎo)航
 

　　如果您的頁面出現(xiàn)在較大的站點中，您可能會認為將其放置在“常規(guī)”模板中是合乎邏輯的，該模板通常在頁面頂部具有導(dǎo)航欄或漢堡菜單。這似乎違反直覺，但是在大多數(shù)情況下，最好不要進行常規(guī)導(dǎo)航。為什么?因為它的存在會造成視覺上的干擾，并且還為用戶提供了一種方法，使用戶可以通過采取所需的操作來離開您的目標網(wǎng)頁。如下圖：
 

　　6.包括精美的產(chǎn)品圖片，但前提是要添加
 

　　并非所有頁面都具有可以直觀顯示的產(chǎn)品。但是，如果您要出售實物產(chǎn)品，請確保其清晰，醒目且照片精美，就像Google Home揚聲器處于上圖所示的布局一樣。但是請記住，登錄頁面的第一項工作是盡可能快而輕松地將關(guān)鍵信息傳達給用戶。如果您純粹出于裝飾性的原因而想添加圖像，則可能會分散頁面的主要目的-最好不添加頁面。
 

　　7.建立您的品牌信譽
 

　　如果您要創(chuàng)建的是目標網(wǎng)頁，則可能是您試圖直接向該網(wǎng)站吸引網(wǎng)站的新訪問量。根據(jù)定義，新訪客可能不熟悉您的品牌或沒有任何依據(jù)來判斷其信譽。因此，如果您的品牌在其他任何網(wǎng)站或出版物中都有展示，請趁此機會在其網(wǎng)站上包含其徽標，作為表示您的品牌質(zhì)量和品牌親和力的徽章。例如，您可以包括“如上所見”部分，然后是已經(jīng)對您的產(chǎn)品進行推薦或?qū)彶榈木W(wǎng)站的徽標。這是對講機如何在其主目標頁面上執(zhí)行此操作的一個很好的示例：
 

　　8.通過重復(fù)關(guān)鍵詞加強價值主張
 

　　例如登錄頁面。在這里，UI設(shè)計師重復(fù)了使用核心關(guān)鍵詞。這不僅增強了用戶的想法，而且他們在注冊時會得到什么以及他們將會得到什么?它還可以提高相關(guān)搜索的目標網(wǎng)頁的搜索排名：
 

　　9.明確“提交”動作
 

　　如果您要用戶填寫任何形式的表單，那么重要的是，他們應(yīng)該知道如何發(fā)送該信息-這里最安全的選擇是簡單地使用用戶最?？吹降男g(shù)語-即“提交”一詞在一個按鈕上。另外，也可以單擊以增強用戶接收內(nèi)容的文本，例如，將按鈕文本設(shè)置為“ 免費下載資料”。嘗試避免任何比這更抽象的事情，因為這可能會給用戶的理解造成障礙，并使您失去轉(zhuǎn)化。無論您選擇什么，都可以使用基于動詞的構(gòu)造來鼓勵用戶采取行動。在其開發(fā)人員頁面上，通過將不同的顏色與既可操作(“應(yīng)用”)又非常具體(“用于API Beta訪問”)的按鈕文本結(jié)合在一起，使其主要按鈕脫穎而出：
 

　　10.最小化頁面加載時間
 

　　頁面加載時間越長，用戶越有可能導(dǎo)航到另一個選項卡或應(yīng)用程序。如果發(fā)生這種情況，您可能錯過了讓他們參與號召性用語的機會。當涉及到加載時間時，2到3秒之間的差異是巨大的，因此切出較大的圖像并關(guān)注消息。
 

　　11.測試并迭代
 

　　在啟動設(shè)計之前，請盡可能與朋友和同事進行測試。但是最有用的“測試”是研究頁面發(fā)布后的性能。如果您定期創(chuàng)建著陸頁，請嘗試使用不同的布局和選項，并研究統(tǒng)計信息以查看哪些帶來了更多轉(zhuǎn)化。另外，一旦上線，頁面就不會一成不變：特別是如果您要推廣常綠產(chǎn)品而不是一次性活動，請繼續(xù)進行調(diào)整，測試和迭代。