美不雅觀的登錄頁面將帶來很好轉化率，那么如何是登錄也面更加美不雅觀與高效呢？

譯者：L_Lainey

對于設計師來說，工作中的挑戰(zhàn)之一就是創(chuàng)建一個看起來不錯，并且還能有很好轉換率的登錄頁面。您可以理解為什么這是案例設計的目標和業(yè)務目標常常是紛歧致的。

當產品相關人員創(chuàng)建登陸頁時，他們更專注于布局，基來源根基則和信息層次。然而，設計師最關心的是用戶體驗，顏色，排版和風格元素，有助于建立強大而有效化的準則。

轉化最優(yōu)設計素質上希望使這兩個思想學派相一致。因此，不但要專注于UX，還要強調勸導和轉化，同時將它與將導致更好的網站的美學選擇合并。

1.選擇正確的布局

產品經理非常了解，頁面上差別元素的布局會影響轉化率。這就是為什么他們要求設計師將最重要的信息放在首要位置，并從檢出頁面中刪除導航菜單，即使這個操作違反了UX設計的原則。

但是，您可以采用一些理論原則來創(chuàng)建轉化優(yōu)化的著陸頁，而不會影響用戶體驗：

1）根據三分法規(guī)定設計

如果你曾經拍過攝影課，你可能聽說過三分之一的規(guī)則。這個規(guī)則越少越好，這個規(guī)則說，任何形象在分為 9 個相等的部分時，會有更多的緊張和精力。

來自維基百科的這個GIF說明它完美：

維基百科 CC BY-SA 2.5

三分之一的規(guī)則是攝影師并不總是把他們的主題放在框架中的原因。世界上最著名的一些照片遵循這一規(guī)則。

這里有一個例子：

人物在九分之一的右上角

三分法則不但適用于照片 – 它也適用于登錄頁。看看WebDAM的這個登陸頁面：

或者來自Inbound Emotion的一個：

Inbound Emotion

按照設計理論和眼睛定視來看，3× 3 網格線的交點在任何頁面上都得到最多的關注。因此，放置在這些網格線上的元素也會更受關注。

“使用三分法規(guī)則來設計的布局視覺看上去會更舒適。”

2）根據菲茨法則的重要內容

訓練人眼遵循層次結構。我們的眼睛自然地從大到大的元素發(fā)展。尼爾森進行的眼睛跟蹤研究也顯示：

在這里，用戶比標題更多地集中在人物圖像上，，而且他們的眼睛比較小的段落文字更長的字體。

與此相似的另一個原理是菲茨定律。最初由心理學家保羅·菲茨（Paul Fitts）在 1954 年制定的描述人機交互的方法，該法規(guī)定用戶移動到屏幕上對象的速度是對象的接近度（與用戶）的比例及其大小的函數。

在數學上，這體現如下：

結論：目標越大，完成點擊越快，時間越短。同樣地，目標越近，指向越快，完成點擊時間越短。也就是說，定位點擊一個目標的時間，取決于目標與當前位置的距離，以及目標的大小。

標簽：林芝 鹽城 東營 九江 烏魯木齊