ui人性化設計界面的技巧
UI設計
237已閱讀
2020-04-23 15:22:34
導讀
用戶登錄頁面的目的是通過簡潔的文本和清晰的圖像快速介紹產(chǎn)品，這也是UI設計師在進行網(wǎng)頁設計的時候首要考慮的問題，簡潔清晰的著陸頁不僅會看起來很漂亮，而且還會使點擊該號召性用語按鈕的用戶數(shù)量化，那么ui人性化設計界面有哪些技巧呢？本文為大家做詳細的介紹。
1.計劃用戶的眼睛如何移動
谷歌“家庭”語音助手的登陸頁面僅在2017年就經(jīng)歷了幾次迭代，但是每個版本都有清晰的微笑形旅程，吸引了用戶的眼球。視線從左上角獨特的Google“G”向下移動到一些提供產(chǎn)品信息的重要微觀副本(“Meet Google Home?，F(xiàn)在優(yōu)惠40英鎊?！?，然后沿著表格的一行向上移動美觀，清晰的產(chǎn)品形象。最后，視線落在突出的(但仍然低估)“購買”按鈕上。在此示例中，請?zhí)貏e注意使用空白對于指導此視覺旅程有多么重要。
2.優(yōu)化副本
著陸頁上的信息非常簡潔。在他們決定是否進一步使用產(chǎn)品之前，您可能只有不到一秒鐘的時間引起用戶的注意。在開始的那一刻，您需要說幾句話來說服用戶采取積極的行動，無論是單擊按鈕還是向下滾動以閱讀更多內(nèi)容。
3.使用項目符號點或編號列表
普通用戶善于快速掃描信息。尤其是如果您的產(chǎn)品本身是基于信息的(例如，電子書或電子郵件課程)，則簡短的項目符號或編號列表很誘人，因為它們了重點突出，精心設計且有用的產(chǎn)品。
4.整理您提供的信息
與上面的要點概念相關(guān)，請確保您提供的信息被組織成清晰，邏輯的結(jié)構(gòu)。至少要有一個主要標題和一段帶有更多詳細信息的正文。您想要在頁面中包含的信息越多，其結(jié)構(gòu)就需要越多。著陸頁較長的一個關(guān)鍵決定是應顯示什么序列信息。并且，哪些關(guān)鍵點應該超出首屏(即，在您必須向下滾動之前的內(nèi)容)。
5.刪除常規(guī)導航
如果您的頁面出現(xiàn)在較大的站點中，您可能會認為將其放置在“常規(guī)”模板中是合乎邏輯的，該模板通常在頁面頂部具有導航欄或漢堡菜單。這似乎違反直覺，但是在大多數(shù)情況下，不要進行常規(guī)導航。為什么?因為它的存在會造成視覺上的干擾，并且還為用戶提供了一種方法，使用戶可以通過采取所需的操作來離開您的目標網(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)站的徽標。
8.通過重復關(guān)鍵詞加強價值主張
例如登錄頁面。在這里，UI設計師重復了使用核心關(guān)鍵詞。這不僅增強了用戶的想法，而且他們在注冊時會得到什么以及他們將會得到什么?它還可以提高相關(guān)搜索的目標網(wǎng)頁的搜索排名。
9.明確“提交”動作
如果您要用戶填寫任何形式的表單，那么重要的是，他們應該知道如何發(fā)送該信息-這里最安全的選擇是簡單地使用用戶最常看到的術(shù)語-即“提交”一詞在一個按鈕上。另外，也可以單擊以增強用戶接收內(nèi)容的文本，例如，將按鈕文本設置為“免費下載資料”。嘗試避免任何比這更抽象的事情，因為這可能會給用戶的理解造成障礙，并使您失去轉(zhuǎn)化。無論您選擇什么，都可以使用基于動詞的構(gòu)造來鼓勵用戶采取行動。在其開發(fā)人員頁面上，通過將不同的顏色與既可操作(“應用”)又非常具體(“用于API Beta訪問”)的按鈕文本結(jié)合在一起，使其主要按鈕脫穎而出。
10.最小化頁面加載時間
頁面加載時間越長，用戶越有可能導航到另一個選項卡或應用程序。如果發(fā)生這種情況，您可能錯過了讓他們參與號召性用語的機會。當涉及到加載時間時，2到3秒之間的差異是巨大的，因此切出較大的圖像并關(guān)注消息。
11.測試并迭代
在啟動設計之前，請盡可能與朋友和同事進行測試。但是最有用的“測試”是研究頁面發(fā)布后的性能。如果您定期創(chuàng)建著陸頁，請嘗試使用不同的布局和選項，并研究統(tǒng)計信息以查看哪些帶來了更多轉(zhuǎn)化。另外，一旦上線，頁面就不會一成不變：特別是如果您要推廣常綠產(chǎn)品而不是一次性活動，請繼續(xù)進行調(diào)整，測試和迭代。
2019/09/05
2019/09/05
2019/06/19
2019/06/19
