多設備時代的UI設計法則(打造完美體驗的用戶界面) 多设备时代的UI设计法则:打造完美体验的用户界面

原田秀司

買這商品的人也買了...

商品描述

 

<內容簡介>

《多設備時代的UI設計法則:打造完美體驗的用戶界面》一書從網站架構、設備界面、體驗設計三個方面,系統地提煉出72條適合當下多設備時代的UI設計方法,以期為用戶打造完美的使用體驗。同時,講解思路也不拘泥於界面設計,除UI設計師外,本書同樣適合產品經理、信息架構師、交互設計師等閱讀。

 

<章節目錄>

第1章 網站架構
 垂直、水平、前後的空間架構
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 為什麽會“迷路”?

第2章 設備界面
 物理性限制
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 無縫步驟
第3章 體驗設計
 理解與體驗
61 平面結構與立體結構的差別
62 從平面考察
63 用立體的視角瞭解網站的結構
64 利用局部原型進行體驗
65 真機體驗
 設計的講究
66 將界面變得簡明
67 可以自然操作的界面
68 活用共通概念
69 運用顏色來辨別效果
70 標準化版型與頁面元件
71 避免冗長
72 運用精簡的方法創造豐富的內容

 

<作者介紹>

(日)原田秀司,日本平面設計師協會會員。1974年生於東京都,東京大學工學部畢業。曾在網站製作公司擔當設計總監。目前為自由職業者,從事網頁設計與運維工作。