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

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

　　什么是好的目標(biāo)網(wǎng)頁(yè)?
 

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

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

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

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

　　1.計(jì)劃用戶的眼睛如何移動(dòng)
 

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

　　2.優(yōu)化副本
 

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

　　3.使用項(xiàng)目符號(hào)點(diǎn)或編號(hào)列表
 

　　普通用戶善于快速掃描信息。尤其是如果您的產(chǎn)品本身是基于信息的(例如，電子書或電子郵件課程)，則簡(jiǎn)短的項(xiàng)目符號(hào)或編號(hào)列表很誘人，因?yàn)樗鼈儽ＷC了重點(diǎn)突出，精心設(shè)計(jì)且有用的產(chǎn)品。
 

　　4.整理您提供的信息
 

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

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

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

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

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

　　7.建立您的品牌信譽(yù)
 

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

　　8.通過(guò)重復(fù)關(guān)鍵詞加強(qiáng)價(jià)值主張
 

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

　　9.明確“提交”動(dòng)作
 

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

　　10.最小化頁(yè)面加載時(shí)間
 

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

　　11.測(cè)試并迭代
 

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