本書從用戶界面基礎的知識入手, 介紹了頁面布局的基本原則, 為后面的復雜布局應用奠定基調; 之后, 從頁面可讀性、黃金分割、認知過程幾個方面闡述了一個界面應該有的特征, 幫助讀者掌握打造高品質用戶體驗的黃金法則。本書結構層次分明、內容簡練精辟, 無論您是前端設計、開發工程師, 還是需求分析師, 本書都值得您仔細品味、消化吸收。
前端開發人員缺少的從來都不是工具，就好像程序員從來不缺少IDE一樣。作為一個軟件開發人員，更需要理論落實到具體方法上的指導，就像設計模式、開發框架之于程序員，在界面設計方面，這本書恰恰達到了這個目的。評判一個好的APP或者網站的標準有很多，人們首先想到的大多會是功能、內容等因素。然而，再豐富的功能，再充足的內容，也無法挽救一個布局凌亂，內容混雜的APP或網站所留給你的印象。對于一個印象大打折扣的APP或網站，你還會有興趣繼續關注它嗎？我相信你不會。
通過這本書，你會了解到人們關注內容的方式與習慣，進而體會到作者所提到的那種能力——僅僅憑借靜態的內容布局就可以實現引導用戶的目的。神奇嗎？不僅如此，黃金分割的真實案例，還會讓你體會到日常事物不可言喻的美妙。原來一個簡單的位置調整，就可以讓一幅普普通通的照片變得生動起來，仿佛它有著自己的故事，讓人浮想聯翩。
作者豐富的設計經驗讓人折服，這對于前端開發工程師，尤其是在設計方面缺乏經驗的人來說，是不可多得的寶貴財富，值得我們去學習和借鑒。而對大多數普通人而言，掌握其中的奧妙，能夠讓照片更加生動，讓文檔更加簡潔易懂，如此，何樂而不為呢？
作者簡介
TalFlorentin是UXVision公司創始人、CEO；UXHeroComics創始人、編輯；UXV創始人、總監；他在以色列和世界各地分享用戶體驗領域的知識，并擁有超120個用戶體驗項目的經驗。
譯者簡介
天職信息：投之于桃，報之于李，在讀到這本好書的時候，我們也渴望將它分享給每一位同行！在未來路上，我們也會不忘初心，秉持互聯網精神,繼續前行。這，只是一個開始！
第１章 布局中的力和重力 001
1．1 搞清楚用戶是如何使用的 001
1．2 兩種主要的“力” 001
1．2．1 從上到下的“力” 002
1．2．2 從左到右的“力” 002
1．2．3 把這兩個“力”合在一起 003
1．3 所以，用戶的瀏覽方向是對角線方向嗎？ 004
1．4 所以，用戶到底是怎樣瀏覽頁面的呢？ 004
1．5 本章所提到的技巧 005
第２章 頁面元素擺放指南 007
2．1 四分布局 007
2．1．1 主視覺區（Primary Optical Area） 008
2．1．2 強視覺區（Strong Follow） 008
2．1．3 終止區（Terminal Area） 008
2．1．4 弱視覺區（Weak Follow） 008
2．2 使用這個準則需要分情況 009
2．3 本章所提到的技巧 009
第3章 實踐 011
3．1 POCKET 011
3．2 YOUTUBE 012
3．3 注意！不要太依賴這個指南 014
第４章 合理擺放元素 015
4．1 使用方塊定義布局 015
4．1．1 用框架來定義視覺流 015
4．1．2 測試你的布局結構 016
4．2 兩個“力”已經在起作用了 017
4．3 “魔法”的神秘面紗已經揭開 018
4．3．1 一個小測驗 018
4．3．2 如何處理一些復雜的布局 018
4．4 本章所提到的技巧 019
第5章 協助用戶進行決策 021
5．1 認知過程初探 021
5．2 理解用戶如何做決定 021
5．2．1 果醬試驗的第一步 022
5．2．2 果醬試驗的第二步 022
5．2．3 那么這說明了什么 022
5．2．4 Hick法則 023
5．2．5 選擇的矛盾性 023
5．2．6 果醬試驗的第三步 023
5．2．7 幸虧我們有Miller 024
5．3 用戶決策的四項原則 024
5．3．1 上述這些是如何影響設計的？ 025
5．3．2 布局的復雜程度在設計的初期已經定義好了 027
5．3．3 復雜頁面的處理方式 027
5．4 本章所提到的技巧 028
第6章 隱式指令控制 029
6．1 格式塔（Gestalt）的世界 029
6．1．1 這是什么？ 029
6．1．2 格式塔規則引導著我們 031
6．1．3 接近原則（Proximity） 031
6．1．4 為什么會進行分組？ 032
6．1．5 在布局中使用“格式塔” 032
6．1．6 格式塔的另一個例子 033
6．2 大多數設計師存在的問題 035
6．3 把隱式指令應用到表單設計中 036
6．4 接近原則的力量 037
6．5 本章所提到的技巧 037
第7章 讓頁面易于瀏覽 039
7．1 從T．M．I到TL;DR 039
7．1．1 我們不應該讀 039
7．1．2 我們不想閱讀 040
7．2 基本的閱讀模式 040
7．3 讓一切更簡單 042
7．3．1 7秒原則 043
7．3．2 標簽 044
7．4 本章提到的技巧 046
第8章 黃金分割與留白 049
8．1 黃金分割 049
8．2 留白 052
8．2．1 完美結合 053
8．2．2 留白和潛意識 054
8．3 黃金分割與界面設計 055
8．4 回到之前的內容布局指南 057
8．5 本章提到的技巧 059
第9章 合理利用屏幕 061
9．1 橫向屏幕的合理布局 061
9．2 適合閱讀的布局 062
9．2．1 有效地閱讀vs．愜意地閱讀 063
9．2．2 閱讀 vs． 呼吸 064
9．3 本章提到的技巧 064
第10章 使用柵格輔助布局 065
10．1 不一致性帶來的惡果 065
10．2 一致性布局背后的秘密 066
10．3 網格的空間控制系統 067
10．4 靜態元素和動態元素 067
10．5 尋找一致的柵格模型 068
10．6 本章提到的技巧 070
第11章 直觀的滾動 071
11．1 水平和垂直滾動 072
11．2 認識折疊線 072
11．3 讓滾動變得更直觀 074
11．4 本章提到的技巧 077
結束語 078
新書資訊