您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 設計理論 >> 瀏覽設計教程

十個優(yōu)秀網(wǎng)頁布局對比(上)

1.少用表單

漲姿勢!優(yōu)秀網(wǎng)頁布局對比(二),互聯(lián)網(wǎng)的一些事

  人類天生討厭勞動密集型的任務,這也同理適用于填寫表單字段。你每增加一個填寫區(qū)域,就有可能讓你的訪客轉(zhuǎn)身離開。并不是每個人打字一樣快,而且在移動設備上打字也讓人厭煩。仔細考慮每個字段是不是真的必要,并且刪除盡可能多的字段。如果你真的有超多選擇字段,也考慮把他們移動到表單提交之后的單獨頁面上去。你的表單很容易變得過長,更少的字段會不錯地提升轉(zhuǎn)化率。

2.直接展示選項而非隱藏

  每一個你使用的下拉菜單都隱藏著一些需要花費氣力去尋找的內(nèi)容。如果那些隱藏的選項是你的訪客一路向前要做的事情,那么你可能希望表單內(nèi)容離他們更近。試圖保留可預測的且不需學習的下拉菜單選項,比如一系列日期和時間(例如日歷)或地理位置。

  偶爾下拉菜單按鈕也會引向使用方面頻率很高的界面——一個人會一段時間內(nèi)重復使用它。注意把基本元素隱藏在下拉單之后對轉(zhuǎn)化率的影響。

3.進行連續(xù)式推薦,而不是使用一個虛假的頁面結(jié)尾

  虛假的頁面結(jié)尾可謂轉(zhuǎn)化率殺手。的確,滾動長頁面很棒,但是千萬不要給你的訪客一種頁面到達底部感覺。如果你的頁面需要滾動,嘗試建立一個能讓用戶放心繼續(xù)閱讀的視覺模塊。另外,注意兩個頁面之間的空白區(qū)域不能過大(目前有這么多終端,我主要是說的是區(qū)間范圍比例)。

4.保持專注,而非陷入在鏈接之中

漲姿勢!優(yōu)秀網(wǎng)頁布局對比(二),互聯(lián)網(wǎng)的一些事

  創(chuàng)建一個有很多鏈接并且讓用戶前翻后找的頁面是很容易的。然而如果你正在設計一個故事性的底部有號召需求的頁面,那么請三思。注意你頁面上的鏈接個數(shù)并且盡可能平衡兩種頁面風格:多鏈接探索型和少鏈接隧道型。去掉無關的鏈接是一個很好的增加用戶到達底部重要按鈕的方法。

5.展示狀態(tài)而非隱藏

漲姿勢!優(yōu)秀網(wǎng)頁布局對比(二),互聯(lián)網(wǎng)的一些事

  在界面中我們常常展示一些不同狀態(tài)的元素。郵件是否被閱讀,賬單是否被支付等等。通知使用者各個物品的不同狀態(tài)是良好的提供反饋的方法。界面狀態(tài)能夠幫助人們了解他們過去的動作是否成功,以及是否該采取某些行動。

6.按鈕上的文案讓用戶有優(yōu)惠感

漲姿勢!優(yōu)秀網(wǎng)頁布局對比(二),互聯(lián)網(wǎng)的一些事

  想象一下,一頁上有兩個按鈕,一個寫著“幫你省錢”,另外一個寫著“注冊“。由于注冊沒有潛在價值,我敢打賭第一個點擊率更高。一個花費精力的注冊流程常常和長表單和瑣事聯(lián)系在一起。

  這里的假設是:暗示有好處的按鈕往往有更高的點擊率。如果不是這樣,也可以在行動按鈕附近放置暗示好處的文案,讓人們回想起來他們?yōu)槭裁瘩R上要采取這個行動。當然,有很多基于行動的按鈕,但是那些就只是頁面之前切換,也很少需要有說服力和重復的煽動性文案。

7.采用直接操作,避免上下文菜單

  有時,讓一些特定界面元素可直接編輯是有道理的,比列出一系列毫無關系的條目要好很多。當展示一系列舉例數(shù)據(jù)時,我們特別期望用戶點擊或編輯列表中的條目。點擊或者鼠標懸停在一個數(shù)據(jù)條(就是一個文字地址)之后,馬上可以對它進行編輯。使用這樣的交互減少了很多不必要步驟,如果要編輯長字段也同樣適用。牢記,如果是條目之間關系不明確,使用上下文菜單沒什么問題。

8.用區(qū)域展示內(nèi)容,不要創(chuàng)建多余頁面

漲姿勢!優(yōu)秀網(wǎng)頁布局對比(二),互聯(lián)網(wǎng)的一些事

  當?shù)顷戫摓榱宿D(zhuǎn)化價值時,可以直接顯示表單。與單獨的注冊頁面相比,這種登陸頁更有利于轉(zhuǎn)化。首先,去除額外的操作步驟,減少完成任務的時間。第二,顯示表單的數(shù)量,把完成任務需要的時間告知用戶。

9.使用過渡,避免直接改變

  在用戶使用時,頁面元素常常出現(xiàn),隱藏,移動,轉(zhuǎn)換和改變大小。當元素相應我們的交互,理解剛剛發(fā)生的小動作就會更加容易。以動畫或者變換為形式的有意小延遲,方便認知,并且讓人們有時間理解大小或者位置的改變。記住當我們把這些動作的時間延長到0.5秒以上,就會出現(xiàn)人們厭煩的情況。對于那些只想讓事情很快完成的人來說,動作太長是一個負擔。

10.讓用戶慢慢體驗,別馬上讓他們注冊

漲姿勢!優(yōu)秀網(wǎng)頁布局對比(二),互聯(lián)網(wǎng)的一些事

  與其命令訪客馬上就注冊,為什么不讓他們首先完成一個能展示有效價值的任務呢?在這些最初的交互中,產(chǎn)品不僅能夠顯示它的好處,也能展現(xiàn)它的個性。一旦用戶開始發(fā)現(xiàn)你的產(chǎn)品的價值并且懂得怎樣好好讓產(chǎn)品為自己所用,他們就會更加樂于把其余信息分享到你的產(chǎn)品中。

  逐步的參與,真的是一個推遲注冊流程卻有讓用戶使用你的產(chǎn)品的良好方法。

[教程作者:admin]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di2004.html
高效設計三步曲
6種企業(yè)網(wǎng)站首頁設計最常見的布局
圖趣網(wǎng)微信
建議反饋
×