多元裝置時代的網站UI/UX設計法則：打造出讓使用者完美體驗的好用介面


	多元裝置時代下，好用的使用者介面(UI)與絕佳的使用者經驗(UX)的「設計手法」以及「思考模式」，本書完整介紹！　　「網站好用」的祕密，PC&智慧型裝置適用（PC、智慧型手機、平板電腦、智慧型電視）　　體貼使用者的心就是設計的原點　　進入多元裝置時代之後，網站的設計往往必須支援智慧型手機、平板電腦、智慧型電視以及PC這四種螢幕，不過有時候由於過於在乎各種裝置的特性，而不知不覺設計出不好逛、不容易操作的網站，本書的重點即是介紹如何設計出擁有「簡潔好用」特性的網站的方法。內容從「網站．構造」、「裝置．介面」、「使用者經驗(UX)」等三個方面為出發點，整理出多元裝置時代的介面設計概念，這絕對是一本適合網站設計人員以及眾多網路使用者閱讀的好書。


	目錄 CHAPTER-01 網站架構（website architecture）—關於構造一二三事 ◎垂直、水平、前後的立體構造 01 連結帶來的影響 02 考慮垂直、水平、前後方向的立體構造 03 掌握身在何處的四個元素 04 讓頁面的前後關係視覺化 05 利用互動性表現頁面的前後關係 06 讓使用者透過視覺設計判斷目前所在位置 07 階層的廣度、深度與標籤的關係 ◎佈局模式 08 何謂版型？ 09 單欄式版型 10 單欄式版型的各種變化 11 雙欄式版型 12 三欄式版型 13 雙欄式與三欄式版型的變化 14 格狀設計 15 回應式網頁設計 ◎導覽列 16 導覽列扮演的角色 17 不同類型的導覽列區塊 18 常駐於畫面的「頁首與頁尾」 19 代表位址與路徑的「麵包屑導覽」 20 不同類型的「麵包屑導覽」 21 「全域導覽列」與「區域導覽列」 22 使用者可從他處回流的「關聯性導覽列」 23 垂直型與水平型的「區域導覽列」 24 透過「區域導覽列」顯示的階層 25 透過「區域導覽列」顯示的系統 26 「樹狀型區域導覽列」的位置 27 「主要內容區塊」的位置 28 讓導覽列的位置與內容固定 ◎一致性 29 一致性與靈活性 30 一致性的效果 31 「迷路」的原因何在？ CHAPTER-02 裝置介面（device interface）—關於裝置 ◎物理性制約 32 何謂裝置的多元性 33 螢幕大小造成的影響 34 使用者與螢幕的距離所造成的影響 35 螢幕方向造成的影響 36 輸入方式造成的影響 ◎軟體制約 37 文字資料的特性 38 圖片檔案的特性 39 圖片檔案的純文字化與向量化 40 瀏覽平台種類造成的差異 ◎捲動的方向性 41 何為自然的捲動方向 42 捲動文字造成的影響 43 螢幕形狀對畫面捲動的影響 44 元素形狀對畫面捲動的影響 45 元素間距對捲動造成的影響 46 垂直與水平方向並存的捲動方式 47 畫面捲動與翻頁的關係 ◎與裝置的互動 48 互動與回饋的關係 49 由滑鼠操作產生的回饋 50 由觸控面板產生的回饋 51 由遙控器操作產生的回饋 ◎無縫式介面 52 什麼是不切換畫面的介面？ 53 覆蓋式介面 54 嵌入式介面 55 滑動式介面 56 增量捲動介面 57 增量翻頁介面 58 增量平移介面 59 輪播式介面 60 無縫式步驟 CHAPTER-03 經驗設計（experience design）—關於理解、體驗以及設計的講究之處 ◎理解與體驗 61 平面構造與立體構造的差異 62 從平面進行考察 63 以立體的角度了解網站構造 64 利用局部的原型進行體驗 65 實機體驗 ◎設計的講究之處 66 讓介面變得極簡 67 能自然而然操作的介面 68 活用共通概念 69 利用顏色的判別效果 70 標準化版型與頁面元件 71 避免變得冗長 72 利用精簡的手法創造更豐富的內容