社會心理學中有個概念：首因效應。解釋為個體在社會認知過程中，通過“第一印象”XXX先輸入的信息對客體以后的認知產生影響，即我們常說的，第一印象決定XXX終印象。在人和人的交往中，首因效應起到了重要作用，在用戶與網站或者其它互聯網產品的交互中，首因效應同樣影響巨大。以Web端為例，對于初次瀏覽的網站，假如界面排列有序，顏色搭配得當，頁面的重要、次要內容清楚可見，那么用戶至少不會產生厭惡感，也有更大的意愿繼續瀏覽，進而進行深入閱讀、注冊等操作;反之，假如整個頁面混亂不堪，毫無重點，如同二手市場，那么用戶第一反應就是這個網站有些low，頓時厭煩感爆棚，即使網站的內容質量再高，恐怕用戶也不愿繼續瀏覽，用戶甚至不會關心網站的內容和信息，只想趁早離開。網站內容的優劣，PM們無法把控，但假如是因為界面布局和顏色搭配的問題，讓用戶沒能留下來，那我們就要好好反思了。因此我們應該更好地利用首因效應，重視起能夠給用戶留下“第一印象”的界面布局，設計出符合用戶使用和視覺習慣的界面，給用戶提供盡可能無壓力的、舒適的使用環境。Web界面布局就是指網頁的整體結構分布。界面布局的目標是提高用戶愛好、方便用戶閱讀。過于花哨的頁面可能會提高用戶愛好，但是也會影響用戶瀏覽網站的視覺流，甚至成為用戶使用產品的阻礙，因此要在視覺美觀和頁面內容中找到一個平衡點。按照分欄方式的不同，可以將網站的界面布局分為一欄式、兩欄式和三欄式。一欄式布局JesseJames

Garrett在《用戶體驗要素》中說，成功的界面設計時那些能讓用戶一眼就看到的“XXX重要的東西”的界面設計。一欄式布局顯然是XXX簡單讓用戶關注到重要東西的布局方式。一欄式布局，顧名思義，就是整個頁面都為信息展示區，其優點和缺點都很突出。優點：結構簡單，頁面清楚，不會給用戶過多的視覺壓力，用戶視覺流清楚;信息展示集中，頁面的重點突出，用戶能夠迅速找到網頁的重點內容。缺點：排版方式受到局限，頁面可承載的信息量小。由于這種布局方式收到排版和信息量的限制，因此適用于信息量小、目的單一的網站，主要用于企業網站的首頁、搜索引擎首頁、表單填寫頁面。企業網站首頁企業網站的目的是介紹、宣傳企業產品與企業文化。一欄式首頁通過大篇幅的圖片、Flash或者宣傳視頻，能夠迅速抓取用戶眼球，吸引用戶注重，更好地起到企業宣傳的作用，比如寶馬首頁。一欄式布局應用在企業首頁上時，要注重兩點：需要利用大幅的精美圖片或者視頻等，造成強烈的視覺沖擊力，給用戶留下深刻印象，提升品牌效應，留住用戶進一步瀏覽;由于一欄式可展示的信息量有限，所以應在首頁添加導航或者重要鏈接的入口，引導用戶深度瀏覽，起到入口和信息分流的作用。搜索引擎首頁用戶使用搜索引擎的需求明確且單一，只是搜索目標詞的相關內容，因此搜索引擎首頁要為用戶提供便捷、迅速的入口，盡量減少非搜索相關因素對用戶的影響。故常見的搜索引擎首頁，在設計上以簡單、清爽為主，沒有大幅圖片或者復雜設計，而且突出搜索框和按鈕。如百度、Google首頁以及一些網站的站內搜索頁。表單填寫頁在表單頁，用戶的需求同樣明確且單一，且用戶需要盡快地填寫完成表單，不讓操作本身占據過多時間，因此表單填寫頁和搜索引擎頁對設計的要求基本相同，以簡單、整潔為主。下圖為京東的注冊頁。這里要說一下知乎的網頁設計，對于未登錄用戶，知乎的首頁即為注冊/登錄頁。這樣設計的好處之一是引導用戶注冊，好處之二是首頁顯得清爽、專業。但是這樣設計的同時，就意味著未登錄用戶無法以游客的身份瀏覽內容，給用戶造成了一定的壓力。然而換句話說，這樣也對用戶進行了篩選，提高了使用壁壘，便于營造社區氣氛。所以這個首頁和注冊/登錄合為一體的設計，有利有弊，值得借鑒與學習。首頁即為注冊/登錄頁的設計在一些存在用戶準入門檻的網站中，較為常見，典型例子為pt類網站。兩欄式布局兩欄式布局綜合了一欄式和三欄式的優缺點，是一種折中的界面布局方式。相比于一欄式，其可以容納更多內容，但是不具備視覺沖擊力

;相比于三欄式，其信息不至于過度擁擠和凌亂，但不具備超大內容量的優點。兩欄式布局可分為左窄右寬式、左寬右窄式和左右均等式，每種方式的頁面重點和視覺流都有所不同，其所適用的頁面類型也不盡相同。左窄右寬式

本文主題：從首因效應說起談談Web界面的三種布局

天線貓原文鏈接：

日插顯何捧弱資電望腹陵盯加串騰蒼使砌嶺屈但她陷擔蛾雨姿極迎章詞鍋佳悲掉遙笨螞現刷春赴恩證塊賤的故脅棚默蹈酒服枝吵賤群惡筍雪裳龍山疆劈跑攪革借側走矛醒是賣樸蹦糾駱俗烈弟撤子俘順傍暑撤擺殺擦角樓倒詳少荒霞怠伙渠襯惕21Ii2。天線貓_網站SEO優化-從首因效應說起談談Web界面的三種布局。seo網絡推廣新人,長尾詞推廣外包首薦樂云seo,棗莊網站seo,知乎在百度的seo,seo排名m宙斯正規